2019年08月30日 by 张 鑫旭 阅读 60954 次, 今日 30 次
实际开发的时候，我们需要知道DOM元素是否发生了变化，或属性变化，或DOM节点的新增或删除，从IE9浏览器开始，浏览器启用了多种方法，可以监听DOM树的变化，本文就将结合实例详细聊聊其中的各种方法。
阅读全文…
标签： API, attributeChangedCallback, class, connectedCallback, defineProperty, dom, DOMAttrModified, DOMNodeRemoved, ellipsis, HTMLUnknownElement, MutationObserver, MutationObserverInit, MutationRecord, Object, 自定义元素
发布在 JS API | 15 条评论 »
2019年08月26日 by 张 鑫旭 阅读 68372 次, 今日 41 次
过去我们对URL地址进行处理，需要自己进行字符串分析。现在浏览器已经有了内置的URLSearchParams()以及URL() API接口可以对URL进行各种处理。
阅读全文…
标签： createObjectURL, entries, for..of, hash, javascript, revokeObjectURL, URL, URLSearchParams
发布在 JS API | 26 条评论 »
2019年08月18日 by 张 鑫旭 阅读 41397 次, 今日 26 次
本文介绍form表单元素内置3个验证方法和1个属性，3个方法分别是checkValidity(), reportValidity(), setCustomValidity()方法，1个属性是validity属性。不了解的小伙伴可以进来了解一下。
阅读全文…
标签： :invalid, :optional, :valid, checkValidity, form, reportValidity, required, setCustomValidity, validity
发布在 JS API | 9 条评论 »
2019年08月17日 by 张 鑫旭 阅读 93566 次, 今日 40 次
本文主要介绍如何使用jszip这个开源项目纯前端打包并下载ZIP文件，顺便介绍下FileSaver.js这个非常强悍的纯前端下载JS。
希望本文内容能够解决你项目中遇到的问题。
阅读全文…
标签： base64, Blob, download, FileSaver, javascript, js-xlsx, jszip, SVG, zip
发布在 JS实例 | 14 条评论 »
2019年08月17日 by 张 鑫旭 阅读 29980 次, 今日 18 次
是时候了，如果你的项目不需要兼容IE8浏览器，则试试贯彻下面这条CSS开发策略：CSS文件永无外链！好处多多哟。
阅读全文…
标签： background, base64, encode, html, HTTP请求, inline, link, SVG, use, 图标, 性能
发布在 CSS相关 | 18 条评论 »
2019年08月15日 by 张 鑫旭 阅读 131756 次, 今日 61 次
本文提供了6种方法，用来解决最后一行的列表的不满，最后一行没有完全垂直对齐的问题。每种方法都有其适用场景，希望本文内容可以对您的学习有所帮助。
阅读全文…
标签： :last-child, css相关, display:grid, flex, grid, grid-template-columns, justify-content, nth-child, repeat, space-between, text-align:justify
发布在 CSS相关 | 54 条评论 »
2019年08月13日 by 张 鑫旭 阅读 33704 次, 今日 21 次
这个周末做了个纯CSS图标的代码分离与整理页面，直接复制CSS代码，就可以使用小图标了，没有外链和图像处理，非常简单高效。
阅读全文…
标签： border, box-shadow, color, css3, css相关, em, font-size, transform, transparent, 图标
发布在 CSS相关 | 16 条评论 »
2019年08月7日 by 张 鑫旭 阅读 18096 次, 今日 16 次
IE/Edge直到叛变到Chrome内核之前，都没有支持CSS resize拉伸，为了让IE/Edge浏览器也能享受CSS resize全身拉伸的quick感，于是我抽空写了个polyfill，效果还不错。
阅读全文…
标签： IE, javascript, polyfill, resize, textarea
发布在 JS实例 | 6 条评论 »
2019年08月6日 by 张 鑫旭 阅读 24097 次, 今日 18 次
是否遇到这样的囧事，修复bug改了代码，结果页面怎么刷新都没有效果，结果尼玛一看，原来刷新的是线上地址，是不是气死人，那有没有什么办法规避这个问题呢？可以试试本地使用风格完全不一样的favicon。
阅读全文…
标签： base64, favicon, html, localStorage, meta, png, rel
发布在 HTML相关 | 20 条评论 »
2019年07月28日 by 张 鑫旭 阅读 31121 次, 今日 22 次
伪类是目前唯一一个可以大规模放心使用的逻辑伪类，非常有用，优点也很突出，但是，其中也不乏一些会让人踩坑的地方，本文主要介绍这几个可能错误认识的地方。
阅读全文…
标签： :is, :not, :where, css相关, disabled, read-only, 伪类
发布在 CSS相关 | 14 条评论 »
我的应用
我的应用