Vue.js & checked 半选

引子

上周项目中有一常见的场景需求:一组 checkbox,然后一 checkbox 控制该组的全选/全不选状态,如该组未全选中需展示成半选中的状态。可能我描述的不够清楚,反正就是如下的样子(我用 jQuery 写了个 demo)。实现起来并不复杂,为了保持跨浏览器样式一致性,之前是其他 DOM 元素去模拟 checkbox,半选状态是用添加特殊的 className 然后去实现对应的样式。为了提升效率(其实是懒),这次我直接用了系统控件。结果问题来了,原生控件半选模式怎么展示?学了这么多年 HTML,抓耳挠腮貌似没有表示 checkbox 半选状态的属性。

Read More »

WordPress 加载速度优化实践

最近兴起开坑了一款新主题,名为 Pure,寓意简洁轻量,目前还处于自己用着玩的阶段,等调教好了自然会拉出来接客见客。作为本款主题案例展示站,也要契合主题风格,自然对访问速度有要求。之前有提到博客换到到了独立小开间,不再挤大通铺了,访问速度略有提升,索性在别的地方也一并优化。经过几日折腾,取得了不错的阶段性成果,现将折腾过程记录总结如下:

优化思路以用户在浏览器输入网址到页面加载完毕为线索(不禁想起了前端经典面试题从输入URL到页面加载发生了什么😂)。

Read More »

更好的 box-shadow 动画

引子

某日移动端有一需求:要求一 App Logo 有一层外阴影闪动效果,实现起来倒也不复杂。简单粗暴直接在 keyframes 中定义 box-shadow 动画即可交差,最终代码如下:

Read More »

移动端浏览器兼容问题汇总

移动端浏览器兼容问题汇总

大概两年前做过一年微信宣传页(也就是俗称的 H5 )开发,期间遇到一系列 Bug,现总结成文,由于时间较久远,能回忆起的不多了,现拼凑记忆记录如下,防止遗忘。

Read More »

WordPress @ LAMP 踩坑

引子

一直将博客托管在虚拟主机上,然鹅自己有一台 VPS 用于科学上网有些浪费,索性将博客迁移了过来,因为从合租变成别墅,速度也有小小提升。折腾期间遇到一些问题,记录如下,如遇到新问题,也会不断更新。

lamp_banne

Read More »

Mac OS 日常使用小技巧

Mac OS 固然优秀也绝非传说中那么神,接触一年有余,日常使用中我也遇到了一些小问题,现汇总如下,如能帮到遇到类似问题的朋友,我非常高兴。

Read More »