前端部署中添加版本和保留旧版本的必要性

背景

前端项目会部署在云服务商的 CDN 上面,CDN 的缓存如果不强制刷新目录的话,会定期刷新缓存。试想一下,当更新一个服务时,虽然制品仓里面的资源已经更新,https://www.example.com/index.html 里面的静态资源链接也已经更换,但是部分非常规链接,例如 https://www.example.com/index.html?from=others,缓存还没有刷新,仍旧在访问已经不存在的静态资源,就会导致诸如白屏这样的前端事故。

"前端部署中添加版本和保留旧版本的必要性"继续阅读

《浮想录》 – 陈旭麓 著

读完时间:~ 2020 年 09 月 21 日

出版时间:2019 年 7 月

作者把思想变为语言,读者把语言变为思想,似是而非的语言容易揭穿,要破除人们习非成是的思想却要困难得多。

历史学看来是探索过去,实际上应该是为了现在与未来,那些食古不化的人,永远只知道历史就是历史。

未来,永远是一个任人驰骋思想的天地。但不管是宗教家的想象、思想家的想象、艺术家的想象,还是科学家的想象,他们想象中的未来世界不管有多么玄妙,都不可能超越他们那个时代所能想象的范围。

"《浮想录》 – 陈旭麓 著"继续阅读

《结构性改革》 – 黄奇帆 著

读完时间:~ 2021 年 03 月 23 日

出版时间:2020 年 8 月

序一 一部为解决经济难题提供对策的好书

如何尽快缩小城乡发展差距。城乡发展差距大是当前国民经济面临的最大矛盾。党的十九大提出我国社会的主要矛盾已经转化为人民日益增长的美好生活需要和不平衡不充分的发展之间的矛盾。发展的不平衡不充分集中体现在城乡之间发展的不平衡和农村发展的不充分。

"《结构性改革》 – 黄奇帆 著"继续阅读

如何在 CentOS 7.x/6.x 安装/更新新版 Git

0. 卸载 Git[如果已安装]

yum remove git

1. 安装 WANDisco repo 包

yum install http://opensource.wandisco.com/centos/6/git/x86_64/wandisco-git-release-6-1.noarch.rpm
# 或者
yum install http://opensource.wandisco.com/centos/7/git/x86_64/wandisco-git-release-7-1.noarch.rpm
# 或者
yum install http://opensource.wandisco.com/centos/7/git/x86_64/wandisco-git-release-7-2.noarch.rpm

"如何在 CentOS 7.x/6.x 安装/更新新版 Git"继续阅读

如何知道 window 的 load 事件已经触发

背景

为了使页面加载更快,常常将一些不重要的第三方脚本在页面完成加载后进行懒加载。

// 做一些不影响业务的事情
window.addEventListener('load', () => {
  // 懒加载埋点分析
  loadScript({
    url: 'https://www.domain.com/test.js',
    timeout: 10000
  }).then(() => {
    console.log('ok');
  }).catch(console.error);
  // 其他
  // ...
});

"如何知道 window 的 load 事件已经触发"继续阅读

CSS 预处理脚本 Sass/Scss 进阶

进阶语法

1 混合器

开发者在编写整个网站的时候常常遇到类似或者一样的样式块,例如 Bootstrap 中的栅格样式。当然如果重复的次数少又简单,当然没有什么影响,可当项目变得越来越复杂,产品需求越来越多,复制粘贴就很难应付了。此时便可以使用 Sass 的混合器来实现大段样式的重用。混合器使用标识符 @mixin 定义,在 @mixin 后面跟一个自定义的名字,然后用花括号内填写需要重用的样式。定义完以后便可以在样式中使用 @include 引用这个混合器。

"CSS 预处理脚本 Sass/Scss 进阶"继续阅读

CSS 预处理脚本 Sass/Scss 入门

一、背景

使用前端 UI 框架(例如:Bootstrap、Mustard UI)的时候,虽然我们可以直接修改源码里面的 CSS 样式,但是修改起来非常麻烦低效;好在大多数框架是基于当下流行的 CSS 预处理脚本 Less 和 Sass 编译开发的,通过修改官方给出的 Sass 源码,我们可以很方便的定制它们。

"CSS 预处理脚本 Sass/Scss 入门"继续阅读