重构博客——开发环境搭建

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

道阻且长:我的 2016

如往常一般模样,这一年在转眼间飞逝而去,忙忙碌碌却又碌碌无为。正如庄子所曰:人生天地之间,若白驹过隙,忽然而已。     继续阅读
coderfee's avatar
coderfee 12月 31, 2016

VSCode 插件开发——七牛图床工具

已经接近一个月没有更新博客文章了,可能是因为太懒了,也可能是比较忙。这段时间开始用 Visual Studio Code 进行开发,感觉它确实比其他编辑器更快、更轻,但唯一的缺点就是插件生态不是那么成熟。在开发微信小程序的时候,由于没有 API 提示,于是自己就开发了两个插件,一个是 vscode-wxml ,另一个则是 vscode-weapp-api 。昨天写博客的时候因为要插入图片,步骤也是极其繁琐,于是便有了 qiniu-fig-bed 这个插件。     继续阅读
coderfee's avatar
coderfee 10月 26, 2016

微信小程序——知乎日报

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

【译】在你的 WordPress 项目中使用 Let's Encrypt SSL

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

IE8 兼容性总结

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

CSS 渐变的角度问题

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

CSS 中有趣的 filter 属性

昨天在 sitepoint 看到一篇文章,是关于 CSS 的 filter 属性的,但在这之前我只知道 filter: opacity(30%) ,然而我是不知道 filter 还有诸如 brightness / constrast / heu-rotate / spie 等等这些,CSS 果然博大精深!     继续阅读
coderfee's avatar
coderfee 7月 25, 2016

Gulp and Browser-sync

使用 gulp 和 browser-sync 做开发也已经有一段时间了,他们俩配合着用的话,简直就是提高开发效率的神器。但搞笑的是我今天才发现利用 browser-sync 可以同时在 PC 和 移动端预览效果,我承认我发现的有点晚😅。。。     继续阅读
coderfee's avatar
coderfee 7月 20, 2016

工作的第一周

毕业了差不多一个月了,终于找到了一份说的过去的工作,虽然跟自己想象中的工作还有那么一丢丢差距,但起码也能继续做自己喜欢的事情了。     继续阅读
coderfee's avatar
coderfee 7月 18, 2016

面试——灰机wiki

7月份毕业之后一直在找一份前端方面的工作,昨天终于得到了一次面试的机会。昨天去面试,面试官给了我三道题目,太紧张了,磕磕绊绊的答了一下,不太满意,今天总结一下昨天的几道面试题。     继续阅读
coderfee's avatar
coderfee 7月 08, 2016

发布npm包

npm是由nodejs提供的一个包管理工具,npm可以获取第三方nodejs工具,比如gulp-sass, gulp-autoprefixer等可以大大提高开发效率。Let’s learn it!     继续阅读
coderfee's avatar
coderfee 5月 24, 2016

优化博客性能

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

为Atom编辑器安装本地插件

Atom是一款优秀的编辑器,但是国内的网络环境太让人尴尬了,安装个插件都困难。这几天逛论坛时发现,可以把Github上的插件clone到本地再安装,做一下记录,免得又忘记了。     继续阅读
coderfee's avatar
coderfee 5月 02, 2016

利用TravisCI自动部署Hexo blog

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

Stylish —— 优雅地刷网页

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

一些优质Apps

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

前端性能优化

时间黄金法则:只有10%-20%的时间花在下载HTML文档上,其余80%-90%都花在下载页面组件上,以下规则大部分都是摘自“雅虎军规”。     继续阅读
coderfee's avatar
coderfee 4月 09, 2016

Ajax学习笔记

Ajax即Asynchronous Javascript and XML(异步的Javascript与XML技术),简单来说就是无需刷新整个页面就能更新用户界面,从而更快地响应用户行为的一套技术。     继续阅读
coderfee's avatar
coderfee 4月 08, 2016

搭建个人博客Hexo & Github Pages

工欲善其事,必先利其器。在开发过程中用到的软件有Nodejs / Sublime Text3 / Git等,参考资料主要是官方文档     继续阅读
coderfee's avatar
coderfee 4月 07, 2016