快速了解window.name特性与作用

2019年09月10日 by 张 鑫旭 阅读 33011 次, 今日 6 次

window.name占位图

早就知道window有个name属性,但是究竟干什么用的一直不知道,今天花时间好好研究测试了下,发现是个有意思的JS API属性。

阅读全文…

小tips: JS DOM innerText和textContent的区别

2019年09月7日 by 张 鑫旭 阅读 39135 次, 今日 8 次

innerText和textContent

innerText和textContent很多人会困惑,因为都可以用来获取文本内容,实际上,两者还是有很多区别的,本文就将介绍这两个属性的异同,希望可以对大家的学习有所帮助。

阅读全文…

聊聊JS DOM变化的监听检测与应用

2019年08月30日 by 张 鑫旭 阅读 66751 次, 今日 10 次

DOM变化与检测

实际开发的时候,我们需要知道DOM元素是否发生了变化,或属性变化,或DOM节点的新增或删除,从IE9浏览器开始,浏览器启用了多种方法,可以监听DOM树的变化,本文就将结合实例详细聊聊其中的各种方法。

阅读全文…

JS URL()和URLSearchParams() API接口详细介绍

2019年08月26日 by 张 鑫旭 阅读 75328 次, 今日 10 次

网络 URL 占位图

过去我们对URL地址进行处理,需要自己进行字符串分析。现在浏览器已经有了内置的URLSearchParams()以及URL() API接口可以对URL进行各种处理。

阅读全文…

checkValidity等form原生JS验证方法和属性详细介绍

2019年08月18日 by 张 鑫旭 阅读 47048 次, 今日 11 次

本文介绍form表单元素内置3个验证方法和1个属性,3个方法分别是checkValidity(), reportValidity(), setCustomValidity()方法,1个属性是validity属性。不了解的小伙伴可以进来了解一下。

阅读全文…

纯前端JS zip打包文件并下载

2019年08月17日 by 张 鑫旭 阅读 101983 次, 今日 17 次

zip压缩与下载

本文主要介绍如何使用jszip这个开源项目纯前端打包并下载ZIP文件,顺便介绍下FileSaver.js这个非常强悍的纯前端下载JS。

希望本文内容能够解决你项目中遇到的问题。

阅读全文…

是时候了,无外链的CSS开发策略

2019年08月17日 by 张 鑫旭 阅读 34343 次, 今日 7 次

无外链的CSS开发

是时候了,如果你的项目不需要兼容IE8浏览器,则试试贯彻下面这条CSS开发策略:CSS文件永无外链!好处多多哟。

阅读全文…

让CSS flex布局最后一行列表左对齐的N种方法

2019年08月15日 by 张 鑫旭 阅读 140827 次, 今日 14 次

最后一行列表对齐

本文提供了6种方法,用来解决最后一行的列表的不满,最后一行没有完全垂直对齐的问题。每种方法都有其适用场景,希望本文内容可以对您的学习有所帮助。

阅读全文…

常见纯CSS图标的代码分离与整理(持续更新)

2019年08月13日 by 张 鑫旭 阅读 38585 次, 今日 8 次

这个周末做了个纯CSS图标的代码分离与整理页面,直接复制CSS代码,就可以使用小图标了,没有外链和图像处理,非常简单高效。

阅读全文…

给IE/Edge写了个textarea resize拉伸的polyfill

2019年08月7日 by 张 鑫旭 阅读 22468 次, 今日 8 次

IE/Edge直到叛变到Chrome内核之前,都没有支持CSS resize拉伸,为了让IE/Edge浏览器也能享受CSS resize全身拉伸的quick感,于是我抽空写了个polyfill,效果还不错。

阅读全文…