Shinea

首屏固定图片，添加一个20k以下的base64的背景图片（background-image），短短代码，极致的加载体验，性价比高极了～～～...

shape()函数，该方法主要是应用于针对clip-path上，可以实现兼具响应式的同时可以支持非多边形状。...

Flutter的小技巧：1️⃣实现带小图标灰色；2️⃣实现多列自适应布局。图标灰色技巧，可以一个彩色图片，实现两个视觉展示。多列自适应布局技巧，可以针对不同场景，实现模块自...

一个iOS下的不符合预期的点击反馈态问题，得知cursor: pointer和-webkit-tap-highlight-color相互的情况，给出解决方案。移动端、iOS...

点九图的拓展、遮罩（-webkit-mask-box-image）、背景融合（background-blend-mode），实现一个复杂的按钮效果。...

现代 CSS 强大的令人难以置信。 这次我们来用 CSS 实现这样一个功能：有多个宽度不同的标签水平排列，当外层宽度不足时，会自动提示超出的数量，演示效果如下 如果让我用 ...

鸿蒙设备（即Harmony OS Next）下，浏览器访问页面，如何通过User Agent判断当前是否在鸿蒙设备中访问～...

该文章主要讨论跟随系统的light/dark适配。新方案 -- light-dark()函数；旧方案 -- 媒体查询prefers-color-scheme...

Chrome更新了performance工具，现阶段可以通过开启实验性选项体验～ 可以看到LCP、CLS、INP核心Web指标及分析均可以直接看到。...

静态博客的GitHub Pages部署方案，自定义域名以及DNS解析等问题解决。部署平台选择的方案对比及优劣势分析。...

使用Matrix结合Tween实现多个transform（位移+缩放+旋转）叠加动效。说明了父子组件的通信方式...

一般的性能优化可以通过Chrome的Lighthouse和Performance这两个工具面板指示来进行调整。Lighthouse和Performance两板斧，一起结合，...

什么是DNS？ 域名系统DNS(Domain Name System)是因特网使用的命名系统，用来把便于人们使用的机器名字转换成为IP地址。通过添加DNS预解析，可以在一定...

SEO需要前端开发做什么呢，AI给了我们很多解答。网站结构优化、关键词研究与优化、内容优化、网站速度、移动友好性、网站安全等等都是前端可以进行切入的方向～...

node SSR服务如何防范和处理DDos攻击 背景 防范和处理DDos攻击是稳定性建设中比较重要的一环，如果没有提前防范好，一但被攻击后，服务就会陷入不可用状态，可能会为...

搜索高亮，处理搜索词重叠覆盖的场景，提供一个基础方法。探讨了自定义指令和组件、组合式函数这两种重用代码的方式各自使用场景。...

那些你可能或许会遇到的疑难病症～ CSS flex中宽度被压缩 (1)所有的子元素添加flex-shrink:0; (2) 将所有的子元素添加min-width; 图片等比...

鞭策自己不忘初心，持续在无障碍的道路上尽一点自己的绵薄之力。组件 — 页面架构 — 互联网产品。个人—— 行业 —— 社会。比昨天更好一点的无障碍，就是更温暖一点的互联网...