2019年12月7日 by 张 鑫旭 阅读 32174 次, 今日 5 次
Grid布局要想玩的很溜，repeat()，minmax()，fit-content()等函数和auto-fill，auto-fit等关键字就必须要非常了解。本文会有详细介绍，demo，GIF录屏和截图应有尽有，希望可以帮到大家的学习。
阅读全文…
标签： auto-fill, auto-fit, fit-content, grid布局, max-content, min-content, minmax(), repeat
发布在 CSS相关 | 5 条评论 »
2019年11月30日 by 张 鑫旭 阅读 27898 次, 今日 5 次
介绍CSS Grid布局中非常实用的minmax()函数，包括语法，参数，细节和案例等，repeat()函数，auto-fill和auto-fit等也会登场。
阅读全文…
标签： auto-fill, auto-fit, css相关, fr, grid布局, max-content, min-content, minmax(), repeat
发布在 CSS相关 | 9 条评论 »
2019年11月17日 by 张 鑫旭 阅读 34119 次, 今日 7 次
我们无法一起学习，但是我们可以一起谈恋爱。我们无法学习CSS image-set()，但是我们可以看唯我成幸和众妹子们一起学习CSS image-set()方法。
阅读全文…
标签： background, background-image, ddpx, dpi, image-set, mask-image
发布在 CSS相关 | 26 条评论 »
2019年11月15日 by 张 鑫旭 阅读 69179 次, 今日 13 次
Chrome 76+已经原生支持CSS backdrop-filter属性，类似苹果iOS手机的毛玻璃效果在实际项目中使用已经成为可能，前端必备小技能，必学必会必用到。
阅读全文…
标签： backdrop-filter, blur, css相关, dialog, feGaussianBlur, 模糊, 毛玻璃效果, 高斯模糊
发布在 CSS相关 | 30 条评论 »
2019年11月10日 by 张 鑫旭 阅读 31008 次, 今日 2 次
爆肝整理了全部近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 张 鑫旭 阅读 25021 次, 今日 6 次
CSS.supports()是一种非常不错原生方法，但IE11及其以下浏览器不兼容，此时可以试试先赋值在取值的检测方法，记住getComputedStyle方法或者setAttribute style属性赋值，都是可以的，是我实际开发经常使用的方法。
阅读全文…
标签： @supports, CSS.supports, CSS变量, css相关, CSS逻辑属性, fit-content, JS检测, Paint API
发布在 JS实例 | 6 条评论 »
2019年10月27日 by 张 鑫旭 阅读 33529 次, 今日 12 次
原本以为document.readyState是个鸡肋属性，目前没机会使用，但是最近的实践发现还是存在一个场景，是需要借助document.readyState的，那就是开源或者大规模组件中的代码初始化的时候。
阅读全文…
标签： API, Document, dom, DOMContentLoaded, js相关, onreadystatechange, readyState
发布在 JS API | 24 条评论 »
2019年10月16日 by 张 鑫旭 阅读 110876 次, 今日 4 次
《CSS选择器世界》是我正式出版的第二本技术书籍，关于这本书，我有一些话想要和大家说……
阅读全文…
标签： css3, CSS世界, CSS新世界, css相关, 选择器
发布在 CSS相关 | 73 条评论 »
2019年10月13日 by 张 鑫旭 阅读 40465 次, 今日 8 次
有个前端都必须知道的体验增强小技能，就是优化新窗口打开的交互体验，已经打开的页面直接刷新，不在重复开选项卡标签页，如何实现呢？其实很简单，并不需要JS的参与，HTML本身特性就可以实现这样的需求。
阅读全文…
标签： :target, a, form, href, link, reload, window, 体验, 刷新
发布在 JS实例 | 22 条评论 »
2019年09月30日 by 张 鑫旭 阅读 75577 次, 今日 20 次
本文介绍自己在研究与实践Lazy loading原生懒加载得到的结论与知识，scroll滚动，resize缩放，网速，屏幕高度都是影响特性，同时也会介绍在JavaScript中的一些实用tips。
阅读全文…
标签： eager, html, iframe, lazy, loading, 加载, 图片, 滚动加载, 预加载
发布在 HTML相关, JS实例 | 31 条评论 »
我的应用
我的应用