关于《CSS选择器世界》这本书

2019年10月16日 by 张 鑫旭 阅读 5467 次, 今日 169 次

《CSS选择器世界》是我正式出版的第二本技术书籍,关于这本书,我有一些话想要和大家说……

阅读全文…

CSS值类型文档大全

2019年11月10日 by 张 鑫旭 阅读 1768 次, 今日 295 次

CSS属性值类型大全

爆肝整理了全部近50个CSS data type 数据类型,这些基础的概念对于理解新的CSS世界体系非常重要,独一无二的文档整理,包含大量有用的CSS知识点,希望可以对您的学习有所帮助。

阅读全文…

JS检测CSS属性浏览器是否支持的多种方法

2019年11月8日 by 张 鑫旭 阅读 1371 次, 今日 130 次

我所知道的几种方法

CSS.supports()是一种非常不错原生方法,但IE11及其以下浏览器不兼容,此时可以试试先赋值在取值的检测方法,记住getComputedStyle方法或者setAttribute style属性赋值,都是可以的,是我实际开发经常使用的方法。

阅读全文…

幸好document.readyState还是有点锤子用的

2019年10月27日 by 张 鑫旭 阅读 3013 次, 今日 76 次

document.readyState头图

原本以为document.readyState是个鸡肋属性,目前没机会使用,但是最近的实践发现还是存在一个场景,是需要借助document.readyState的,那就是开源或者大规模组件中的代码初始化的时候。

阅读全文…

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

2019年10月13日 by 张 鑫旭 阅读 6173 次, 今日 57 次

新窗口智能打开占位图

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

阅读全文…

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

2019年09月30日 by 张 鑫旭 阅读 8121 次, 今日 81 次

原生懒加载头图封面图

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

阅读全文…

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

2019年09月19日 by 张 鑫旭 阅读 5338 次, 今日 39 次

focus滚动定位占位图

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

阅读全文…

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

2019年09月13日 by 张 鑫旭 阅读 4013 次, 今日 16 次

JS Intl对象

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

阅读全文…

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

2019年09月10日 by 张 鑫旭 阅读 5455 次, 今日 26 次

window.name占位图

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

阅读全文…

小tips: JS DOM innerText和textContent的区别

2019年09月7日 by 张 鑫旭 阅读 4890 次, 今日 42 次

innerText和textContent

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

阅读全文…