什么是 js 的延迟加载
js 的延迟加载就是等页面加载完毕后再加载 js 文件(这里尤指外部 jsvascript 文件)。采用延迟加载的好处就是有助于提升页面的加载速度。
在编写 javascript 时我们深切的体会到变量给我们带来的好处与便利。对于变量的渴求,使Sass/Less/Stylus这些工具应运而生。
在 CSS 预编译器横行的时代,CSS 也不甘落后,为迎合众多前端工程师的需求,CSS工作组迅速跟进CSS变量的规范制定。
最近读文章读到一个被我忽略的知识点,border
的颜色默认值是其字体 color
值。突然发现每天都要打交道的老伙计居然还有这隐藏特性,估计是一般 border
的颜色跟字体颜色不同,直接被我忽略了这个特性。惭愧啊,学艺不精。不过现在知道也不晚,好知识要的就是积累。言归正传,开始记录新知识点,css3 的拓展关键字 currentColor
。这个知识点是阅读 张鑫旭大神的《currentColor-CSS3超高校级好用CSS变量》这篇文章时知道的,大神的博客风格幽默诙谐,品质上佳。这篇文章发表于2014年,距离现在有四年的时间了,按时间算也是个老知识点了,但是对我来说还很新很新。
发现神器一个☝️,在前段时间搞 webpack 模块化开发 + vue 组件时被安利了一个自适应方案 viewport.js + px2rem
。用完后才明白什么才是高级自适应!
首先科普一个知识点,这个知识点也就是该自适应方案的原理所在,同时也结束了我多年的困惑😖,感谢这位大大的总结!链接如下:
CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport
这个是 px 转换为 rem 单位的一个 loader 的文档
px2rem-loader
最近在写一个手机端页面时有个需求,就是Safari分享页面到其他社交软件时需要设置分享缩略图,第一次接触,有点没思路。第一时间去万能的百度搜了一下没找到,多是写微信分享的相关信息。后来找了个官网查了下源码发现了突破点,经过关键词搜索终于知道这是啥了。需求顺利完成,这个新知识点也get到了。
关键词:OG协议——Open Graph Protocol(开放内容协议)
阿里云活动页源码:
1 | <meta property="og:title" content="双11红包来啦" /> |
这段代码来自《Javascript 高级程序设计(第3版)》作者:Zakas.Nicholas C.
写下博客中是为了方便查找和手敲增加记忆。这段代码包含了 呈现引擎 、平台、Windows操作系统、移动设备、游戏系统。