2022年5月12日
摘要：
箭头函式(Arrow Functions)是ES6标准中，最受欢迎的一种新语法。它会受欢迎的原因是好处多多，而且没有什么副作用或坏处，只要注意在某些情况下不要使用过头就行了。有什么好处呢？大致上有以下几点: 语法简单。 可以让程式码的可阅读性提高。 某些情况下可以绑定this值。 语法 箭头函式的语 阅读全文
摘要：
DNS 什么是DNS？ DNS，英文全称为：Domain Name System，中文译名：域名系统。本质上，是存储域名和IP地址映射关系的分布式服务。它将人类可读的域名，转换成数字IP地址，供计算机之间相互连接。 DNS的工作原理 如图所示，模拟的是用户打开浏览器，输入网址，到显示页面到显示器上的 阅读全文
摘要：
我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如 阅读全文
摘要：
路由钩子函数的错误捕获 如果我们在全局守卫/路由独享守卫/组件路由守卫的钩子函数中有错误，可以这样捕获： router.onError(callback => { // 2.4.0新增 并不常用，了解一下就可以了 console.log(callback, 'callback'); }); 在路由文 阅读全文
摘要：
说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢... Vue-Router导航守卫： 有的时 阅读全文
摘要：
自定义指令-基本使用： { data(){}, methods: {}, directives: { focus: { // 自定义指令名 inserted(el){ // 固定配置项 - 当指令插入到标签自动触发此函数 el.focus() } }, }, } 自定义指令-传值和更新 目标: 使用 阅读全文
摘要：
vue组件生命周期 四个阶段: 初始化 => 创建组件 => beforeCreate created 挂载 => 渲染显示组件 => beforeMount mouted 更新 => 修改了变量 => 触发视图刷新 => beforeUpdate updated 销毁 => 切换页面 => 会把组 阅读全文
摘要：
vue指令-v-model修饰符 语法: v-model.修饰符="vue数据变量" .number 以parseFloat转成数字类型 .trim 去除首尾空白字符 .lazy 在失去焦点时触发更改而非inupt时 计算属性 计算属性有缓存，提高渲染性能。 如果在页面上需要用到 对现有的数据进行加 阅读全文
摘要：
最近几年前端发展的非常快，SPA的繁荣让前端的工程化也越来越重。在很多场景下，前端的复杂度和难度也早已经超过了后端。但快速的发展下，前端也逐渐暴露出了许多问题。众所周知，前端从业人员很少谈程序的设计原则或设计思想。设计模式也顶多是在八股面试时千篇一律的问答“观察者模式”和“发布订阅者模式”。“内聚” 阅读全文
摘要：
伪类和伪元素的概念 1.什么是伪类？ 伪类是一种选择器。 mozilla 是这样解释伪类的： 伪类是选择器的一种，它用于选择处于特定状态的元素，比如当它们是这一类型的第一个元素时， 或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个部分应用了一个类一样， 帮你在你的标记文本中减 阅读全文
