前端开发

CSS技巧实现多行文本显示省略号

2019-07-1810次阅读css
Firefox(从68版开始)支持-webkit-line-clamp实现多行文本显示省略号,-webkit-line-clamp浏览器兼容性https://caniuse.com/#search=-webkit-line-clamp方面支持的还不错。不过还有另一种CSS方法实现多行文本显示省略号,所以称之为真正的CSS技巧。
前端开发

自定义js常用基础库

2019-07-1722次阅读javascript
自定义js常用基础库:包括添加事件、删除事件、event事件对象兼容、Target兼容、阻止默认事件、阻止冒泡、添加类名、移除类名、是否包含类名、获取类名元素集、获取下一个元素节点、类似数组转数组、forEach方法。
前端开发

js正则表达式验证是否是中文字

2019-07-1714次阅读javascript
使用js正则表达式匹配中文,需要了解中文字符在unicode编码中所处的区间。这样才能够了解表达式的匹配原理。 首先在正则表达式中使用Unicode,必须使用\u开头,接着是字符编码的四位16进制表现形式。
前端开发

textContentt和innerText取文本节点

2019-07-1715次阅读javascript
Node.textContent属性表示一个节点及其后代的文本内容。HTMLElement.innerText属性表示一个节点及其后代的“渲染”文本内容。HTMLElement.innerText很容易与Node.textContent混淆, 但这两个属性间实际上有很重要的区别. 大体来说,HTMLElement.innerText可操作已被渲染的内容, 而Node.textContent则不会。
前端开发

对象字面量为啥不能在数组或函数参数中使用...展开语法

2019-07-1718次阅读javascript
...展开语法和for-of语句遍历iterable对象定义要遍历的数据。Array或Map是具有默认迭代行为的内置迭代器。对象不是可迭代的,但是可以通过使用iterable和iterator协议使它们可迭代。
前端开发

五个JavaScript小技巧

2019-07-1621次阅读javascript
这些JavaScript小技巧都是偷来的,没有特殊的顺序,只是一个简单的集合。
前端开发

IE6-IE9不支持table.innerHTML的解决方法

2019-07-1524次阅读javascript
IE6-IE9中innerHTML属性对col、colgroup、frameset、html、head、style、table、tbody、tfoot、thead、title和tr对象是只读的。
前端开发

flex属性实战解读

2019-07-1339次阅读flexbox
flex是Flex项目属性是flex-grow、flex-shrink和flex-basis属性的简写。
前端开发

JavaScript函数闭包

2019-07-1332次阅读javascript
《JavaScript高级程序设计》: 闭包是指有权访问另一个函数作用域中的变量的函数 《JavaScript权威指南》: 从技术的角度讲,所有的JavaScript函数都是闭包:它们都是对象,它们都关联到作用域链。 《你不知道的JavaScript》 当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行。
前端开发

防抖函数与节流函数的区别

2019-07-1239次阅读javascript
防抖函数的作用就是控制函数在一定时间内的执行次数。防抖意味着N秒内函数只会被执行一次,如果N秒内再次被触发,则重新计算延迟时间。节流函数的作用是规定一个单位时间,在这个单位时间内最多只能触发一次函数执行,如果这个单位时间内多次触发函数,只能有一次生效。