记一次 npm dependencies 优化升级

每次看到老项目 package.json 里的 dependencies,我就很焦虑,有些人竟然能把 npm/install 等安装为 devDependecies,更有甚者装了但不用,就是玩儿,我就气不打一处来。终于在双十一之前有时间能整理一波了

11/6/2021
Vue
在 Vue2.x 项目中使用 Vite

随着 Vue3 的发布,尤大新推了一个前端构建工具——Vite,它在前端圈达到了『真香』效果,我也跃跃欲试,但奈何目前的项目都是 Vue2,而且升级 Vue3 的难度稍大,但是 Vite 并不强制要求 Vue3,于是折腾了一天的时间搞定了 Vite in Vue2

11/5/2021
Vue、Vite
新年即出发

经历过这一切后,重新开始,再去相信生活,然后一点一点地重拾自信。

1/1/2021
年终总结
使用 GitHub Actions 将 React App 部署到 GitHub Pages

简单记录一下使用 GitHub Action 的过程

5/5/2020
GitHub Actions、React
macOS 折腾记

macOS 折腾记:某一天脑子一抽把电脑还原了,之后折腾了半天,于是就有了这篇文章。

4/18/2020
工具
2019 读书小结

书山有路勤为径,学海无涯苦作舟。

12/30/2019
年终总结
一个人和他自己的故事

《挪威的森林》里有这样一段话,『尽管如此,记忆也还是一步步远离了。我忘却的东西委实太多了。在如此追踪记忆写这篇东西的时间里,我不时感到惴惴不安,因为我怀疑自己是不是连最关键的记忆都失去了。说不定我体内有个叫记忆安置所的昏暗场所,所有宝贵的记忆统统堆在那里,化为一摊烂泥。』我希望在我打开记忆安置所的时候,那里不至于是一摊烂泥。

12/30/2019
年终总结
如何解决 Gatsby.js 添加 RSS 报错问题?

解决 Gatsby.js 博客添加 RSS 后可能报错的问题

11/23/2019
Gatsby、RSS
如何在 Gatsby.js 中使用 BizCharts?

BizCharts 踩坑记录:Gatsby.js 在服务端渲染(SSR)模式下使用 BizCharts

11/23/2019
Gatsby、可视化
『书』擦去眼泪,如同掸去身上的稻草

余华——《活着》&《许三观卖血记》

9/20/2019
读书笔记
『TypeScript』如何对 JS 进行类型检查

借助 VSCode 和 TypeScript 对 JS 进行类型检查。

8/31/2019
TypeScript、JavaScript
『TypeScript』实用类型

TypeScript 提供了一些全局可用的实用程序类型,通常和泛型一起使用,以便进行类型转换。

8/28/2019
TypeScript
『TypeScript』高级数据类型

TypeScript 高级类型,例如交叉类型、联合类型、枚举类型等。

8/25/2019
TypeScript
『TypeScript』基本数据类型

JavaScript 是一门动态类型语言,它对变量的类型非常宽容,虽然足够灵活,但是也埋下了一些『坏代码』的味道。 而 TypeScript 中添加的类型系统,让 JS 拥有了静态类型检查系统,强大且灵活。

8/11/2019
TypeScript
远方有多远?请你告诉我——Hello World

岁月之美,在于它的必然流逝,一个人总是在岁月的流逝中,在过去、现在、未来里追寻自我。人生如逆旅,我亦是行人,愿我们一笑依然如春温。

7/8/2019
随笔、年终总结
『译』ES2019 简明指南

ECMAScript 是 JavaScript 的标准,它通常简写为 ES。在本文中让我们一览 ES2019 中新增的功能。

6/18/2019
JavaScript
五一游记

终于,五一如期而至。虽说来北京快三年了,但出去玩的次数屈指可数。前段时间太忙,频繁加班,都没有好好欣赏北京的春天,转眼已经到了夏天。所以决定在这个假期里抓住春天的尾巴,来一次单人旅途。

5/4/2019
随笔
『书』打发地铁通勤时间的书(书摘)

了解历史,理解当下,窥探未来。

3/30/2019
读书笔记
『译』每个 JavaSript 开发者都需要知道的 ES2018 新功能

这篇文章详细介绍了 ES2018 标准中添加的几个新功能,例如 rest/spread 属性、异步迭代和 Promise.prototype.finally 等。

1/31/2019
JavaScript、译文
『译』创建 JavaScript 函数的 7 种方式

认识 JavaScript 一等公民——函数,以及所以关于它的定义或声明方式。

1/13/2019
JavaScript、译文
2018 后会无期

时光在不经意间流逝,岁月在无情地镌刻。年末总让人感怀。讲不出再见,却也只能说明天你好!

1/1/2019
年终总结
『译』JavaScript 错误处理权威指南

错误并不可怕。通过这些错误我们可以了解哪些事情不能做,以及在下次遇到这种情况时,如何更好地处理。

12/16/2018
JavaScript、译文
Vue.js 开发不完全指南

今年三月份到现在,一直在做 Vuejs 的 Web 开发。我想现在是时候回头看看,这近一年的开发,我们都经历了什么?我想这其中滋味,酸甜苦辣俱有。

12/9/2018
Vue
『译』你应该要知道的 Array.map() 的 4 种用法

map() 通过在数组元素中每一项上调用一个函数来创建新的数组。map() 是一个非变异方法,它会创建一个新数组,而不是在被调用数组上做出更改。

11/10/2018
JavaScript、译文
『译』「Chrome Devtools」网络问题指南

这篇指南会向你展示如何在 Chrome DevTools 的网络面板中检测网络问题或者优化方向。

11/4/2018
Debug、Chrome、译文
『译』5 个小技巧,让你在 JavaScript 中写出更好的条件语句

让我们一起“生产”更多易读的代码。我希望你能从这篇文章中学到新的东西。

10/21/2018
JavaScript、译文
8 月随笔

一直在写代码,代码写的有点烦,有时就会想写点别的什么文字。本来想用手写的,无奈有些字虽然在脑子里,但是已经写不出来了。这些拼凑起来的文字,权当发发牢骚、排忧解愤,如此而已。

8/26/2018
随笔
回眸 2017

2017 年,时间在忙忙碌碌中悄然逝去,如往常一般不曾察觉,只是在此刻却有一丝伤感与无奈。这一年,依旧是在经历着世间酸甜苦辣的生活,有过加班到深夜的困乏,有过对未来的迷茫与纠结,但我相信这一切都会随时间流走。这篇文章用来告别 2017 ,再见,你好!

12/31/2017
年终总结
重构博客——开发环境搭建

在 2016 年年末,为 2017 年定下了几个小目标,其中之一便是重构这个博客站点。刻不容缓,现在就开始来实现这个小目标。技术栈:前端基于 Vuejs 和 Element-UI ,后端主要用 Nodejs & Express 搭建而成,数据库则是用了 MongoDB ,前后端通信基于 Ajax !

1/2/2017
Blog
道阻且长:我的 2016

如往常一般模样,这一年在转眼间飞逝而去,忙忙碌碌却又碌碌无为。正如庄子所曰:人生天地之间,若白驹过隙,忽然而已。

12/31/2016
年终总结
VSCode 插件开发——七牛图床工具

已经接近一个月没有更新博客文章了,可能是因为太懒了,也可能是比较忙。这段时间开始用 Visual Studio Code 进行开发,感觉它确实比其他编辑器更快、更轻,但唯一的缺点就是插件生态不是那么成熟。那么自己动手,丰衣足食。

10/26/2016
VSCode
微信小程序——知乎日报

2016月9月,微信开始内测“小程序”,引起了各路开发者的关注,网上的教程也是如雨后竹笋一般的冒了出来,而且 Github 上已经有了 awesome-wechat-weapp 系列了,收集了小程序的开发教程、官方文档、设计规范、API 等等资源。今天也来用微信小程序练练手,做了一个微信小程序版的知乎日报。

9/28/2016
小程序
『译』在你的 WordPress 项目中使用 Let's Encrypt SSL

随着 HTTP2.0 的发展,HTTPS 也变得流行起来,本来想为我的这个博客添加 HTTPS ,但是受限于服务器的原因,不能安装 SSL 证书。这篇文章算是为以后启用 HTTPS 吹响号角吧!

8/11/2016
HTTPS、译文
IE8 兼容性总结

这几周经历了一个项目,要兼容到 IE8 浏览器,在开发过程中踩了不少的坑,尤其是 flexbox 布局,Chrome 和 Firefox 完全兼容,但是 IE8 就没那么轻松了。既然坑踩了,那么就总结下来这些 IE8 常见的兼容性问题,以免以后再踩到以一毛一样的坑(应该不会了,IE8 的寿命也许不长了吧)!

8/8/2016
CSS
CSS 渐变的角度问题

今天在看《CSS揭秘》这本书的时候,作者用渐变做出了一个切角的效果(把矩形的四个角切掉),她使用 background 属性来制作了这个效果,不得不惊叹作者对于 CSS 的高超运用。但是在我动手做的过程中发现,在 CSS 中渐变的角度似乎和我们平常理解的角度有些许差别,为此查阅了一些资料,果然有出入,所以在此分享一下!

7/28/2016
CSS
CSS 中有趣的 filter 属性

昨天在 Sitepoint 看到一篇文章,是关于 CSS 的 filter 属性的,觉得有趣,把它翻译过来。

7/25/2016
CSS
Gulp and Browser-sync

我今天发现利用 browser-sync 可以同时在 PC 和 移动端预览效果,我承认我发现的有点晚😅。。。

7/20/2016
Gulp
优化博客性能

今天发现博客首页的加载速度比较感人,于是就用 Google 出品的 Pagespeed Insights 检测了一下,发现了不少问题,而且这些问题都严重拖慢了加载时间。

5/7/2016
性能优化
利用 TravisCI 自动部署 Hexo blog

Travis CI 是在软件开发领域中的一个在线的,分布式的持续集成服务,用来构建及测试在 GitHub 托管的代码。这个软件的代码同时也是开源的,可以在 GitHub 上下载到,尽管开发者当前并不推荐在闭源项目中单独使用它。

4/25/2016
Hexo
Stylish —— 优雅地刷网页

在 PC 端 QQ 空间看朋友动态、刷微博的时候你是否觉得有些东西太碍眼、太复杂了,对,我就是这样觉的,所以呢,下面就让 Stylish 还给你一个清爽优雅的界面。

4/23/2016
CSS
一些我自己常用的优质Apps

移动端的Apps数不胜数,所以高质量的Apps经常会被淹没。这些都是通过自己亲身使用,感觉很顺手且颜值也高的应用,推荐给大家喽。

4/21/2016
工具
前端性能优化

时间黄金法则:只有 10%-20% 的时间花在下载 HTML 文档上,其余 80%-90% 都花在下载页面组件上,以下规则大部分都是摘自“雅虎军规”。

4/9/2016
性能优化
Ajax学习笔记

Ajax 即 Asynchronous Javascript and XML(异步的 Javascript 与 XML 技术),简单来说就是无需刷新整个页面就能更新用户界面,从而更快地响应用户行为的一套技术。

4/8/2016
JavaScript
搭建个人博客 Hexo & Github Pages

工欲善其事,必先利其器。在开发过程中用到的软件有 Nodejs / Sublime Text3 / Git 等,参考资料主要是官方文档。

4/7/2016
Hexo