趁着同事作为讲师参加 Modern Web 2017 的机会,我也蹭着来台湾游玩学习了一把。由于十号的会议,所以我们计划提前几天从高雄由南一路北上到台北玩耍过去。 前言 本来预定的四号早上八点的飞机到香港然后香港转机到高雄,预计是下午一点多到的。结果某人最近比较哀,在天气一路开绿灯飞机也已经在机场的情况下碰上了飞机坏掉了的 BUG!结果只能改签到下午的飞机,结果我们到晚上八九点才算是抵达高雄。[摊手] 而且郁闷的是箱子被撞坏了一个角,看…

阅读全文 →

2017-08-05

原文:http://www.zcfy.cc/article/3733 令人欣慰,React 16 首个 beta 版已经发布可以公开测试了!下面我来告诉大家如何使用以及新版的一些值得注意的地方。 如何使用 安装 由于还是 beta 版,为了保障正常 NPM 安装还是使用 15.6 正式版,beta 版我们使用 next 标签发布在 NPM 上,你需要使用如下命令安装使用 beta 版: # Yarn yarn add react@ne…

阅读全文 →

2017-07-30

原文:http://www.zcfy.cc/article/3330 我最近和我的一个好朋友以及我的一个前同事一块聊了聊如何提升他的软件开发技能的方案。这让我想起了我在我的工程师生涯中指导帮助过的那些人。我认为将自己所学的内容写成文章来帮助那些新晋开发工程师是非常棒的。本文我会介绍一些非常有用的方法来帮助我们提高自己的水平,例如找一个导师,参与社区或者小项目的开发,阅读和提高软技能。

阅读全文 →

2017-06-28

原文:http://www.zcfy.cc/article/3306 Web Animation API 是JavaScript 原生提供的的动画操作 API,本文我们会缩写为 WAAPI。具体内容可以查看MDN,Dan Wilson 也写了一系列教程推荐大家看看。 本文中我们会比较 WAAPI 和 CSS3 Animation 的异同。

阅读全文 →

2017-06-26

SVG 是基于 XML 的矢量图形描述语言,可以近似理解成 HTML,所以能和 JS 以及 CSS 进行交互。 特别是 CSS,配合 CSS Animation 就能实现一些令人心旷神怡的动画,这实在是让人兴奋。下面我们就来看看 SVG 配合 CSS 实现动画的一些方法。 本文内容主要是我之前分享的文字版,若想看重点的话可以看之前的 Slide: PDFObject.embed("/slide/SVG In Action.pdf",…

阅读全文 →

2017-06-19

前些天 webpack2.2 发布了正式版。个人觉得 webpack2 带来的最大的变化莫过于新的官网了 https://webpack.js.org,新官网带来的新的文档比之前的要好太多了。而且早就想试试 Tree Shaking 了,所以趁此时间赶紧升级了一把。虽然已经发布了 2.2 的正式版,不过目前还需要通过 npm install webpack@beta 来安装,大家要注意哦~最新消息,官方已经把 beta 去掉了,现在直接…

阅读全文 →

2017-01-26

之前用 WordPress 和 Typecho 的时候有个功能特别好用,那就是自定义首页。用户可以将某个页面指定成首页,而页面又可以通过自定义模板来个性化。最终达到了个性化首页的目的。这么棒的功能当然 Firekylin 也要支持啦,下面就和大家说说在 Firekylin 中如何实现个性化首页功能。 页面自定义模板 0.15.0 版本新增自定义模板的功能,将自定义模板放置在主题目录的 template 文件夹下,程序就会识别该自定义模板…

阅读全文 →

2017-01-24

大家在使用 ThinkJS 的时候一般都会搭配 Nginx 使用,在 Nginx 中配置 HTTPS 是非常简单的,具体可以参考屈屈老师的《Let's Encrypt,免费好用的 HTTPS 证书》。这样做的原理是 Nginx 接收到 HTTPS 的请求后反向代理到 ThinkJS 服务的端口上,从而达到了 ThinkJS 项目开启 HTTPS 服务的目的。不过有些比较轴的同学可能觉得这种方法还是太麻烦了,经常问 ThinkJS…

阅读全文 →

2017-01-08

用过 ThinkJS 的人都知道,开发模式下 ThinkJS 是支持实时更新的,也就是说不需要我们重启服务就能让修改生效,不得不说这种开发方式真的非常方便。然而对于前端代码我们还是得老老实实的刷新页面才能看到效果,我们能不能让前端代码也支持热更新呢?答案是肯定的。首先我们看一张动图了解我们最终想要功能是什么样的(点击图片查看大图)。 关于前端页面自动刷新,其实有非常多的方案了,从简单的 F5, Live Reload 到 Browse…

阅读全文 →

2016-12-25

众所周知,PHP 是文件型程序,每次请求访问的时候会去读取 PHP 文件然后执行程序。这种机制的程序做更新是非常简单的,把文件更新了下一次请求读取的就会是最新的程序。和 PHP 文件型程序不同,Node 是常驻“内存型”程序,代码在最开始执行脚本的时候就已经读取,模块和依赖都会缓存在内存中。这样的好处就是减少了请求每次读取的时间,能够更快的响应。但是也注定了不能像 PHP 一样只是简单的更新下文件就能达到更新的目的了。本文就 Firek…

阅读全文 →

2016-12-17