2023-06-04 1284 阅读 值得一看 🔍️ ✨ CSS新魔法color()已经被所有主流引擎支持 背景6月google发了新的博客：关于color()已经被所有主流的引擎支持。下面是文章链接:NewCSScolorspacesandfunctionsinallmajorengines下面的例子可以看到支持的色彩空间.valid-css-color-function-colors{--srgb:c
2023-06-03 1319 阅读 实用干货 🌋 ☝ CSS hover效果的逆向思维 CSS的hover效果是一种常用的前端技术，通过为元素添加鼠标悬停状态下的样式，可以增强网页的交互性和用户体验。通常我们会使用:hover伪类来实现这个效果，但在某些情况下，我们也可以使用逆向思维来实现更加复杂和创新的hover效果。使用opacity属性opacity属性控制元素的不透明度，其取值
2023-01-13 1143 阅读 值得一看 🔍️ 🚫 还在用 JS 做节流吗？CSS 也可以防止按钮重复点击 众所周知，函数节流（throttle）是JS中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。举个例子：一个保存按钮，为了避免重复提交或者服务器考虑，往往需要对点击行为做一定的限制，比如只允许每300ms提交一次，这时候我想大部分同学都会到网上直接拷贝一段throttle函数，或者直接引用
2022-12-19 1078 阅读 实用干货 🌋 ❓️ user-select：none真的能禁止文本的复制粘贴吗？ 1.前言面向搜索引擎开发时，我们经常看到这样的情况：登录后复制。由于设置了css属性user-select:none，此时鼠标无法实现选中文本，也就无法复制文本，通常会采用这种方式来禁止复制文本。打开开发者工具-审查元素，取消此样式，就可以选中文本了。但是，你们有尝试过这样的复制、粘贴吗？咦，原来也
2022-12-05 1240 阅读 值得一看 🔍️ ✨ 看图说话，新 CSS 单位 “svh” “dvh” 原来如此 vw和vh单位是我们都比较熟悉的两个单位，100vw和100vh代表着视图窗口的宽和高。我们在写移动端布局兼容的时候会经常用到它们，类似于百分比的写法；它们有不错的兼容性：然而有一个问题，当我们使用100vh，且有顶部地址栏或底部操作栏的时候，会出现溢出屏幕的情况：当滑动滚动条的时候，地址栏和操作栏
2022-09-18 2603 阅读 实用干货 🌋 📱 H5页面不同屏幕适配：纯CSS方案 UI给出的设计稿，一般是以iphone6屏幕大小为准，也就是宽高为375667，激进一些的还会使用414736的设计稿。在其他不同尺寸的屏幕上适配的问题也就由此诞生，一般新搭建的项目都要处理这个问题。常见方案目前市面上比较常见的有两种方案：rem方案、viewport方案rem方案通过计算屏幕宽度比
条件编译这些有时候处理不了 
比如地图选择方案差别就很大 这些跟项目也有很大关系 
需要看情况而定 最好是能一直在一个分支 不到万不得已最好不要这么做 
