标签归档前端

如何通过删除某些字符来减小字体文件的体积

Chris Yue No Comments

可能有的小伙伴看到标题会觉得莫名其妙:为什么要减小字体的体积?一般来说,减小字体体积的需求基本都出现在提高网络传输效率上。比如说,我为什么会去研究这个问题,就是因为我最近用 Three.js 来做 3D 演示的时候,在 3D 界面里显示文字必须加载字体文件。但众所周知中文字体文件也太大了,导致页面加载大部分时间都花在了字体的下载上。另外 CSS3 早就支持加载远端字体来丰富页面的字体显示,但因为中文字符太多字体文件太大,导致这个功能在中文网页领域一直没有得到快速推广。

不要再把 script 标签放 body 末尾了

Chris Yue 4 comments

作为一个前端工程师,你是不是经常听到,或者自己也认同一种说法,『为了加快页面的加载,script 标签得放在 body 标签的结尾处』。不知道大家是否真的有去搞明白这个说法的由来是什么,script 放在 body 结尾处就一定会加快页面的加载速度呢?

到底 em 和 rem 是什么玩意儿?

Chris Yue No Comments

前段时间面试了一个前端工程师,侃侃而谈利用 rem 来做手机屏幕适配,我问他,rem 具体是什么单位呢?它本身是用来干嘛的?跟 em 有什么关系吗?这位哥们儿眼睛一歪,想了一会儿,摇摇头…… 我笑着跟他说,没关系,其实心里在想,这都不知道,还手机适配呢 =。=

一句 CSS 让 fontawesome 图标字体变细

Chris Yue No Comments

自从 iOS 某个版本发布之后,前端的流行趋势是什么都越来越细…字体越来越细…图标线条也越来越细。而老物 fontawesome 粗壮的线条风格很显然已经跟不上流行的趋势了,不过在现代的浏览器里,倒是有办法让 fontawesome 改头换面,重获青春。

数据视图双向绑定(jQuery 实现)

Chris Yue 2 comments

最近在做一个购物车相关的项目,前端开发的需求无非就是点货物数量两边的『加号』和『减号』,或者直接修改购物车数量里的数字(文本框),可以实时改变购物车总金额数量的显示,以及加减号可点状态的变化(到数量 1 就不能再点减号,到库存最大数就不能再点加号……)。当然,这里面还涉及到很多复杂的逻辑,比如购物车里删除单品,跨境商品和普通商品必须分开结账等……