看完上面的预览图，是不是有一点兴奋，想自己敲出一个属于自己的小清新导航。下面就开始动手敲代码吧！ 给HTML标签添加class，并添加图片。注：仅仅是个人习惯！ 1. 初始化数据 2. 生成键盘 定义一个变量（boolean类型）作为一个开关，当input获得焦点，将那个变量变…

1. 使用场景 DOM.onclick()事件，我们给一个DOM节点绑定了点击事件，当点击该元素时触发事件函数的执行，但是当我们频繁点击该元素时，就会不断触发该点击事件，如果该点击事件触发的事件函数是DOM元素的，就会造成很高的性能消耗，可能会造成页面的卡顿。 所以此时我们应该…

作为前端工程师 de 我们，日常少不了会跟图片打交道。在各大电商平台工作的前端工程师们，感受可能会更加的明显。 以下是我之前跟图片打交道踩到的坑，跟大家分享一下经验。 很明显，数据的类型已经被改动了。思考原因，唯一有可能改变数据类型的地方是在 axios 。 因此，乱码出现的原…

在上一章节我们已经粗略的分析了整个的Vue 的源码(还在草稿箱，需要梳理清楚才放出来)，但是还有很多东西没有深入的去进行分析，我会通过如下几个重要点，进行进一步深入分析。 这一章节我们针对1. 深入了解 Vue 响应式原理(数据拦截) 来进行分析。 我们在上一章节中已经分析了，…

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次…

当回答面试官问及的Vue问题，我们除了照本宣科的回答外，其实还可以根据少量的源码来秀一把，来体现出你对Vue的深度了解。 “谈谈你对Vue生命周期的理解。” 1. “new Vue()做了什么？” new关键字代表实例化一个对象, 而Vue实际上是一个类, 源码位置是/src/…

this关键字是JavaScript中最复杂的机制之一，是一个特别的关键字，被自动定义在所有函数的作用域中，但是相信很多JvaScript开发者并不是非常清楚它究竟指向的是什么。听说你很懂this,是真的吗？ 如果你思考出来的结果，与在浏览中执行结果相同，并且每一步的依据都非常…