平安喜乐，万事顺遂

摘要： 作用域插槽 | 带数据的插槽 最后，就是我们的作用域插槽。这个稍微难理解一点。官方叫它作用域插槽，实际上，对比前面两种插槽，我们可以叫它带数据的插槽。什么意思呢，就是前面两种，都是在组件的template里面写 匿名插槽 1 <slot></slot> 1 <slot></slot> 1 <slot 阅读全文

摘要： 在Vue 中可以把一系列复杂的操作包装为一个指令。 什么是复杂的操作？ 我的理解是：复杂逻辑功能的包装、违背数据驱动的 DOM 操作以及对一些 Hack 手段的掩盖等。我们总是期望以操作数据的形式来实现功能逻辑。 钩子函数 对于自定义指令的定义，Vue2 有 5 个可选的钩子函数。 bind: 只调 阅读全文

摘要： filter()也是一个用的不多的方法，但有时候还是比较有用的； 首先，Array.filter()是数组的方法，它作为数组方法被调用，传入一个callback，返回Array中符合callback条件的元素组成的新数组； 礼貌推荐：淘宝店铺，新店开业，百万电子书库，全面覆盖微信读书付费资源，价格优 阅读全文

摘要： delete操作符很陌生，很少会用到，但是既然碰到了，就mark一下； delete 操作符用于删除一个对象的属性； 注意点：只能删除自己的属性，从原型链上继承的属性是无法删除的； 阅读全文

摘要： 今天第一次碰到了contains()方法，处于好奇了解了一下；发现在某些场合还是挺有用的。 contains()，js原生方法，用于判断DOM元素的包含关系； 需要注意的是：它以HTMLElement为参数，且返回布尔值。 另外：最近在看element-ui源码的时候发现它内置的clickOutsi 阅读全文

摘要： 有段时间一直搞不明白绝对地址、相对地址之间的区别，这次一次性搞定，不重蹈覆辙（希望对大家有帮助）： 1、概念： 绝对地址：相对根目录的地址（根目录大家都知道的，就是完整url最前边的那个啦）； 相对地址：即相对当前页的地址； /：根； ./：当前级； ../：上一级。 2、来个demo更好理解： 2 阅读全文

摘要： 一、应用版本更迭的必要性 一款产品从无到有，从孵化到呱呱坠地，需要经历了一个完整的生命周期，这里面包括：产品战略、产品市场、产品规划、产品需求、产品开发、产品上市、产品市场管理总共7个部分；产品管理则是对产品生命周期进行管理；当产品上市发布后，随之而来的每次更迭，修补，新增都是为了产品更加丰满、健壮 阅读全文

摘要： 网页打开速度是衡量网站性能的一个极为重要的指标，今天就来说说如何通过JS延迟加载的方式提高页面响应速度： JS延迟加载的 含义：即等页面加载完成之后再加载 JavaScript 文件。作用：JS延迟加载有助于提高页面加载速度。 途径： 1. defer 属性HTML 4.01 为 <script>标 阅读全文

摘要： 前端进阶肯定会遇到npm(包管理工具)的使用，下面是我总结的一些比较实用的npm指令： npm install <name>安装nodejs的依赖包 例如npm install express 就会默认安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install 阅读全文

摘要： 之前碰到了鼠标悬浮目标元素出现提示信息的功能需求，其中对顶部的三角的外边框如何生成的产出了兴趣。下面是我认为的比较便捷的实现方法： 原理：归根结底都是2三角叠加，这里是利用特殊符号&#9670；（亲测应该是比较好用的） <!--带边框三角的制作--> <div style="position: re 阅读全文