实现a元素href URL链接自动刷新或新窗口打开

2019年10月13日 by 张 鑫旭 阅读 36248 次, 今日 15 次

新窗口智能打开占位图

有个前端都必须知道的体验增强小技能,就是优化新窗口打开的交互体验,已经打开的页面直接刷新,不在重复开选项卡标签页,如何实现呢?其实很简单,并不需要JS的参与,HTML本身特性就可以实现这样的需求。

阅读全文…

浏览器IMG图片原生懒加载loading=”lazy”实践指南

2019年09月30日 by 张 鑫旭 阅读 65985 次, 今日 24 次

原生懒加载头图封面图

本文介绍自己在研究与实践Lazy loading原生懒加载得到的结论与知识,scroll滚动,resize缩放,网速,屏幕高度都是影响特性,同时也会介绍在JavaScript中的一些实用tips。

阅读全文…

小tips: 元素focus页面不滚动不定位的JS处理

2019年09月19日 by 张 鑫旭 阅读 25670 次, 今日 8 次

focus滚动定位占位图

有时候我们希望元素被focus的同时浏览器的不会发生滚动重定位,看起来似乎是个很棘手的问题,毕竟focus重定位是一个很重要的浏览器内置的用户体验行为,实际上,大家可能不知道,已经有新的API参数支持这种需求了。

阅读全文…

JS Intl对象完整简介及在中文中的应用

2019年09月13日 by 张 鑫旭 阅读 28687 次, 今日 7 次

JS Intl对象

Intl对象是ECMAScript国际化API的命名空间,本文简单介绍相关API方法,以及中文环境下的的字符串比较、数字格式化以及日期和时间的格式化。内容较多,希望可以对你的学习有所帮助。

阅读全文…

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

2019年09月10日 by 张 鑫旭 阅读 25462 次, 今日 9 次

window.name占位图

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

阅读全文…

小tips: JS DOM innerText和textContent的区别

2019年09月7日 by 张 鑫旭 阅读 29322 次, 今日 5 次

innerText和textContent

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

阅读全文…

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

2019年08月30日 by 张 鑫旭 阅读 54947 次, 今日 21 次

DOM变化与检测

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

阅读全文…

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

2019年08月26日 by 张 鑫旭 阅读 59626 次, 今日 21 次

网络 URL 占位图

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

阅读全文…

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

2019年08月18日 by 张 鑫旭 阅读 35965 次, 今日 8 次

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

阅读全文…

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

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

zip压缩与下载

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

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

阅读全文…