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

选择器的命名规范 1.模块化命名 例如： 与布局相关的样式以“g”为开头。如“g-content”和“g-header”； 与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”； 与元件相关的样式以“m”为开头。如“m ...

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

从输入URL到页面加载的过程 浏览器接收URL开启网络请求线程 DNS查询 TCP/IP请求 服务器接收到请求、对应后台处理请求 后台和前台的HTTP交互 浏览器接收到HTTP数据包并解析 页面渲染 JS引擎解析 进程和线程 进程是CPU资 ...

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

1. float被设计出来的初衷是为了实现文字环绕效果。2. 被设置了float的元素会自动成为块级元素，display的表现形式为“block”，自动脱离文档流。并且其父元素的会发生塌陷，即高度为0。3. 一排设置了float:left的 ...

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

不知道你有没有遇到这样一种情况，某天你写的代码在线上突然发生错误，然后你打开控制台，却对着打过包的错误信息毫无头绪？又或者说是代码在node端出现了问题，你查看错误日志的时候，却发现日志文件中都是杂乱的错误堆栈信息。 其实上面这些问题都可以 ...

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

你能做什么? 遵循这个建议：“熟能生巧”。通过投入足够的时间，更好地定期深入了解JavaScript，将改善你的编码，并顺便提高你的面试技巧。 在这篇文章中，你会发现7个乍一看很简单，但实际上很棘手的JavaScript面试题。 虽然一开始 ...