一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。  1. window对象的resize、scroll事件  2. 拖拽时的mousemove事件  3. 射击游戏中的mousedown、keydown事件  4. 文字输入、自动完成的keyup事件  实际上对于window的resize事件，实际需求大

function removeArr(arrayA,arrayB){     return arrayA.filter((item) => !(arrayB.some((i) => i == item))); } arrayA.filter(function (item) {     retur

新手接触前端的时候，大多数会依赖Jquery或者其他框架提供的现成组件，来完成功能需求。但是，这样的弊端就是你无法定制想要的效果，而且加载其他框架的静态资源文件，由于把所有组件和相关库加载进入，会显得臃肿多余。当然，模块化开发时，影响不会太大。今天，阳光明媚。我给大家带来以下示例，并手把手讲解。简洁tabs效果JS选项卡，代码并不多为了新手更好的理解，我将侧重JS部分。CSS部分HTML结构以上为样式结构。可以看见，非常简单。值得注意的是这里用了.tab-content:not(:first-c

点击链接后退页面：<a href="javascript:history.go(-1)">回到上一个网页</a>——修改placeholder提示的样式：1.除IE外通用写法类名或标签名::placeholder {color: red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-space: nowrap）、省略号（text-overflo

p 标签是默认是自动换行的，因此设置好宽度之后，能够较好的实现效果，但是最近的项目中发现，使用 ajax 加载数据之后，p 标签内的内容没有换行，导致布局错乱，于是尝试着使用换行样式，虽然解决了问题，但是并没有发现本质原因，本质在于，我当时获取的数据是一长串的数字，浏览器应该是对数字和英文单词处理方式相近，不会截断。先给出各种方式，再具体介绍每一个属性。强制不换行:p { white-space:nowrap; }自动换行:p {&nb