- 博客(304)
- 收藏
- 关注
RSS订阅原创 在组件上使用v-model
/ 子组件中：// 以对象的形式定义属性，如果使用的是默认值modelValue，对应的修饰符属性名为modelModifiers// 配合参数使用，如果prop名为value1，对应的修饰符属性名为value1Modifiers})// 定义修饰符xxx的逻辑// 父组件中。
2024-03-14 01:33:27
309
原创 权限的控制
按钮权限（页面中按钮的展示，依赖用户数据中的可访问按钮权限信息，有后台管理可配置）菜单权限（页面左侧菜单的展示，依赖用户数据中的异步路由信息，有后台管理可配置）
2024-03-06 00:28:18
135
原创 vue3中使用pinia
/ stores/counter.js中// ref就是state，computed就是getter，函数就是action，没有mutation了})
2024-02-03 23:20:31
133
原创 TS-对象
/ 可选属性name?: string,// 只读属性，当前option不可以修改，但是option.money可以修改} ,// 索引签名，定义在索引签名之下的实名属性要兼容索引签名。
2023-11-29 23:55:01
79
原创 TS常见类型概述
类型断言只能指定更大的范围或者更小的范围，不能是交叉的情况eg: ‘abc’ as number。对值进行断言，在值后面加as type，或者在值的签名加联合类型使用’|'，注意在使用到这种类型的数据时，多数需要类型缩小。类型断言有编译器删除，不会影响代码运行时行为。TS独有，添加到JS运行时的内容。
2023-11-27 00:00:24
148
原创 项目代码标准化
eslint偏向于把控项目js、ts、vue等代码的质量；prettier偏向于js、ts、vue的代码风格；stylelint偏向于把控css代码风格的统一。
2023-11-09 00:31:35
252
原创 npm的使用
快速生成package.json npm init -y格式为：「主版本号. 次版本号. 修订号」。修改主版本号是做了大的功能性的改动修改次版本号是新增了新功能修改修订号就是修复了一些bug。
2023-11-04 21:58:51
739
原创 正则表达式
创建方式字面量new对象 new RegExp(‘正则表达式’,‘修饰符’)模式修正符ig 不区分大小写，全局匹配u 当使用语法元素\p的时候，要用上u模式元字符（最小单位）\d 数字\D 除了数字\w 字母、数字、下划线\W 除了字母、数字、下划线. 除了换行符，其余所有字符\s 空格、制表符、换行\S 除了空格、制表符、换行空格和普通字符abc一样\n 换行符转义使用反斜杠\对象的方式创建正则时，双反斜杠才能表示转义 \n选择符 |左边全部和右
2023-10-25 00:18:01
397
原创 css终极方案PostCSS
所有的css框架都在一样的事，那就是由一个css生成一个新的css，那么postcss就来做了一个抽离：1、将原有的css解析成抽象语法树2、中间经过若干个插件3、重新文本化，形成新的css。
2023-07-24 22:06:52
519
原创 Promise
主要实现构造函数和原型上的then方法// 主线try{then(){}// 完整代码return;//如果有待执行的函数，立刻异步执行回调onResolved});},0);return;});},0);try{//如果当前还是pending状态，就将回调函数保存起来//放到队列中执行},0);}else{},0);
2023-06-10 23:25:39
691
原创 js中的循环
一见如故可迭代对象：部署了Iterator接口的对象，Array、Map、Set、String都是可迭代对象for、for in、for of的循环体中都可以使用break、continuefor循环依靠角标获取数组的成员，也可以没有数组for in最好用来遍历对象，遍历数组性能不好，其遍历的是对象的可枚举属性（由属性的enumerable决定），包含原型上的可枚举属性for of用来遍历可迭代对象forEach是可迭代对象原型上的方法，可以遍历可迭代对象；map是Array原型上的方法，只能
2023-06-08 22:24:19
70
原创 对象的相关操作
age: 3-- 数据属性 -->configurable: false, // 能否通过 delete 删除属性，能否修改属性的特性，能否把属性修改为访问器属性。enumerable: false, // 能否通过 for-in 循环返回属性。writable: true, // 能否修改属性的值value: '张三' // 这个属性的数据值。})-- 访问器属性 -->},} else {})
2023-06-07 23:33:24
349
原创 性能优化概述
避免使用复杂的js代码、减少DOM操作和重绘操作（修改dom的宽高等、增删dom、改变窗口大小、滚动页面）、懒加载异步加载js文件、压缩代码、web worker。使用HTTP2（可以同时发多个请求）、使用CDN、使用流浪器缓存、css sprites合并减少请求、对某些模块延迟加载、减少减小请求。网页第一次达到可交互状态的时间点，此时浏览器可持续性的响应用户的输入，这个时间点多数情况是最后一个长任务完成的时间点。网络、硬件、服务响应时间长、JS执行时间长、css渲染时间长。速度指数，指渲染的速度。
2023-05-27 23:34:27
774
原创 chrome渲染引擎的工作主流程
发生重排的情况：元素大小或者位置的改变（C3的transform不在其列）是什么：重新生成布局树，以及执行后面的流程，最终生成像素信息。
2023-05-17 00:08:51
418
原创 现代浏览器架构
一见如故程序在内存中执行，一个程序可能有多个进程，一个进程可能有多个线程现代浏览器程序中有个渲染进程（内核），其中有个主线程包含了渲染引擎和js解析引擎事件循环解决了同在主线程的两大引擎配合执行问题，也帮助实现了JS的异步编程现代浏览器的多进程主进程：浏览器主界面、交付、存储网络进程：网络资源的请求和接受GPU进程：3D CSS、CSS3插件进程渲染进程（内核）：解析HTML和JS渲染进程（内核）主要包含一个主线程（包含渲染引擎和JS解析引擎的工作）和一个任务队列渲染进程
2023-05-07 23:24:03
338
原创 vue 事件处理
/ 方法事件处理器没有显示的传\$event，但在方法中仍然可以获取自定义事件传递的参数// eventData为自定义事件传递的参数// 内联事件处理器中，如果方法要额外传参数，需要显示写出\$event(表明这个参数的位置，便于区分参数)// msg是123，eventData为自定义事件传递的参数// script中用小驼峰，模板中用短横线。
2023-04-23 00:17:33
91
原创 vue 异步组件
一见如故const Xxx = defineAsyncComponent(() => import('./Xxx.vue'))defineAsyncComponent接受一个"返回promise的函数"，返回一个外包装的组件AsyncComp，它的使用是vue内部行为场景：1、<AsyncCom v-if=‘flag’ />，让异步组件代码不用立马加载，等需要的时候再加载2、AsyncCom + Suspense，让耗时的组件作为异步组件使用，在组件没有完全渲染之前，展示’预
2023-04-20 23:40:58
237
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人