今天给大家带来一篇自己翻译的干货《软件架构师之路》。本周Github上升很快的项目。其内容对致力于成为软件架构师（不论前后端）的同学应该都会有极大的帮助。 项目地址 中文地址 https://github.com/gamedilong/S ...

image 最近在对项目做 IE 11 兼容，由 IE 的缓存问题，引发我对于浏览器缓存策略的思考。 缓存类型 web缓存主要可以分为下面几类： 客户端缓存 服务端缓存 数据库缓存 这里我们主要关注客户端，也就是浏览器缓存。 浏览器和服务 ...

web（给达达前端加星标，提升前端技能）​ 了解浏览器是如何工作的，能够让你站在更高的角度去理解前端浏览器的发展历程的三大路线，第一是应用程序web化，第二是web应用移动化，第三是web操作系统化。是不是有点不直白。应用程序web化就是随 ...

知识点一：css布局模型：布局模型是建立在盒模型基础之上，在网页中，元素有三种布局模型：1.流动模型（Flow）2.浮动模型 (Float)3.层模型（Layer）。 一、流动模型：默认的网页布局模式。也就是说网页在默认状态下的 HTML ...

本文目录 1.es6的模块管理 与 commonjs 的对比 2.简单介绍下前端模块化规范：amd，cmd，commonjs和es6的module 3.commonjs 和 es6 的 module 哪个支持异步 4.Base64 的原理？ ...

1 引言 本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果： 再看看HTML代码： <!-- ...

箭头函数与普通函数的区别，实质是我们是否理解了箭头函数，在我刚开始接触ES6时，印象中的箭头函数与普通函数的区别就是this的指向不同，一个指向window，一个指向当前的实例，作用域。可箭头函数远远不止这么一个知识点，于是重新学习箭头函数 ...

前言 一个典型的drag操作是这样开始的：用户用鼠标选中一个可拖动的（draggable）元素，移动鼠标到一个可放置的（droppable）元素，然后释放鼠标。 在操作期间，会触发一些事件类型，有一些事件类型可能会被多次触发 第一部分 在拖 ...

自从从事了前端行业，就得了个职业病，就是看到任何界面的效果都会思考自己怎么实现，这不看见Window10的日历系统，就动起了歪心思，想复现这个效果。 image 效果分析 边框的可见是跟随鼠标位置来改变，鼠标hover的日期显示边框，鼠标点 ...

问题 大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（reflow）和重绘（repaint）。尤其是在页面包含 ...