获得徽章 9
新文章：“CSS field-sizing属性简介” - 
www.zhangxinxu.com 你知道吗？现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了，那就是使用CSS field-sizing属性。![[灵光一现]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_25.51e6984.png)
www.zhangxinxu.com 你知道吗？现在文本输入框已经支持根据输入内容的多少自动改变宽度大小了，那就是使用CSS field-sizing属性。![[灵光一现]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_25.51e6984.png)
3
5
新文章：“使用Intl.Segmenter返回更准确的字符长度” - www.zhangxinxu.com Intl.Segmenter不仅能精准返回Emoji字符的长度，还能实现中文语言的自动分词，分句效果，这个特性比预想的实用的多了。
www.zhangxinxu.com Intl.Segmenter不仅能精准返回Emoji字符的长度，还能实现中文语言的自动分词，分句效果，这个特性比预想的实用的多了。 评论
2
新文章：“CSS scroll-target-group加:target-current滚动菜单自动高亮” - www.zhangxinxu.com CSS野心太大了，那种页面滚动，标题导航自动高亮匹配的效果现在也能纯CSS实现了。
www.zhangxinxu.com CSS野心太大了，那种页面滚动，标题导航自动高亮匹配的效果现在也能纯CSS实现了。
1
3
新文章：“使用CSS linear()函数实现更逼真的物理动画效果” - www.zhangxinxu.com CSS新支持的linear()函数可以让我们实现任意速率动画，所以，无论是更加逼真的物理动画，还是特殊的阶梯式动画都不在话下，让CSS动画的能力进一步增强。
www.zhangxinxu.com CSS新支持的linear()函数可以让我们实现任意速率动画，所以，无论是更加逼真的物理动画，还是特殊的阶梯式动画都不在话下，让CSS动画的能力进一步增强。
展开
4
2
新文章：“@function自定义函数让CSS支持编程啦” - www.zhangxinxu.com 终于来了，CSS也支持编程了，使用@function 规则可以定义可重用的计算逻辑，让 CSS 代码更灵活、模块化且易于维护。
www.zhangxinxu.com 终于来了，CSS也支持编程了，使用@function 规则可以定义可重用的计算逻辑，让 CSS 代码更灵活、模块化且易于维护。 评论
2
新文章：“HTML之快速了解hidden=until-found的作用” - www.zhangxinxu.com HTML hidden属性支持了一个名为until-found的新值，默认不可见，但是如果用户搜索匹配，或者锚点定位了，就会自动显示，有助于特定场景下提高用户体验。
www.zhangxinxu.com HTML hidden属性支持了一个名为until-found的新值，默认不可见，但是如果用户搜索匹配，或者锚点定位了，就会自动显示，有助于特定场景下提高用户体验。
展开
2
1
新文章：“抢先学习大开眼界的CSS corner-shape属性” - www.zhangxinxu.com CSS corner-shape属性在社区的呼声非常高，现在浏览器终于支持了，可以CSS图形表现效果有飞跃版的提升。
www.zhangxinxu.com CSS corner-shape属性在社区的呼声非常高，现在浏览器终于支持了，可以CSS图形表现效果有飞跃版的提升。 评论
5
新文章：“这个有点屌CSS @container scroll-state容器滚动查询” - www.zhangxinxu.com 纯CSS现在可以检测是否滚动到容器边缘，Scroll Snap边缘，以及sticky元素是否触及定位的边缘了，这个特性还挺实用的。
www.zhangxinxu.com 纯CSS现在可以检测是否滚动到容器边缘，Scroll Snap边缘，以及sticky元素是否触及定位的边缘了，这个特性还挺实用的。 评论
1
新文章：“CSS索引和数量匹配函数sibling-index sibling-count简介” - www.zhangxinxu.com CSS现在支持了专门的CSS函数，可以知道子元素当前的索引值大小，以及知道子元素的数量了，都是动态匹配的，很有规律的CSS样式效果有了更好的解决方法了。
www.zhangxinxu.com CSS现在支持了专门的CSS函数，可以知道子元素当前的索引值大小，以及知道子元素的数量了，都是动态匹配的，很有规律的CSS样式效果有了更好的解决方法了。
展开
评论
2
【探钓日常分享】
这个周末比较拼，探钓了4个鱼塘。
周六上午金山新鱼丽人休闲垂钓，99元3小时，大方塘，就1个人钓，小扁鱼闹窝，没有预想的好钓，就几条鲫鱼。（图1）
下午金山众源油车垂钓，120元4小时，这个地方鱼情比预想的猛多了，大口鲶和罗非狂拔，下阵雨中断了半小时，实际上就钓了3个半小时，47斤鱼，直接上岸盘老板。（图2）
周日先是去了奉贤（靠近浦东）的云鹤休闲垂钓，我一看大家上鱼都慢，选择了练杆，40元，钓了4个多小时，二三十斤鱼。（图3）
然后去了离这里很近的车维士路亚台钓基地，50元练杆，可以任意带走两条鱼，据说这里翘嘴挺多，20分钟就完成目标。（图4）
这个周末比较拼，探钓了4个鱼塘。
周六上午金山新鱼丽人休闲垂钓，99元3小时，大方塘，就1个人钓，小扁鱼闹窝，没有预想的好钓，就几条鲫鱼。（图1）
下午金山众源油车垂钓，120元4小时，这个地方鱼情比预想的猛多了，大口鲶和罗非狂拔，下阵雨中断了半小时，实际上就钓了3个半小时，47斤鱼，直接上岸盘老板。（图2）
周日先是去了奉贤（靠近浦东）的云鹤休闲垂钓，我一看大家上鱼都慢，选择了练杆，40元，钓了4个多小时，二三十斤鱼。（图3）
然后去了离这里很近的车维士路亚台钓基地，50元练杆，可以任意带走两条鱼，据说这里翘嘴挺多，20分钟就完成目标。（图4）
展开
1
14
新文章：“HTML popover再进化 – 新增hint类型提示框” - www.zhangxinxu.com HTML popover属性新特性之hint值，填补了轻量级提示与模态弹窗间的需求空白，适合需非打断性辅助信息的场景。
www.zhangxinxu.com HTML popover属性新特性之hint值，填补了轻量级提示与模态弹窗间的需求空白，适合需非打断性辅助信息的场景。 评论
2
![[吃瓜群众]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_10.42a731c.png)
14
2
新文章：“JS正则新特性：安全过滤RegExp.escape方法” - www.zhangxinxu.com RegExp.escape()是所有前端都要熟知的静态函数，用于安全地将字符串转换为正则表达式字面量，目前所有现代浏览器都已经支持。
www.zhangxinxu.com RegExp.escape()是所有前端都要熟知的静态函数，用于安全地将字符串转换为正则表达式字面量，目前所有现代浏览器都已经支持。
2
5