在 web 页面中，如果需要改变多个元素的位置，可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable，通过设置该属性的值为 true/false 来控制元素是否可拖动。需要注意的是： 链接和图片默认是可拖动的，可以通过将 draggable 设置为false…

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

有关VSCode插件请参考我的文章：《VS Code 插件大全(你想要的我都有!)》 页面快捷键 指令 描述 Ctrl + / 添加关闭行注释 Ctrl + Shift + / 整体注释 Alt +

通过 6 张思维导图梳理 JS 基础知识，涉及 JS 基本概念、操作符、语句、Date、函数、数组、字符串等。高清图片已打包，下载地址：http://t.cn/ROtH1OZ

Awesome 系列之设计模式资源列表。（分享自：GitHub）

追完动画，刚见到波波，战车这是咋了，啥是镇魂曲啊，怎么就完了，要等周六啊啊啊啊啊啊啊，act3附体，小嘴就像抹了蜜...... ヽ(。>д<)ｐ 于是想到看漫画版，但网页体验较差，一次只能看一页，一页只有一张图，还不能存缓。 行吧，没缓存，我自己做。 大致看了下该页面的结构，做…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…