摘要： VUE框架的使用让我们前端开发从繁重的操作DOM工作中脱离出来，转向关注于数据的操作。但是有时候会想念操作DOM的日子，尤大大给我们提供了方法，他就是vue的自定义指令，一个可以操作底层DOM元素的通道。相信v-model,v-show这些vue自带的核心指令已经用烦了，今天写自己定义的指令。 一. 阅读全文

摘要： 一.前言 在用vue的兄弟们始终绕不开vue的数据双向绑定，在vue的2.x版本中用object.defineProperty来实现双向数据绑定原理，而在vue3.0版本中用Proxy这个对象来代替object.defineProperty实现数据的双向绑定。但是换汤不换药，这俩种数据双向绑定都是基 阅读全文

摘要： 最近做项目的时候遇到父子组件传参，需要子组件监听父组件传过来的值的变化以及对传过来值做一些处理这个过程踩了很多坑，记一次vue的watch监听与computed计算属性。 一.computed计算属性 1.特性 ①是计算值 ②就是简化tempalte里面{{}}计算和处理props或$emit的传值 阅读全文

摘要： 一.前传 既然是要拷贝数据那就得了解数据类型， JS中的几种数据类型，分别有String、Number、Boolean、undefined、null、Object，ES6还多了一种symbol，ES10新增的BigInt(任意精度整数)。 String、Number、Boolean、undefine 阅读全文

摘要： VUE中路由守卫分为三种：①全局路由守卫；②组件内路由守卫；③路由独享守卫 一.全局路由守卫 全局路由守卫可以简单的理解为学校门口的保安，想要进入学校就必须通过保安的检查，要告诉路由守卫你从哪里来（to）？要到哪里去（from）？然后保安再告诉你下一步该怎么做（next）？如果你的确是这个学校允许进 阅读全文

摘要： 一,认识Promise 相信用过JS的都知道JS是单线程的，同步的函数先执行，异步的函数先加入到一个队列中等同步执行完了再执行异步函数。基于这个JS采用异步回调的方式来处理需要等待的事件，是的代码会继续执行而不用在异步处理的地方一直等待着。同时也带来一个不好的方面，如果我们有很多的回调函数， 也就是 阅读全文

摘要： 我们每次新建一个项目的时候会发现在项目中会有这么俩个相似的文件，并且一个里边东西很多一个里边的东西很简洁，那么他们到底有什么区别与联系。 npm5之前的版本，是不会生成package-lock.json这个文件的。npm5版本及以后，才会生成package-lock.json文件；当使用npm安装包 阅读全文

摘要： 案件分析： win10系统下安装node后查看node版本以及npm版本都没有问题，但是在使用npm install vue -g 命令全局安装vue报错，上图 虽然win10环境下不需要刻意的去配置node的环境变量但为了以防万一还是专门配置了一下，还是报错,并且不只是这个安装vue的命令会报错， 阅读全文

摘要： 作为前端开发我们从后端获取的数据有时候并不是我们想要的结果这时候就需要前端去处理数据，有些处理很繁琐让人头大掉头发，好在JS为我们提供了很多实用的数组API帮我们节省很多的时间，接下来就一睹它们的风采。 以下介绍分为三大块介绍：①数组会改变自身值；②不会改变自身的值；③数组的遍历方法； 一.API 阅读全文

摘要： 我们使用浏览器访问一个网站页面，在浏览器的地址栏中我们会看到一串URL，如图 网站的URL会分为两部分：通信协议和域名地址。 域名地址都很好理解，不同的域名地址表示网站中不同的页面，而通信协议，简单来说就是浏览器和服务器之间沟通的语言。网站中的通信协议一般就是HTTP协议和HTTPS协议。 一.接下 阅读全文