摘要：
圆角是CSS中一个很复杂的属性，彻底理解后可以创造出很多奇妙的效果，先看一个demo： See the Pen border radius by wmui (@wmui) on CodePen. 例1是正方形，例2是矩形，他们的圆角值都是50%，既然是百分比就有相对元素，其实百分比是相对于元素自身的 阅读全文
摘要：
@keyframes See the Pen keyframes by wmui (@wmui) on CodePen. 说明：@keyframes用于定义动画，其实动画原理很简单，就是不同的时刻改变css的样式，以百分比规定改变发生的时间，它有两个关键词即 和`to`,from等价于0&表示起始位 阅读全文
摘要：
前言 工作中部分选择器总是忘记其具体的含义，这在开发项目时很影响效率，我始终相信每个选择器无论简单复杂，既然诞生了就必定有他的使命，虽然常用的选择器就那么几个就够用了，但系统的掌握所有的选择器还是很有必要的，特别是如果你想开发一个属于的UI框架时，会发现合理的使用选择器，可以大量减少类名的使用。以下 阅读全文
摘要：
load load事件应该是加载事件最常用的一个，它表示当页面完全加载完成后（包括图片、JS、CSS等外部资源）触发的事件 load事件不仅发生在document、window对象上，外部资源的加载也能触发load事件（如图片、JS、CSS、音频、视频、Ajax请求等等） 注意： 如果页面从浏览器缓 阅读全文
摘要：
文本事件指的是当文本发生变化时所触发的事件 change change事件常用于 等元素，在它们失去焦点且value值改变时触发 input input事件表示输入框内容发生变化时触发，但通过javascript改变value时不会触发。input与change事件的区别就是不需要移除焦点就可以触发 阅读全文
摘要：
剪切板操作包括复制（copy）、粘贴（paste）、剪切（cut），快捷键分别是ctrl+c、ctrl+v、ctrl+x 3个操作对应6个剪切板事件 通常情况下，cut和paste发生在可聚焦的文本框中（如input、textarea），copy可在任何文本选中时触发 对象方法 剪切板中的数据存储在 阅读全文
摘要：
类型 键盘事件用来描述键盘行为，主要有keydown、keypress、keyup三个事件 注意： 1. 键盘事件必须绑定在可以获得焦点的元素上，页面刚加载完成时，焦点处于document元素。 2. 系统为了防止按键误被连续按下，第一次触发keydown事件后，会有500ms的延迟，才会触发第二次 阅读全文
摘要：
引入 Web Storage的目的是解决cookie带来的限制，当数据需要严格控制在客户端时，无需持续的将数据发回服务器。 Web Storage的两个主要目标：提供一种在cookie之外的存储数据的方式、提供一种存储大量可以跨会话存在的数据的机制 Web Storage分为两类：sessionSt 阅读全文