大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 1. Animista 2. Animate CSS 3. Vivify 4. Magic Animations CSS3 5. cssanimation.io 6. Angrytools 7. Hover.c…

当我们做一个商城项目，那么首页会加载不可预计的商品数量，也就是图片；有的图片甚至可以达到600KB-900KB，当图片数量很多的时候，首页就会加载很慢，会直接影响到用户的体验。 像类似这种图片过多的页面，我们可以通过图片懒加载Lazyload对图片进行处理，减轻页面的加载负担。…

开发的时候，我们常常会遇到因为缓存而导致页面修改没有及时展示的情况，这个时候我们不禁就会思考，为什么有时候页面缓存了，有时候页面没有缓存，究竟如何正确使用缓存，如何快速定位问题是否由缓存导致，本文我们就来深入理解下浏览器的缓存机制。 所谓缓存，就是浏览器将一些资源存放在用户磁盘…

在Vue构建的单页面应用（SPA）中，路由模块一般使用vue-router。vue-router不保存被切换组件的状态，它进行push或者replace时，旧组件会被销毁，而新组件会被新建，走一遍完整的生命周期。 但有时候，我们有一些需求，比如跳转到详情页面时，需要保持列表页的…

童鞋们现在可能感觉还是没懂，没关系继续往下看。 为什么要用广播和派发呢。通常我们和业务没有关系的组件尽量不要使用vuex和bus(事件总线)。 下面我送上广播和派发的代码。我们在需要调用组件绑上this.$on('event',res=>())，通过派发和广播进行调用$emit…

前言: 本篇文章我将带大家一起来好好认识一下postMessage,包括它的兼容性,对应的API介绍,以及常见的几个使用场景,希望可以给有同样困惑的盆友们一点启发,给需要用这个技术的同僚们一些帮助. postMessage是html5引入的API,postMessage()方法…

不过这个问题对缓存会有一个更详尽的解释。我相信你看完这篇文章后对缓存会有一个全新的认识，如果没有那就再看一遍。 在这篇文章，我会详尽的描述从输入 URL 到展现涉及到的缓存环节，不过由于本人知识有限，很可能有某些隐藏的缓存机制在下遗漏了，还请大佬不吝赐教。 输入 url 后遇到…

本系列文章的第一篇中提到了对象类型，对象是 JavaScript 中的重要角色之一，本篇便从原型这个知识点切入，希望大家在阅读过本篇文章之后脑海中都能够建立起一张完整的思维导图。 其次我们要确定，对象都是通过函数创建的，比如我们平时写的对象字面量，其实只是 new Object…

在现在的前端开发流程中，我们偶尔会遇见节点滚动同步的需求，所谓的滚动同步就是对于两个节点的滚动条位置进行同步，在滚动一个节点时同时，另一个节点也同时滚动到相应的位置。比较常见的类似于使用 markdown 进行文章编辑的博客网站中通常会有两边做实时编辑对比，从而需要同步滚动条。…