- 博客(51)
- 收藏
- 关注
RSS订阅原创 原型对象的简单理解
当我们在该对象查找属性的时候，如果在对象上查找不到，会到原型上面去查找，直到查找不到，返回。会到原型上面进行查找并使用，如果没有则返回undefined。这个隐蔽性，个人理解就是覆盖之前的方法。在使用对象上未定义的属性时，每个对象上面都有一个原型。
2024-05-22 14:54:33
118
原创 html中被忽略的简单标签
学习还是要从细节处入手，经历很多之后，发现复杂的代码，其实用最简单的方式就能解决。注：上标文本和下标文本应该是多出现在文章和专刊文章中。
2024-05-22 14:52:03
84
原创 vue2数据响应式原理解析
vue是mvvm框架，即“模型—视图—视图模型”，数据模式还是javascript对象，通过模型中应用程序数据和业务逻辑影响到视图的改变，视图(用户的操作)的改变会影响到底层数据的变动。
2024-03-05 09:44:54
403
原创 vue2和vue3区别 浅析
优势：1：defineProperty()只能对某个属性进行监听，不能对整个对象进行监听；创建的(初始化)的数据，并通过订阅方式进行发布，在初始化之外的数据，不会受到监听；来更新数据,只会监听使用Object.defineProperty。，data,computed,methds，通过属性的方式进行书写；书写,以方法的方式进行分块书写不同的功能点；行为监听成为响应式，如果在初始化之后，再往。里面新增属性，就不会产生响应式效果；vue3 在基本使用中案例使用的是。在数据初始化时，定义一个对象。
2024-02-21 11:12:23
356
原创 js filter,every,includes 过滤数组
关键方法：通过filter进行过滤，every和includes结合的方式得到查找对象
2024-02-19 10:44:56
429
原创 vue2 + element + Nuxt 双向邦定弹框
@decsription 弹框右上角×号处理。使用：:visible.sync双向绑定。:visible 属性绑定。.sync vue双向绑定。通过.sync更新状态。
2023-10-30 21:11:57
224
原创 css常见问题处理
使用弹性布局，父元素设置display: flex另外再设置属性：水平布局justify-content: center;属性各百分之五十，top: 50%;使用网格布局 父元素声明 display: grid;子元素使用 align-self: center;margin 和 calc() 函数是在已知元素宽高的情况下进行的处理，在不知道元素宽高的情况下，可以使用transform平移属性进行处理。使用 平移属性 transform: translate(x轴，y轴)进行位移，各减去元素宽高的一半。
2023-10-10 20:30:21
485
原创 ES6之函数的扩展
默认参数后面的数据不计入length,所以默认参数应放在函数入参末尾，避免不必要错误。第一个参数a41=10,第二个参数a41取第一个参数的值，那么b等于10，输出10。当函数内部进行解构时，默认值为{}空对象，a为undefined,b为默认值。undefined 会触发参数默认值，null没有触发参数默认值。在没有传第二个参数时，函数也没有默认第二个参数时，会报错。在没有传第二个参数时，函数第二个入参有默认值，正常打印。第二个参数转一个空对象，函数默认值 get 生效。和变量作为参数，方法是相同的。
2023-10-09 17:57:09
286
原创 yApi插件提示安装错误
工作中使用到yApi接口平台，联调过程中，因为业务紧张，没有使用平台上面的接口请求按钮查看接口返回数据，正好今天有空，装了下插件，稍微走了下弯路，尴尬哈哈。，提示错误的基本一致，也就是说，失败并不影响接口请求的使用。1：没有安装yApi插件之前的页面我已经没有了。开发中，前后端使用yApi平台进行接口联调。
2023-09-26 16:12:17
100
原创 vue3 小技巧(六)
谷歌浏览器齿轮里面，针对vue的ref,reactive console选项。，可以在控制台直接打印ref和reactive内容。
2023-09-20 20:58:36
91
原创 vue3 ref使用(三)
ref 深层次转写isRef 判断某个值是否为RefshallowRef 浅层次的响应ref和shallowRef 两者不能一起使用，shallowRef会被ref影响通过triggerRef修改shallowRef。
2023-09-20 20:54:29
268
原创 vue3 知识点(二)
v-show 只是改变css样式：display:none，如果对性能有高要求的话，可以使用v-show。@click 可以把click 改成动态的 @[event]修饰符例如：@[event].stop 防止冒泡。 v-if 是注释掉dom节点。
2023-09-20 20:52:14
158
1
原创 vue3 vscode使用(一)
vue3 依赖插件： volar ,在使用vue3开发的时候，需要禁用vue2的依赖vetur,否则会有冲突。vue2 依赖插件：vetur ，在使用vue2开发的时候，需要禁用vue3的依赖volar,否则会有冲突。
2023-09-19 21:10:55
70
原创 jest : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\jest.ps1，因为在此系统上禁止运行脚本
1：状态全局安装jest之后，查看jest -v 版本号报错，jest : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\jest.ps1，因为在此系统上禁止运行脚本2：解决方案原因分析：禁止执行脚本，那就打开权限执行脚本；使用管理员权限3：命令行set-ExecutionPolicy RemoteSigned输入Y 或 A 即可4：结果重新尝试,——成功jest -V...
2021-06-22 22:48:10
290
原创 swiper一行中展示三列的效果—案例（一）
移动端H5 使用swiper移动端的布局可以采用hotcss的方式，这里就不进行布局介绍了；可以参考链接：https://www.w2bc.com/article/205451 ，本文内代码没有做适配；1:引入swiper连接（cdn方式引入,可以使用文件引入的方式）（1）css<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css"> <link rel="styles.
2021-05-12 00:40:34
2136
原创 html中引入字体包
1：下载字体包之前在http://www.downyi.com/downinfo/181562.html 网站中下载过字体包。有的情况下会有附带插件。2：字体包放在项目中字体包存在项目文件中3：新建font.css文件，在里面写入以下代码@font-face { font-family: "HYLeMiaoTi"; //自定义字体名称 src:url("HYLeMiaoTiJ.ttf"); //字体包路径 font-wei.
2021-05-10 20:19:32
10292
5
原创 Node 交互式解释器
引入require先读取文件内容，后打印加载成功var fs = require('fs');// 阻塞var data = fs.readFileSync('./input.text');console.log(data.toString());console.log('加载成功');fs读取文件 readFileSync内容效果：这是一段文字，读取文件信息加载成功②readFile是同步的方法先读取‘非阻塞，先执行’，后打印文件信息；// 非阻塞fs..
2020-07-28 23:12:34
249
原创 小程序textarea字数限制与输入计算
textarea输入框数字的限制html: <textarea name="info" bindinput='input' class='txt' maxlength="200"> <text class="noteNamuber">{{number|0}}/{{notenumber}}个字</text> </textarea>css:.noteNamuber{ font-size: 28rpx; color: gray;
2020-05-18 18:49:37
476
原创 对象新增
这里用到了浅拷贝，用不到的朋友不用在意function fun () { let obj1 = { a:111, b:222, c:333, e:[1,[2,3]], f:[ { 0:'number1', 1:'number2' } ] } let str = JSON.stringify(obj1);
2020-05-15 14:10:37
101
原创 浅拷贝和深拷贝
如果只是一层拷贝直接使用： JSON.parse(JSON.stringify(obj))就可以解决； 浅拷贝与深拷贝，网上有很多深拷贝，自己看了一下，写了一点，方便以后自己随手取用。多多指导！！！
2020-05-15 11:56:18
199
原创 数组转字符串
javascript可以自动转换为字符串不用.toString();let a = ['周一','周二','周三','周四','周五'];console.log(a.toString());console.log(a);document.getElementById('demo').innerHTML = a;结果：...
2020-05-14 11:51:50
2876
1
原创 对象转数组
对象转数组第一种：let NewObject = { 0:'张三', 1:'李四', 'length': 2} let newAray = Array.from(NewObject);console.log(newAray);必须要有length属性，返回的长度取决于length的数值，不加length，打印的是[]key值必须为数字正确结果：第二种：使用Object.values(obj);不需要加le...
2020-05-14 11:32:39
355
原创 数组转对象
数组转对象第一种：var a = ['111','222','333'];let forObject = {}; //forEach循环转对象a.forEach( (item,index) => { forObject[index] = item;}) console.log(forObject);结果：这里面的item就是value值，index就是key值第二种：a.forEach( (item,ind
2020-05-14 10:38:58
962
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人