兔子公主

目前有一个新的 IntersectionObserver API，可以自动"观察"元素是否可见，Chrome 51+ 已经支持。由于可见（visible）的本质是，目标元素与视口产生一个交叉区，所以这个 API 叫做"交叉观察器"。 初次接到一个需求：打开某个页面的时候，让一个…

使用inspect（value)使用inspect（ value）函数来生成一个对调试Map有用的输出字符串，因为Map无法转换为纯CSS。使用一个作为CSS函数的变量或参数的值将导致错误 str-index(string,substring) 返回一个下标，标示 substr…

2020年初期，突如起来的疫情打乱了我们的工作生活。最开始，我以为疫情很快会过去，在家里不急不躁的享受着剩余的假期，觉得过几天就可以正常的去上班。扑面而来那么多严重的疫情消息后，意识到这次疫情非常严重，马上调整自己的想法，利用疫情在家的时间，查漏补缺，系统的学习专业知识。 20…

如果一开始就用vue-cli来跑一个vue项目，那么具体.vue文件为什么可以在浏览器中正常的运行起来可能不是很清楚，下面将会一步一步的介绍一个.vue文件怎么在浏览器中运行起来。

响应式布局指的是服务器始终只返回同一页面，该页面的不同屏幕尺寸下，在客户端动态实现不同的布局。 根据浏览器的宽度和高度，使用百分比来计算组件的宽和高。浏览器的大小变化，元素的大小和间距也随之变化。 页面所有元素和间距都保持相同比例缩放，来适配不同尺寸的屏幕。

怎么样可以更高效一点？这时候要引入哈希表，将数字a和b对应的记录在hash中，如果来了a，直接看hash中是否存在a即可。

当我们的methods中存在操作DOM/BOM的逻辑的时候，就该思考是否可以抽象成一个自定义指令。 钩子函数中的参数，除了el之外，其他的参数都应该是只读的，切勿进行修改。如果需要在钩子函数之间共享数据，建议通过元素的dataset来进行。 只调用一次，指令第一次绑定到元素时调…

操作行为触发方法，是唯一能执行action的方法。 操作行为处理模块。负责处理Vue Components接收到的所有交互行为。包含同步/异步操作，支持多个同名方法，按照注册的顺序依次触发。向后台API请求的操作就在这个模块中进行，包括触发其他action以及提交mutatio…

chunkhash和hash不一样，它根据不同的入口文件(Entry)进行依赖文件解析、构建对应的chunk，生成对应的哈希值。我们在生产环境里把一些公共库和程序入口文件区分开，单独打包构建，接着我们采用chunkhash的方式生成哈希值，那么只要我们不改动公共库的代码，就可以…