2019年11月17日 by 张 鑫旭 阅读 39349 次, 今日 8 次

我们无法一起学习,但是我们可以一起谈恋爱。我们无法学习CSS image-set(),但是我们可以看唯我成幸和众妹子们一起学习CSS image-set()方法。
阅读全文…
标签: background, background-image, ddpx, dpi, image-set, mask-image
发布在 CSS相关 | 26 条评论 »
2019年11月15日 by 张 鑫旭 阅读 76576 次, 今日 15 次

Chrome 76+已经原生支持CSS backdrop-filter属性,类似苹果iOS手机的毛玻璃效果在实际项目中使用已经成为可能,前端必备小技能,必学必会必用到。
阅读全文…
标签: backdrop-filter, blur, css相关, dialog, feGaussianBlur, 模糊, 毛玻璃效果, 高斯模糊
发布在 CSS相关 | 30 条评论 »
2019年11月10日 by 张 鑫旭 阅读 37082 次, 今日 8 次

爆肝整理了全部近50个CSS data type 数据类型,这些基础的概念对于理解新的CSS世界体系非常重要,独一无二的文档整理,包含大量有用的CSS知识点,希望可以对您的学习有所帮助。
阅读全文…
标签: attr(), CSS Shapes, CSS值, CSS属性, CSS文档, CSS类型, CSS规范, flex布局, grid布局, shape布局, toggle(), URL, 单位
发布在 CSS相关 | 8 条评论 »
2019年11月8日 by 张 鑫旭 阅读 30234 次, 今日 7 次

CSS.supports()是一种非常不错原生方法,但IE11及其以下浏览器不兼容,此时可以试试先赋值在取值的检测方法,记住getComputedStyle方法或者setAttribute style属性赋值,都是可以的,是我实际开发经常使用的方法。
阅读全文…
标签: @supports, CSS.supports, CSS变量, css相关, CSS逻辑属性, fit-content, JS检测, Paint API
发布在 JS实例 | 6 条评论 »
2019年10月27日 by 张 鑫旭 阅读 39348 次, 今日 8 次

原本以为document.readyState是个鸡肋属性,目前没机会使用,但是最近的实践发现还是存在一个场景,是需要借助document.readyState的,那就是开源或者大规模组件中的代码初始化的时候。
阅读全文…
标签: API, Document, dom, DOMContentLoaded, js相关, onreadystatechange, readyState
发布在 JS API | 24 条评论 »
2019年10月16日 by 张 鑫旭 阅读 115636 次, 今日 7 次

《CSS选择器世界》是我正式出版的第二本技术书籍,关于这本书,我有一些话想要和大家说……
阅读全文…
标签: css3, CSS世界, CSS新世界, css相关, 选择器
发布在 CSS相关 | 73 条评论 »
2019年10月13日 by 张 鑫旭 阅读 45968 次, 今日 7 次

有个前端都必须知道的体验增强小技能,就是优化新窗口打开的交互体验,已经打开的页面直接刷新,不在重复开选项卡标签页,如何实现呢?其实很简单,并不需要JS的参与,HTML本身特性就可以实现这样的需求。
阅读全文…
标签: :target, a, form, href, link, reload, window, 体验, 刷新
发布在 JS实例 | 22 条评论 »
2019年09月30日 by 张 鑫旭 阅读 85083 次, 今日 20 次

本文介绍自己在研究与实践Lazy loading原生懒加载得到的结论与知识,scroll滚动,resize缩放,网速,屏幕高度都是影响特性,同时也会介绍在JavaScript中的一些实用tips。
阅读全文…
标签: eager, html, iframe, lazy, loading, 加载, 图片, 滚动加载, 预加载
发布在 HTML相关, JS实例 | 31 条评论 »
2019年09月19日 by 张 鑫旭 阅读 33750 次, 今日 9 次

有时候我们希望元素被focus的同时浏览器的不会发生滚动重定位,看起来似乎是个很棘手的问题,毕竟focus重定位是一个很重要的浏览器内置的用户体验行为,实际上,大家可能不知道,已经有新的API参数支持这种需求了。
阅读全文…
标签: autofocus, focus, js相关, preventScroll, scroll, scrollIntoView, 体验, 滚动
发布在 JS API | 14 条评论 »
2019年09月13日 by 张 鑫旭 阅读 39015 次, 今日 6 次

Intl对象是ECMAScript国际化API的命名空间,本文简单介绍相关API方法,以及中文环境下的的字符串比较、数字格式化以及日期和时间的格式化。内容较多,希望可以对你的学习有所帮助。
阅读全文…
标签: API, Collator, DateTimeFormat, getCanonicalLocales, Intl, js相关, ListFormat, localeCompare, NumberFormat, PluralRules, RelativeTimeFormat, sort, toLocaleString
发布在 JS API | 22 条评论 »