- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue3+vite+ts新创建的项目报红
原因：是因为使用了vue2的插件，例如Vetur。只需要把它们禁用掉就可以了，然后重新使用Vue3的插件，例如Volar注意：设置好后要重新打开vscode等编辑器才会生效
2023-09-12 14:25:26
878
原创 数组去重方法合集
Map和Set存储的所有元素都是以节点的方式来进行存储的，因此查找速度都非常快，时间复杂度为O(1)，而数组查找的时间复杂度为O(n)。4、reduce：遍历数组，对每个元素判断是否在新数组中出现过，如果没有则将其添加到新数组中。2、 Map：遍历数组，将每个元素作为 key 存储到 Map 中，去重后再转化回数组。1、Set (ES6提供的新的数据结构，类似于数组，但成员的值都是唯一的）3、filter ：遍历数组，对每个元素判断是否在新数组中出现过。
2023-08-10 11:27:51
168
原创 谈一谈对MVVM的理解
MVVM是一种设计思想，全称是Model-View-ViewModel,Model是数据模型，可以在Model里面进行业务逻辑的修改和数据的操作，View代表UI组件，它负责把数据模型转化成UI展示出来，View是一个同步View和Model的对象。View数据的变化会同步到Model中，Model的数据变化也会立刻反应到View上，ViewModel通过双向数据绑定把View层和Model层连接起来，而View和Model之间的同步工作完全是自动的，无需人为的干涉。1、谈一谈对MVVM的理解？
2023-07-24 10:09:16
570
原创 apply,call,bind三者的区别
1、apply方法改变this指向后原函数会立即执行，且此方法只是临时改变this指向一次。2、call方法也是只会改变this指向一次并且立即执行，但是它传参是传列表，apply传的是数组。3、bind也是传参数列表，不过可以分多次传入，并且他不会立即执行函数，而且会永久改变this指向。
2023-07-24 09:51:37
112
原创 组件中key的作用
在使用 v-for 指令渲染列表时，每个列表项都应该拥有唯一的 key，这样可以在列表项顺序改变时，Vue可以准确地判断哪些列表项是新添加的，哪些列表项是已存在但位置改变的，哪些列表项是被删除的，从而保持组件状态的正确性。vue和react都是采用diff算法来对比新旧节点，从而更新节点。key的作用是为了在执行diff算法时，更快地找到节点，提高渲染效率。
2023-06-07 17:44:56
308
原创 在vscode中引用uni-app扩展组件（uni-ui），不用手动导入
一、在src下的pages.json文件里面写入easycom规则。三、接下来运行项目就能使用啦，不用手动导入组件。二、npm下载uni-ui。
2023-05-16 11:27:06
1334
1
原创 拉别人或者公司的Uni-app项目，在HBuilder运行小程序时打开了微信开发者工具，但微信开发者工具未运行项目
原因：微信开发者工具登录的微信号没有未绑定该小程序项目的appid第一种解决方案：需要绑定该微信账号为开发者账号；第二种解决方案：进入项目，找到微信小程序APPID 删除掉然后再重新启动运行。
2023-05-15 16:14:55
919
原创 npm和yarn的区别,选择哪个好？
1.npm install的时候很慢，在拉取新项目的时候通常都要等很久，删除掉node_module后重新install速度也依旧很慢。2.Yarn安装包的速度很快，因为yarn是同步执行所有任务的，所有包的安装可以一起同时执行，不用等待，提高了性能。
2023-03-10 11:03:37
818
原创 Vue报错：Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘cancelToken‘)
解决方法：在axios请求拦截器中添加 ：return config
2022-12-27 13:51:26
6221
原创 Vue的生命周期详解（简单易懂）
Vue的生命周期就是实例从创建到销毁的一个过程，即从创建、初始化数据、编译模板、挂载Dom->渲染、更新->渲染，卸载等一系列的过程。
2022-12-09 16:35:11
9661
原创 CSS 设置html,body{height：100%}有什么作用？
html,body { height:100% }是为了让后面的子元素有一个高度依赖。要知道，浏览器会为元素自动设置宽度100%，但是不会自动设置高度，所以高度都是0px。
2022-12-06 15:39:07
1560
原创 CSS Transition属性讲解（过渡动画）
1.它有四个属性：transition-property：要设置的CSS属性nametransition-duration：transition效果需要多少秒或毫秒才能完成transition-timing-function：指定transition效果的转速曲线transition-delay：定义transition效果要延迟多少秒执行
2022-12-01 15:04:59
2455
原创 v-show和v-if的区别，两者的应用场景分别是什么（容易理解）
由于v-if是直接操作dom元素的（增加和删除），所以开销会比v-show大v-if有更高的切换消耗；v-show有更高的初始渲染消耗。
2022-11-25 16:34:06
1723
转载 Js Dom知识点，Dom操作的常用方法和属性
node.nodeType //返回节点的类型,数字形式（1-12）常见几个1：元素节点，2：属性节点，3：文本节点。以上图节点ul为例，它的父级节点body,它的子节点3个li,它的兄弟结点h2、P。//返回当前元素多有子节点，包括文本，HTML，属性节点。//删除当前节点下指定的子节点，删除成功返回该被删除的节点，否则返回null。//返回当前元素的自身及子代所有文本值，只是文本内容，不包括html代码。//返回当前元素所有子元素节点对象，只返回HTML节点。
2022-11-08 11:02:53
548
原创 js原型和原型链
每一个对象都有他的原型对象，他可以使用自己原型对象上的所有属性和方法，举个例子我们创建了函数A, 那么浏览器就会在内存中创建一个对象B，而且每个函数都默认会有一个属性prototype指向了这个对象( 即：prototype的属性的值是这个对象 )。这个对象B就是函数A的原型对象，简称函数的原型。这个原型对象B 默认会有一个属性 constructor 指向了这个函数A ( 意思就是说：constructor属性的值是函数A )。//如果是对象形式,例如Cat，那么它的原型对象就是__proto__
2022-10-21 16:51:56
198
原创 Vue双向数据绑定原理
当数据变化时，发送消息给订阅者，触发相应的监听回调，实现数据和视图同步。数据发生变化时，视图也跟着变化，反之，视图变化，数据也会跟着变化。上面这个例子就是用这个方法来更新对象里面的一个值，当调用时我们使用了它里面的get方法，当给这个属性赋值时，就调用了它里面的set方法，从而达到更新的目的。
2022-10-21 10:26:46
248
原创 node.js的fs模块和path模块(readfile读取文件，writeFile写入文件)
node.js的fs模块和path模块(readfile读取文件，writeFile写入文件)案例：拆分style标签、script标签以及html，写入对应的文件中
2022-10-19 17:18:41
414
原创 Vue 报错： Already included file name ‘××ב differs from file name ‘××ב only in casing.但引入路径是正确的
vue提示Already included file name '.../components/TagsView.vue' differs from file name。明明引入的文件名和地址都是正确的，但是还是报错误。把文件名的后缀vue去掉。把路径前面的点改成@
2022-10-11 10:09:12
5360
原创 Echarts折线图显示不完全解决方法
Echarts画折线图时，有时候会遇到因为y轴或者x轴的数值比较大而显示不完全，这个时候可以通过修改option中grid的参数来解决这个问题。下面图中x,y,x2,y2,是grid的参数，也是折线图的padding值，通过设置它们可以使得x轴和y轴的刻度距离盒子较远，从而数值可以完整地显示出来。像下面这个图，y轴的数值长度比较长和x轴的长度比较短，所以显示不完全。
2022-09-28 10:37:41
7354
原创 js高级写法
一、检查对象是否存在某属性二、检查数组是否存在某属性（includes)三、更简单地使用indexOf实现是否存在元素(!!~)四、将带有length属性的对象转化为数组（Array.prototype.slice.call和Array.from)五、判断类型是否正确( instanceof )六、合并数组和对象（扩展运算符...)
2022-09-26 16:12:41
394
原创 Echarts+Vue实现市级地图
要实现一个市级的地图 ，首先先获取地图的json数据，一般通过DataV.GeoAtlas地理小工具系列由阿里云DataV数据可视化团队出品，多年深耕数据可视化领域，数据大屏业务开拓者和领航者。致力用震撼而清晰的视觉语言，让更多人读懂大数据，受惠数据驱动的决策方式。这个网址去获取，它是阿里云的一个数据可视化平台，而地图数据是高德提供的。
2022-09-22 18:02:34
2305
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人