- 博客(319)
- 收藏
- 关注
原创 vue transition组件
2、使用库中的类名来设置enter-active-class属性和 leave-active-class属性。1、安装animate库,并在main.js中引入。
2024-09-06 01:12:54 660
原创 屏幕适配方案
高度固定,宽度使用百分比,通常使用max-width/min-width控制尺寸范围过大或者过小。但是屏幕尺寸相对于设计稿跨度过大的话,会拉伸明显。常用在pc端适配。
2024-06-02 18:36:50 189
原创 响应式数据
返回值类似一个ref包装的响应式对象,在script中需要.value进行拆箱。在模板中可以直接使用msg属性,在script中要props.msg。
2024-05-19 21:52:45 203
原创 vue中的事件
需要使用emit方法,emit(‘事件名’,参数)自定义事件名的规范(script中用小驼峰,模板中用短横线)1、组合api中2、setup语法糖中(非TS)3、setup语法糖中(使用TS)}>()
2024-05-16 23:40:36 260
原创 在组件上使用v-model
/ 子组件中:// 以对象的形式定义属性,如果使用的是默认值modelValue,对应的修饰符属性名为modelModifiers// 配合参数使用,如果prop名为value1,对应的修饰符属性名为value1Modifiers})// 定义修饰符xxx的逻辑// 父组件中。
2024-03-14 01:33:27 484
原创 权限的控制
按钮权限(页面中按钮的展示,依赖用户数据中的可访问按钮权限信息,有后台管理可配置)菜单权限(页面左侧菜单的展示,依赖用户数据中的异步路由信息,有后台管理可配置)
2024-03-06 00:28:18 170
原创 vue3中使用pinia
/ stores/counter.js中// ref就是state,computed就是getter,函数就是action,没有mutation了})
2024-02-03 23:20:31 168
原创 TS-对象
/ 可选属性name?: string,// 只读属性,当前option不可以修改,但是option.money可以修改} ,// 索引签名,定义在索引签名之下的实名属性要兼容索引签名。
2023-11-29 23:55:01 111
原创 TS常见类型概述
类型断言只能指定更大的范围或者更小的范围,不能是交叉的情况eg: ‘abc’ as number。对值进行断言,在值后面加as type,或者在值的签名加联合类型使用’|',注意在使用到这种类型的数据时,多数需要类型缩小。类型断言有编译器删除,不会影响代码运行时行为。TS独有,添加到JS运行时的内容。
2023-11-27 00:00:24 177
原创 项目代码标准化
eslint偏向于把控项目js、ts、vue等代码的质量;prettier偏向于js、ts、vue的代码风格;stylelint偏向于把控css代码风格的统一。
2023-11-09 00:31:35 305
原创 npm的使用
快速生成package.json npm init -y格式为:「主版本号. 次版本号. 修订号」。修改主版本号是做了大的功能性的改动修改次版本号是新增了新功能修改修订号就是修复了一些bug。
2023-11-04 21:58:51 779
原创 正则表达式
创建方式字面量new对象 new RegExp(‘正则表达式’,‘修饰符’)模式修正符ig 不区分大小写,全局匹配u 当使用语法元素\p的时候,要用上u模式元字符(最小单位)\d 数字\D 除了数字\w 字母、数字、下划线\W 除了字母、数字、下划线. 除了换行符,其余所有字符\s 空格、制表符、换行\S 除了空格、制表符、换行空格和普通字符abc一样\n 换行符转义使用反斜杠\对象的方式创建正则时,双反斜杠才能表示转义 \n选择符 |左边全部和右
2023-10-25 00:18:01 423
原创 css终极方案PostCSS
所有的css框架都在一样的事,那就是由一个css生成一个新的css,那么postcss就来做了一个抽离:1、将原有的css解析成抽象语法树2、中间经过若干个插件3、重新文本化,形成新的css。
2023-07-24 22:06:52 668
原创 Promise
主要实现构造函数和原型上的then方法// 主线try{then(){}// 完整代码return;//如果有待执行的函数,立刻异步执行回调onResolved});},0);return;});},0);try{//如果当前还是pending状态,就将回调函数保存起来//放到队列中执行},0);}else{},0);
2023-06-10 23:25:39 725
原创 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 93
原创 对象的相关操作
age: 3-- 数据属性 -->configurable: false, // 能否通过 delete 删除属性,能否修改属性的特性,能否把属性修改为访问器属性。enumerable: false, // 能否通过 for-in 循环返回属性。writable: true, // 能否修改属性的值value: '张三' // 这个属性的数据值。})-- 访问器属性 -->},} else {})
2023-06-07 23:33:24 364
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人