记一次 npm dependencies 优化升级

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

November 06,2021
Vue
在 Vue2.x 项目中使用 Vite

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

November 05,2021
Vue、Vite
新年即出发

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

January 01,2021
年终总结
使用 GitHub Actions 将 React App 部署到 GitHub Pages

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

May 05,2020
GitHub Actions、React
macOS 折腾记

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

April 18,2020
工具
2019 读书小结

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

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

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

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

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

November 23,2019
Gatsby、RSS
如何在 Gatsby.js 中使用 BizCharts?

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

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

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

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

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

August 31,2019
TypeScript、JavaScript
『TypeScript』实用类型

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

August 28,2019
TypeScript
『TypeScript』高级数据类型

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

August 25,2019
TypeScript
『TypeScript』基本数据类型

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

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

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

July 08,2019
随笔、年终总结
『译』ES2019 简明指南

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

June 18,2019
JavaScript
五一游记

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

May 04,2019
随笔
『书』打发地铁通勤时间的书(书摘)

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

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

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

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

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

January 13,2019
JavaScript、译文
2018 后会无期

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

January 01,2019
年终总结
『译』JavaScript 错误处理权威指南

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

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

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

December 09,2018
Vue
『译』你应该要知道的 Array.map() 的 4 种用法

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

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

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

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

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

October 21,2018
JavaScript、译文
8 月随笔

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

August 26,2018
随笔
回眸 2017

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

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

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

January 02,2017
Blog
道阻且长:我的 2016

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

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

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

October 26,2016
VSCode
微信小程序——知乎日报

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

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

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

August 11,2016
HTTPS、译文
IE8 兼容性总结

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

August 08,2016
CSS
CSS 渐变的角度问题

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

July 28,2016
CSS
CSS 中有趣的 filter 属性

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

July 25,2016
CSS
Gulp and Browser-sync

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

July 20,2016
Gulp
优化博客性能

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

May 07,2016
性能优化
利用 TravisCI 自动部署 Hexo blog

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

April 25,2016
Hexo
Stylish —— 优雅地刷网页

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

April 23,2016
CSS
一些我自己常用的优质Apps

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

April 21,2016
工具
前端性能优化

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

April 09,2016
性能优化
Ajax学习笔记

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

April 08,2016
JavaScript
搭建个人博客 Hexo & Github Pages

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

April 07,2016
Hexo