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

2019年08月18日 by 张 鑫旭 阅读 1279 次, 今日 68 次

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

阅读全文…

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

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

zip压缩与下载

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

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

阅读全文…

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

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

无外链的CSS开发

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

阅读全文…

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

2019年08月15日 by 张 鑫旭 阅读 4393 次, 今日 56 次

最后一行列表对齐

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

阅读全文…

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

2019年08月13日 by 张 鑫旭 阅读 3809 次, 今日 15 次

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

阅读全文…

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

2019年08月7日 by 张 鑫旭 阅读 2623 次, 今日 4 次

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

阅读全文…

本地开发设置个区分明显的favicon吧~

2019年08月6日 by 张 鑫旭 阅读 3483 次, 今日 5 次

本地favicon头图

是否遇到这样的囧事,修复bug改了代码,结果页面怎么刷新都没有效果,结果尼玛一看,原来刷新的是线上地址,是不是气死人,那有没有什么办法规避这个问题呢?可以试试本地使用风格完全不一样的favicon。

阅读全文…

CSS :not伪类可能错误的认识

2019年07月28日 by 张 鑫旭 阅读 4185 次, 今日 8 次

:not伪类

伪类是目前唯一一个可以大规模放心使用的逻辑伪类,非常有用,优点也很突出,但是,其中也不乏一些会让人踩坑的地方,本文主要介绍这几个可能错误认识的地方。

阅读全文…

还算有点用的scrollTo和scrollBy两个JS API

2019年07月27日 by 张 鑫旭 阅读 3054 次, 今日 9 次

封面占位图

本文介绍两个与滚动相关的新的API,scrollTo和scrollBy,知识整理下来一看,还算有点用。

阅读全文…

HTML静态页面原型交付工具“魔卡”简介

2019年07月19日 by 张 鑫旭 阅读 4936 次, 今日 3 次

如果你的主要工作内容就是重构HTML静态页面,则本文介绍的“魔卡”工具会很适合你。头尾公用,支持简易CSS变量,支持http服务以及JS,CSS合并,都是专门为HTML静态页面开发定制的功能。本工具极简免安装,非常轻量。

阅读全文…