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

2019年10月16日 by 张 鑫旭 阅读 9261 次, 今日 79 次

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

阅读全文…

CSS repeat()函数详细介绍

2019年12月7日 by 张 鑫旭 阅读 1214 次, 今日 346 次

CSS repeat占位图

Grid布局要想玩的很溜,repeat()minmax()fit-content()等函数和auto-fillauto-fit等关键字就必须要非常了解。本文会有详细介绍,demo,GIF录屏和截图应有尽有,希望可以帮到大家的学习。

阅读全文…

CSS minmax()函数简介

2019年11月30日 by 张 鑫旭 阅读 2594 次, 今日 58 次

CSS minmax文章占位图

介绍CSS Grid布局中非常实用的minmax()函数,包括语法,参数,细节和案例等,repeat()函数,auto-fill和auto-fit等也会登场。

阅读全文…

我们一起学习CSS image-set()

2019年11月17日 by 张 鑫旭 阅读 4496 次, 今日 39 次

我们一起学习占位图

我们无法一起学习,但是我们可以一起谈恋爱。我们无法学习CSS image-set(),但是我们可以看唯我成幸和众妹子们一起学习CSS image-set()方法。

阅读全文…

CSS backdrop-filter简介与苹果iOS毛玻璃效果

2019年11月15日 by 张 鑫旭 阅读 4273 次, 今日 40 次

Chrome 76+已经原生支持CSS backdrop-filter属性,类似苹果iOS手机的毛玻璃效果在实际项目中使用已经成为可能,前端必备小技能,必学必会必用到。

阅读全文…

CSS值类型文档大全

2019年11月10日 by 张 鑫旭 阅读 4817 次, 今日 31 次

CSS属性值类型大全

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

阅读全文…

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

2019年11月8日 by 张 鑫旭 阅读 3058 次, 今日 34 次

我所知道的几种方法

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

阅读全文…

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

2019年10月27日 by 张 鑫旭 阅读 4327 次, 今日 28 次

document.readyState头图

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

阅读全文…

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

2019年10月13日 by 张 鑫旭 阅读 7517 次, 今日 29 次

新窗口智能打开占位图

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

阅读全文…

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

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

原生懒加载头图封面图

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

阅读全文…