- 博客(14)
- 收藏
- 关注
RSS订阅原创 css Style、动态样式
全局选择器 - 第一种：新建一个标签，不添加第二种：动态CSS单文件组件的style标签可以通过将css值关联到动态的组件状态上对象 - 使用引号css module标签会被编译为CSS Modules，并且将生成的CSS类作为对象的键暴露给组件，是默认名。自定义注入名称，多个可以使用数组与组合式API一起使用注入的类通过API在和中使用，对于自定义注入名称的css module模块，在中传递对应的module attribute值作为参数。使用场景：一般在jsx、tsx和ren
2023-06-05 09:59:02
1443
原创 隔代通信-继承组件全部属性
作用：主要用于组件之间的隔代传值，是将调用组件时的组件标签上绑定的的属性(class、style除外)向下传递。使用了的组件，可以使用从上级组件中获取的值，并且它的下级组件直接下级组件即便没有用绑定，也可以获取到值。在子组件中应该添加，避免父作用域的不被认作为props的特性绑定应用到子组件的根元素上，导致在子组件中无法使用vm.$attrs对象获取到非props特性值**eg：**有父组件A，子组件B，孙组件C，在A组件中传值给C，在C组件中用prop接收。
2023-06-05 09:58:28
700
原创 常用响应式API与原理分析-ref
reactive对传入的类型是有限制的，必须是或，对一些基础类型（例如stringnumberboolean等）不支持。Ref是一个接口，最主要的是有一个value属性可以获取值和赋值。使用场景：将数据变为。createRef传入的参数2如果已经是ref对象，直接返回，如果不是就利用RefImpl进行封装有两个私有变量_value和_rawValue_rawValue是原始值，_value是操作的值value_value_rawValuevaluevalue_valuereactive_rawValue。
2023-06-05 09:56:05
137
原创 Vue3+TS
boolean;: boolean;: boolean;id : 1 , title : '任务一' } , {id : 2 , title : '任务二' } , {id : 3 , title : '任务三' } ]//类型别名 type Json < T > = {foo : T } //接口 interface Json < T > {
2023-06-05 09:55:35
349
原创 常用响应式API与原理分析-reactive
说明：只对对象的最外层属性进行响应式的处理，处理函数是浅响应式的函数，内部属性的获取是直接获取对象的属性值，没有被。使用场景：修改最外层属性时需要执行某些操作（例如更新DOM），而修改内部属性时不需要执行额外的操作。因为对象是只读的，不需要修改，所以不需要收集依赖和分发依赖。使用场景：只有最外层属性是只读的，内层属性可以进行修改。说明：将对象或数组变为响应式对象的主要API之一。使用场景：判断某个对象是否是响应式对象，及。使用场景：判断某个对象是否是只读对象，即。对应的属性值以及属性值转换成的。
2023-06-05 09:55:00
65
1
原创 Vue3 语法
Vue3 中，和 Vue2 一样，也是通过自定义事件来实现子组件给父组件传值。< template > < button @ click = "toFather" > 按钮 < / button > < / template > < script setup lang = "ts" > const emit = defineEmits([ 'getData' ]) const toFather =() => {// 调用自定义事件，并传值 emit('getData' , 100);
2023-06-05 09:50:13
1240
2
原创 前端跨页面通信
来忽略同源策略，可以在每个页面中嵌入一个iframe，iframe的src都使用同一个url，因此属于同源页面，在通信上可以复用上面同源页面的各种通信方式。打开页面时，该方法会返回一个被打开的页面的window引用，而在未显示指定noopener时，被打开的页面可以通过。opener属性：可读可写，可返回对创建该窗口的window对象的引用（父窗口的引用），可使用它的属性和函数。3、消息接收方，需要展示数据，还需要将消息再传递给它所知道的页面（打开它与被它打开）
2023-06-02 18:02:16
504
原创 less与sass的区别
less与sass都是css的预处理器，增加了变量、嵌套、函数、语句、继承等概念，基本思想都是用编程的思路编写css代码。sass引用的外部文件命名必须以。less引用外部文件和css中的。只对less文件有作用，首先使用。sass支持条件语句，可以使用。循环等，less不支持。
2023-06-02 18:00:48
173
原创 js模块化规范
浏览器的模块都在服务器端，等待时间取决于网络速度的快慢，等待的时间越长，浏览器响应的时间越长，甚至造成“假死”的状态。在nodeJS出现前，前端没有模块化的概念，NodeJS出现后，使用的是CommonJS的模块化规范，目前主流的前端框架vue/react都是基于node来构建的。AMD是异步加载模块，推崇依赖前置，js可以提前知道所有的依赖模块，立即加载，加载完模块会立即执行，所有模块加载完之后进入require函数，执行主逻辑。ES6静态编译，在编译的时候就能确定依赖，编译的时候输出接口。
2023-06-02 17:57:53
176
原创 字符串截取bug(码元、码点)
a —> 97：将字符转换为数字（ASCII码）的过程称为编码，对于字符编码一般使用的是UTF-16。：获取字符的码点，与65535进行比较，大于65536时表示占用两个码元，小于等于表示占用一个码元。获取字符串占用的内存空间：字符串length * 2 = 占用的字节数。可能占1个16位，也可能占2个16位：Code Point - 码点。16位二进制 – 2个字节（1个字节8位二进制）当一个16位存不下时，会用两个16位进行存储。一个16位存储空间是一个存储的。通过字符串下标 — 获取的也是。
2023-06-02 17:57:28
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人