queen妃

摘要：你不需要强行记住每一个 CSS 属性和值，有很多地方可以方便你快速去查阅。但是记住一些基础的知识点会让你使用起来更加得心应手。本文旨在引导你如何学习 CSS。 我遇到很多人叫我给他们推荐 CSS 各个知识点的教程，或者问我应该怎么学习 CSS。我也看到很多人对 CSS 的…

时至 2019 年，这是一份基于最新技术的前端性能优化的总结：安排、提升效率、静态文件、build 优化、加载优化、HTTP/2、测试与监控等等 可下载 PDF、Apple Pages、MS Word 版本哦！

以往用到图片上传功能都是直接使用现成的插件，今天把其中用到的知识点整理一下。 指定选择文件类型的范围。默认为所有文件类型 当文件类型为图片或视频且在移动端时，此属性才有意义。 返回一个 FileList，列出每个所选文件对象。除非 multiple 指定了属性，否则此列表只有一…

每一层渐变都可被当做一张背景图，也就是说每一层渐变都可以指定其position、size、repeat。玩过PS的的同学应该知道图层的概念，咱们的背景图层叠原理也类似（当然，渐变也可以当背景图），控制渐变的大小，哪里需要镂空，以及需要显示的位置、是否平铺，就可以实现大多数场景下…

很多人都知道要减少浏览器的重排和重绘，但对其中的具体原理以及如何具体操作并不是很了解，当突然提起这个话题的时候，还是会一脸懵逼。希望大家可以耐着性子阅读本文，仔细琢磨，彻底掌握这个知识点！ 第四步和第五步是最耗时的部分，这两步合起来，就是我们通常所说的渲染。 网页生成的时候，至…

平时的开发中可能不太需要用到设计模式，但是 JS 用上设计模式对于性能优化和项目工程化也是很有帮助的，下面就对常用的设计模式进行简单的介绍与总结。 1. 单例模式 定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。 2. 策略模式 定义：定义一系列的算法，把它们一个个…

悲观锁是我们代码经常用到的，比如说Java中的synchronized和ReentrantLock等独占锁就是悲观锁思想的实现，它总是假设别的线程在拿数据的时候都会修改数据，所以在每次拿到数据的时候都会上锁，这样别的线程想拿这个数据就会被阻塞直到它拿到锁。 乐观锁与之相反，它总…

1. 拖放（Drag 和 drop） 拖放是html5提供一个新的特性，这个特性增加了拖拽事件的api,和定义可以拖拽的属性。举个例子，在h5之前实现拖拽功能，其实用的是一种模拟方式，鼠标onmousedown时，获取当前的一些信息，然后在onmousemove时不断更新推拽对…