今天,来聊聊 CDN 原理

最近为了解释一个系统的工作原理给一个大概什么都不懂的人,煞费苦心的解释了一堆,才发现我并不能比较浅显易懂的去解释一些原理,自己对于一些原理掌握的也并不是非常精准,所以决定从 CDN 开始慢慢介绍一些东西的原理练手——向阮老师学习!

CDN 是个啥

先从 Google 出来的介绍说起:

- 阅读剩余部分 -

技术写作指南 - 合

译者按:本书原文分为不同的 Chapter,为了方便发(cou)表(gengxin)拆分成起承转合四章,小标题按照原章节。
原书:https://www.dozuki.com/Tech_Writing

Chapter 9 - 法律要求

到目前为止,本手册涵盖了很好的主题,但是你的手册中必须包涵一些内容。

文档应该使读者准备好安全的使用本产品。美国法律规定,手册必须列出「有意或无意但是可合理预见的产品使用方式」可能造成的任何危害。在下列情况下,你有法定义务警告消费者:

- 阅读剩余部分 -

技术写作指南 - 转

译者按:本书原文分为不同的 Chapter,为了方便发(cou)表(gengxin)拆分成起承转合四章,小标题按照原章节。
原书:https://www.dozuki.com/Tech_Writing

拍摄过程

有人曾经说过……一图胜千言。一点不错!不要只告诉读者怎么做,向它们展示一下怎么做。

纵观历史,图在手册上并没有得到足够多的关注——甚至是在服务手册上,照片大概是不太好的刹车与停下来的汽车之间的区别。标准化的圣杯,ISO 9001 文件通常只有文字。鉴于历史上印刷成本的高昂,这确实有一定道理。但是过去是过去,现在是现在。欢迎来到数字革命:世界成为了你的高分辨率的囊中之物。

- 阅读剩余部分 -

技术写作指南 - 承

译者按:本书原文分为不同的 Chapter,为了方便发(cou)表(gengxin)拆分成起承转合四章,小标题按照原章节。
原书:https://www.dozuki.com/Tech_Writing

Chapter 3 - 如水晶般明晰

想象一下你的话像一扇滑动玻璃门。现在脑补一下:撞向玻璃门——贼硬。这就是你的写作应该多干净:干净的要命。

避免混淆:一种常识性的方法

查看这个产品说明:

为了让来让粗略构思的机器设计理念尽善尽美,工作一直在进行着。该机器不仅能用于单边相减振器的你像反应电流,而且还能够自动同步红衣仪。这种机器就被称为涡轮机(Turbo-Encabulator)。

你 gai 到点了吗?好的,我们也没有。

- 阅读剩余部分 -

Vue 再来唠唠双向同步

之前其实谈到了双向同步在 Vue 中的实现方法,尽管 Vue 在 2.x 移除了 .sync,在 2.3.0+ 又重新引入。这一次也并不能简单归纳为「重新引入」,而和 v-model 一样,改为了一种语法糖。

先来重新看下 Vue 官方对于 .sync 的定义:

<comp :foo.sync="bar"></comp>
<!-- 会被扩展为 -->
<comp :foo="bar" @update:foo="val => bar = val"></comp>

- 阅读剩余部分 -

fixed 与 transform 相爱相杀的故事

上周和上上周一直苦恼于加动画,因为作为一个永远只能脑补出第一帧和最后一帧的动画渣,永远都不知道中间发生了什么,而这次遇到了一个问题,本身我的位置依靠的是 position: fixed 和一个依靠 display: flex 定位居中的元素来进行布局的,在动画表现时出现了位置不对的问题。

在一番 Debug 后(Emmm 具体的 Debug 方式就是控制变量法,人肉 Debug),我最后确定是 transform: scale(...)position: fixed 的冲突问题。

- 阅读剩余部分 -

[翻译] Makefile - 失落的艺术

译者吐槽:尽管 Makefile 似乎与前端渐行渐远,不过还是有很多神奇海螺一般的魔法值得我们去入门,本文与前端的内容相结合进行了一番介绍和示例科普,适合所有对 Makefile 一脸懵逼的小伙伴。

原文:http://www.olioapps.com/blog/the-lost-art-of-the-makefile/

我做过许多 JavaScript 项目。JavaScript 目前的潮流是使用用 JavaScript 书写和配置的构建工具像 Gulp 或者 Webpack。我想要讨论的是 Make 的长处(尤其是 GNU Make)。

- 阅读剩余部分 -