KyoChou

简单来说，骨架屏（skeleton screen) 就是一个页面从html 下载完成到 js 下载完成并且执行数据渲染这两个时间点之间暂时渲染页面基本结构的方案。 上图形象地解释了两个多页面程序之间的切换，用Skeleton Screen 去优化用户观感的方案。 Skeleto…

1. 含义 CSS3 的 animation 是通过关键帧的形式做出来的。使用时常结合 transform 属性进行制作。 1. timing-function 属性

当找到脚本之后，点击安装即可，然后在相关网站，就会有效果了。例如，在百度网盘下载页面，就会有百度助手下载按钮出现。 在相应页面点击油猴扩展，可以查看脚本，可以禁用。也可以卸载安装过的脚本。 简单好用的新浪微博图床,支持选择/拖拽/粘贴上传图片,并生成图片地址,HTML,UBB和…

本人是一名前端开发，主力语言是 Javascript，本着学习一门新语言的心态，开始了 go 语言的学习。 想要学习 go 语言，首先要学会 go 语言开发包的安装和使用。安装 go 语言开发包有两种方式。 从 go 语言官网下载对应的系统版本进行安装。 使用Homebrew进…

然而，只是单单阅读推文并不会告诉我们始末。这篇文章旨在告诉读者两者的适用场景，以及在哪种情况下只能选择使用其中一个。 当浏览话题下面的回复时，我发现相当大数量的人只在页面级的布局中使用Grid，其他情况下直接使用 flexbox。如果你把这个当成一条准则，那么你在严重地限制自己…

现在你可以在组件作用域之外创建响应式对象。并且当你在组件里使用它们时，它会在发生改变时触发相应的渲染更新。 基于此，你可以在不需要 vuex 的情况下就能创建一个简易的 stores，非常适合于一些简单的场景，比如说仅需要跨组件共享外部状态。 举个例子，我们现在就来创建一个简单…

持续集成 (Continuous integration)是一种软件开发实践，即团队开发成员经常集成它们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。 持续部署（c…

情人节一大早就接到报警，一台测试服务器磁盘满了，这很程序员。 通过 df -h 只能看出磁盘满了，但是看不出每个文件夹的大小，所以需要使用 du -ahd1 ,如果文件不是很多，很大，一般速度还能接受，但是今天执行相当慢，所以 Ctrl+C 中止。 如果被删除的文件 df -h…

但响应头部没有这些header。除了常规的header，仅出现了一个配置配置在location中的header X-Cache。 第一印象是CDN过滤了这些header？于是找Cloudflare的文档，没发现会对这些进行处理。转念一想，CDN过滤这些干啥啊？吃饱了撑的啊？他们…