获得徽章 9
新文章:“补全不足,CSS锚点定位支持锚定容器回退检测了” -
www.zhangxinxu.com CSS锚定定位虽然强大,实用,但是还是有个不足,就是如果元素在边缘处触发候补定位,浏览器是无法感知的,导致很多交互效果并不能纯CSS实现,功亏一篑,现在,Chrome最新版本已经补全了这个不足,CSS锚点定位已经趋于完美,赶快学习起来吧。
展开
1
1
身为钓鱼博主,周末继续探钓。周六奉贤浩鱼休闲垂钓,230元6小时,老板放了几千斤鳊鱼,运气不错,找了个有鱼的位置,狂拔了两个小时,爆箱上岸。(图1)周日先是去了宝山的大壮农业科技园,钓鱼50元2小时,鱼带走额外10元每斤,鱼很多,两个塘都是狂口,下去就有鱼。(图2)最后带了条3.3斤的小青鱼回去。再然后去了嘉定的昕田垂钓家庭农场,有个练杆塘50元,也可以79元2小时,带5斤鱼,我就钓了79的,结果,一个正经口都没有,什么练杆塘,还钓了个死鱼。听说两周前放了2000斤白鲫,练杆塘冬天放白鲫,老板还真是有魄力,但这是大忌,放多少死多少,这里面水有问题,鱼不开口,体验极差,好在最后送了点蔬菜,聊以安慰。
展开
14
3
新文章:“CSS progress()函数简介” -
www.zhangxinxu.com CSS又出了个表示进度值的progress()函数,这个函数还是挺实用的,任何与进度值相关的场景都是他的使用场景,不妨进来快速了解一下吧。
评论
点赞
#每天一个知识点# 新文章:“单IMG标签的图片内阴影效果实现” -
www.zhangxinxu.com CSS内阴影效果实现不难,可若是只有IMG标签,该如何在图片上实现内阴影呢?本文列举多种技术方法,实现这个前端需求,不知你知道其中几个?
展开
评论
3
新文章:“醒醒,该使用CookieStore新建和管理cookie了” -
www.zhangxinxu.com 还在使用document.cookie管理cookie吗?太过时了,现在有专门的Cookie操作API了,就是CookieStore,简单又好用,简直完美!
展开
4
2
新文章:“巧用CSS ::details-content伪元素实现任意展开动画” -
www.zhangxinxu.com details元素又新支持了一个CSS选择::details-content伪元素,可以匹配内容阴影DOM,我们可以利用这个伪元素进行区域背景设置,或者实现实用的展开收起的动画效果。
展开
评论
1
新文章:“介绍下与CSS自定义组件相关的:state()函数” -
www.zhangxinxu.com Web Components组件开发又新增特性,可以暴露组件内部的状态,通过CSS :state()伪类函数匹配,增强组件的样式定制能力,以实现更好的内部封装。
评论
2
新文章:“CSS锚点定位实战-鼠标跟随交互效果” -
www.zhangxinxu.com 有了CSS锚点定位,我们无需任何JavaScript代码参与,就能实现元素的鼠标跟随动效,简单实用,前端必会交互小技巧。
8
2
新文章:“垃圾特性之CSS :heading伪类和:heading()函数” -
www.zhangxinxu.com 从没有见过如此鸡肋设计的CSS新特性,真是浪费我的学习时间,专门匹配h1-h6标题元素,怎么想得出来的?不过看评论,我可能有所误解。
评论
2
新文章:“Canvas也支持锥形渐变了createConicGradient方法” -
www.zhangxinxu.com 除了CSS、HTML和JS之外,Canvas这门语言其实也在发展,这不,也支持锥形渐变了,最近某个需求正好用到了,解决了CSS锥形渐变无法前端截图的难题,不妨进来看看是怎么回事吧。
展开
3
点赞
新文章:“CSS reading-flow和reading-order属性简介” -
www.zhangxinxu.com CSS reading-flow和reading-order这两个CSS新特性可以改变外部设备访问DOM元素的顺序,从而提高用户的无障碍访问体验,渐进增强特性,现在就可以在项目中使用。
展开
1
5
新文章:“CSS field-sizing属性简介” -
www.zhangxinxu.com 你知道吗?现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了,那就是使用CSS field-sizing属性。
3
5
新文章:“使用Intl.Segmenter返回更准确的字符长度” -
www.zhangxinxu.com Intl.Segmenter不仅能精准返回Emoji字符的长度,还能实现中文语言的自动分词,分句效果,这个特性比预想的实用的多了。
评论
2
新文章:“CSS scroll-target-group加:target-current滚动菜单自动高亮” -
www.zhangxinxu.com CSS野心太大了,那种页面滚动,标题导航自动高亮匹配的效果现在也能纯CSS实现了。
1
3
![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)