20240408 前端开发日报

【样式穿透】VUE样式穿透为啥有时不生效,把ta嚼烂;探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null;前端工程师应该如何正确面对 UI 组件视觉回归测试;Flutter 中如何显示条件 Widget;尝试在 Java 中使用 Moshi JSON 库;vue实现验证码验证登录;Vue3大事件项目1 登录注册;【Vue3】解决 Props 没有默认值而报错的问题

  1. 【样式穿透】VUE样式穿透为啥有时不生效,把ta嚼烂

    背景:经常在UI框架进行样式穿透的时候,会发生不生效的情况,既会是因为选择器优先级问题,这种比较好理解,提升优先级就好,但在vue中有时候需要将scoped去掉才能生效,有时候又不能去掉scoped,

  2. 探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null

    探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null <= 0 为 true”

  3. 前端工程师应该如何正确面对 UI 组件视觉回归测试

    在面对原子化的基础组件视觉回归测试时,我们需要思考如何有效地实现 UI 视觉自动化。本文将从思路、实现和原理三个方面为您详细讲述,如何应对基础类 UI 组件的视觉回归测试挑战。

  4. Flutter 中如何显示条件 Widget

    Flutter 中你是如何显示条件 Widget 的?你的实现方式是否正确?或者说你知道什么是条件 Widget ?这篇文章将为你解答这些疑惑!

  5. 尝试在 Java 中使用 Moshi JSON 库

    Moshi 是一个可用于 Java 与 Kotlin 的 JSON 序列化与反序列化库,其主要使用 Kotlin 编写。

  6. vue实现验证码验证登录

    文章浏览阅读75次。vue实现验证码验证登录。

  7. Vue3大事件项目1 登录注册

    文章浏览阅读490次,点赞7次,收藏10次。1. 校验相关(1) 给当前表单绑上整个的数据对象:el-form => :model="ruleForm" 绑定的整个form的数据对象 { xxx, xxx, xxx } ( )(2) 绑上对应的校验规则:el-form => :rules="rules" 绑定的整个rules规则对象 { xxx, xxx, xxx }(注意一一对应) ( )

  8. 【Vue3】解决 Props 没有默认值而报错的问题

    文章浏览阅读182次。在这个例子中,activeIndex 属性被赋予了一个默认值 0。这意味着如果没有为组件提供 activeIndex 属性,它将自动取值为 0。出现报错:activeIndex 可能未赋值。

  9. vue自定义指令的总结以及应用的场景有哪些

    文章浏览阅读192次。Vue.directive第一个参数是指令的名字(不需要写上v-前缀),第二个参数可以是对象数据,也可以是一个指令函数。update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变。inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。2、设置一个v-lazy自定义指令完成图片懒加载。

  10. react或者vue使用svgicon组件

    文章浏览阅读130次。这个时候svgicon文件展示出的即为assets/svg文件夹中的classify.svg文件的样式,由于上面使用了currentColor,包裹svgicon的标签的样式会被svgicon使用。react的写法:也是npm i 插件,在vite.config.ts中使用,在main.ts中引入,最后在需要的位置使用组件。这里的方式是采用了创建c-icon的样式,去获取到外面props传递过来的颜色大小等,可以也可以使用style的方式。注意这里的assets/svg文件夹下,就是静态的svg文件。

  11. Vue使用Three.js 渲染glb、gltf模型

    文章浏览阅读429次,点赞12次,收藏8次。Vue使用Three.js 渲染glb、gltf模型。

  12. Vue中ref属性、_props配置、_mixin混入

    文章浏览阅读699次,点赞29次,收藏11次。= props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务确实需要修改,那么复制props的内容到data中一份,然后修改data中的数据==Food.vue接收App.vue传递过来的数据(Food的名称和价格)(用props接收)//不传默认值 这里接收的是String类型的价格,所以传的时候要传String类型。// // name: ‘酸辣土豆丝’,// // price:’12元’App.vue传递数据给Food.vue。

  13. Vue 计算属性 侦听属性

    文章浏览阅读599次,点赞5次,收藏4次。4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})5.watch默认监听一层,需要监听多级如对象中的值,需要添加深度监听 deep:true。4.写法:第一种Vue实例中,第二种实例化vm.$watch(“监听的属性”,{})3.handler(新值,旧值)函数,当监听值发生改变时就会触发handler函数。写法:监听的属性名(新值,旧值){}3.简写形式(函数)没有set方法,如果需要更改值必须使用对象写法,不能使用函数。"调用了get方法"

  14. vue 移动端无限瀑布流 插件使用(1)

    文章浏览阅读160次,点赞5次,收藏2次。var rest_end = Math.round(new Date(new Date(new Date().getTime()).setHours(19,0,0,0))/1000) //休息时间。console.log(‘我是时间差’,calss1_end – calss1_start2 ) //45分钟 2700 15分钟900。// console.log(“我回去了”)//console.log(“我移动了”)console.log(“上课啦”)//监听滚动 判断背景色。


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流