青天诀

面试题目(字节)： 答案解析： 以npm run start为例 最常见的就是"start": "vue-cli-service serve"， 执行过程： npm会创建一个shell脚本; 在she

题目描述： 答案解析： 这道题目实际考察的是对虚拟dom对象中diff算法的理解。 diff算法的本质是：找出新旧两个虚拟dom对象之间的差异，目的是尽可能复用节点，提高性能。 key的主要作用就是在

我正在参加「掘金·启航计划」 背景 UI给出的设计稿，一般是以iphone6屏幕大小为准，也就是宽高为375 * 667，激进一些的还会使用414 * 736的设计稿。在其他不同尺寸的屏幕上适配的问题

背景 跑马灯对前端来说，再常见不过了，市面上也有很多封装好的插件，但是对于一些简单效果，总觉得是杀鸡用牛刀。项目中正好遇到了，决定自己实现一个简洁版的，先看下效果： 实现原理 主要操作就是：在滚动到最

背景 今天要解析的是一种常见动画效果， 特点是：一排横行排列的卡片，被激活的卡片尽可能移动到中间位置。 我给它命名为【中心点靠近移动动画】，先看下动画效果： 解析 要实现动画效果，个人总结有下面两个核

背景 数据埋点是前端开发中的必经一环，可以用于统计页面访问量、按钮点击量、元素展示次数等。常见的是每个公司都会封装一套自己的埋点sdk，在JS逻辑中调用对应函数上报数据埋点。这种埋点的优点是可以在元素

在软件解决方案中，存在三七定律，vue也不例外。通俗的讲，就是30%的基本API能解决70%的问题，剩下30%的问题就需要非常规性方法解决。今天我们要讲的也算是一种特殊场景，需要使用到一些非常规性手段

JS引入模块化概念后，变得更易于开发维护，但是css样式由于其特殊性，一直没有实现模块化，scoped的出现就是为了实现样式模块化，其本质利用属性选择器实现的一种伪模块化，并非真正意义上的模块化，但这已经让css模块化前进了一大步，要知道JS的模块化也是以这种方式开始的，比如早…

在移动端使用弹窗时，我们会经常遇到这种现象：滑动弹窗时，遮罩层下面的背景（body）也会跟随滑动，带来的用户观感体验很差。 该方案主要是利用position: fixed特性，展示弹窗时给body设置该样式，就能阻止body的滚动。 但是body设置fixed样式后会导致页面自…