- 博客(11)
- 收藏
- 关注
RSS订阅原创 computed计算属性和watch属性监听器的区别（data）
区别：computed跟data一样都是一个数据属性，不过computed可以通过计算输出一个结果。场景：当页面需要渲染一个计算过的属性，可以放到computed里面，剩下的后面再加watch是属性监听器，一般用来监听属性变化，或者计算属性的变化（例如监听input中绑定的值的变化，用来实现即时搜索）场景：监听data或者computed变化，变化了就会调用方法总结：computed 和 watch 的使用场景并不一样，computed 的话是通过几个数据的变化，来影响一个数据，而 w
2022-04-07 00:36:54
546
原创 【ES6常用方法1】解构赋值
场景：有如下一个对象，对象中有很多属性，想要给b属性重新赋值一个名字，然后加一个有d、e之和的属性const obj = { a:1, b:2, c:3, d:4, e:5,}bad方法：const a = obj.a;const b1 = obj.b;const c = obj.c;const d = obj.d;const e = obj.e;const f = obj.d + obj.e;good方法：const {a,b:b1,c,d
2022-04-07 00:27:42
528
原创 css命名规范和开发规范（开发优化）
css基本规范命名规范：使用BEM命名法开发规范（优化）：推荐使用子选择器，避免使用低效选择器推荐写法 #toc>.li{font-size: 14px;}浏览器是“从右往左”来分析 class 的，它的匹配规则是从右向左来进行匹配的。这里，浏览器首先会查找页面上所有的“li”节点，然后再去做进一步的判断：如果它的父节点的 id 为“toc”，则匹配成功。 #toc li{font-size: 14px;}浏览器先便利所有的“li”节点，然后步步上溯其父节点，..
2022-04-02 00:31:57
275
原创 cdn引入和npm安装对比？好在哪里？
问题：使用cdn引入库是不是真的比npm引入的好？好在哪里?场景：想要页面打开时更快。答案：这两者的使用还是要具体情况具体分析，使不使用CDN还是看以下几个问题：cdn的优势： 1、带宽更大引入时更快。 2、不同地区用户访问可以就近加载。 （如果自己的web站点带宽够大，全国甚至全球多低部署的话就没有必要用cdn了）页面里面有多少外链接资源文件，比如说链接引入的图片、css文件、js文件等。浏览器的并发会限制同域资源的请求数的（一般是10个），引入CDN的话就因为不同源，可以打破浏览
2022-04-02 00:12:53
3627
原创 微信小程序saveFile，openDocument方法下载、预览pdf文件不能用本地应用打开（不能另存为）的问题
微信小程序saveFile，openDocument方法下载、预览pdf文件不能用本地应用打开（不能另存为）的问题查看官方文档的openDocument（）方法，发现加一个showMenu: true,参数就可以了。多看官方文档啊。// 预览下载的pdf文件setTimeout(() => { //打开文档查看方法 uni.openDocument({ // 显示菜单参数 showMenu: true, // 保存路径
2022-03-01 17:13:34
2800
1
原创 微信小程序对苹果（ipone）手机不能选择复制的问题解决方法
**1、可复制的内容必须用text 标签，2、在标签中添加selectable='true’和user-select=‘true’<view > <view>文本</view> <!-- 在标签中添加selectable='true’和user-select=‘true’,默认为true --> <text selectable user-select>{{detail}}</text></view>然后
2022-03-01 17:03:02
2638
原创 vue3 监听页面地址参数的变化并更新/刷新数据（局部、整体）（遇到数据不刷新）
前言：在网上看了很多方法有说location.reload方法刷新的，也有说用自定义*this.reload()*的方法的，但是都不是根本解决问题，后来问了大佬，大佬说只是因为我不了解数据驱动，数据更新只需要在方法里把数据赋值之前先置空，然后在监听里面监听并重新获取数据就可以（也就是在监听里面触发条件后再调一遍方法）需求：当路由或者地址参数变化后需要更新数据问题场景：当路由或者地址参数变化后需要更新数据，通过监听的方法监听地址或参数变化后重新获取数据，新的数据更新上去了，但是旧的数据也还在。
2021-11-09 17:32:23
5789
1
原创 vue3中 封装JS 限制字数的方法（export、export default）
在公共文件夹下，封装JS的方法，用export或者export default输出，然后在需要引入的组件中用import引入。// 可以在函数外面加一个log，判断方法是否引入成功components文件夹下的公共js方法文件：如果不加export或者export default输出的话，组件中引入会报错说找不到方法// export default方法输出export default // 用js限制字数，超出部分以省略号...显示 function LimitNumber(tx
2021-11-09 12:15:38
1858
原创 Vue+echarts+cdn优化，报错：Series graph is used but not imported. import { GraphChart } from ‘echarts/c
Vue-cli3+ 中对echarts进行cdn优化，报错：Series graph is used but not imported. import { GraphChart } from 'echarts/c百度搜索无果，报错大概意思是没有找到这个包，可以确定是cdn引入的echarts和在js中import的echarts冲突了。然后我发现我的echarts图都用不了了，都报这个错误。解决：排除法，注掉现在用的引入，换一个源试一下，最好是换成统一的源。我这里统一用的jsdelivr的源。/jsd
2021-09-24 10:48:53
6664
6
原创 JS_函数篇_构造函数和普通函数的区别
构造函数与普通函数的区别：*对象和数组 初始化的时候不要用构造函数，要用函数声明式构造函数开头是大写，普通函数是小写构造函数可以用new 函数名和实例调用，普通函数就是函数名和实例构造函数在new的时候就创建了一个实例化对象，而且将this指向指向了这个实例化对象，而普通函数的在函数输入实例化对象执行后，this指向也是实例化以后的对象构造函数通过new调用能够返回一个实例化以后的对象下面是代码，看懂就明白其中的区别了// 普通函数 // 如果函数里有this,但是没
2021-09-10 00:02:13
1508
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人