前端实践

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

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

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

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

鸿蒙设备（即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两板斧，一起结合，可以对网站性能进行提升

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

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

在macOS上从零开始搭建Flutter环境，记录遇到的问题以及解决过程。同时跑一个简单的计数器的项目到真机上看效果。

年前有一个紧急的项目，主要是用于铺渠道拉新，需要快速上线一个IP微信小程序（小程序A），后续会拓展成多个功能类似的但是不同IP小程序。 技术选型 Taro + Vue3 + webpack5 + ts