ielgnaw's home http://ielgnaw.com ielgnaw's article, code and some projects. en 在腾讯云上搭建开发环境,配置科学上网 http://ielgnaw.com/article/setup-development-environment-in-tenceneclound 2018-02-12 18:18:56 http://ielgnaw.com/article/setup-development-environment-in-tenceneclound ielgnaw 之前为了翻墙购买了 Vultr 的 VPS,顺便在上面搭建了本站,但是最近访问 Vultr 日本节点貌似不太稳定,导致有些小伙伴访问本站时不时的无法访问,因此就有了把本站迁往国内服务器的想法。基于各种原因的考虑,最终选择了腾讯云。这篇文章中,先给大家介绍一下在腾讯云上搭建开发环境,配置科学上网,安装 Git, zsh, nginx, Node.js 等等。后续的文章会给大家介绍如何利用 nginx, Node.js 搭建一个 HTTPS 的个人站点。... 新的开始 http://ielgnaw.com/article/new-start 2017-09-17 23:00:33 http://ielgnaw.com/article/new-start ielgnaw 2017.09.13 入职新的公司,一段新的征程开始了,希望在这里能比在百度走得更远。... 有限状态机在 JavaScript 中的简单应用 http://ielgnaw.com/article/simple-fsm-in-js 2017-08-01 00:44:48 http://ielgnaw.com/article/simple-fsm-in-js ielgnaw 这篇文章介绍一下有限状态机以及用 js 实现一个简单的有限状态机。 首先来看看有限状态机的解释: 有限状态机(英语:finite-state machine,缩写:FSM)又称有限状态自动机,简称状态机,是表示有限个状态以及在这些状态之间的转移和动作等行为的数学模型。... new Image() VS document.createElement('img') http://ielgnaw.com/article/new-image-vs-createelement-img 2017-07-23 23:25:06 http://ielgnaw.com/article/new-image-vs-createelement-img ielgnaw 我们都知道,在前端开发中创建图片有两种方试,分别是 new Image() 和 document.createElement('img')。具体调用方式: var img1 = new Image(); var img2 = document.createElement('img'); 初一看,貌似没什么区别,但仔细看看,总是觉得有什么不同,下面我们就来从详细分析这两个方法的区别。... INLINE_CSS VS INTERNAL_CSS VS EXTERNAL_CSS http://ielgnaw.com/article/INLINE_CSS-VS-INTERNAL_CSS-VS-EXTERNAL_CSS 2017-07-18 01:34:35 http://ielgnaw.com/article/INLINE_CSS-VS-INTERNAL_CSS-VS-EXTERNAL_CSS ielgnaw 本篇文章介绍不同类型样式的一些优缺点。... 常用正则表达式(保持更新) http://ielgnaw.com/article/commonly-used-RegExp 2017-07-15 14:47:18 http://ielgnaw.com/article/commonly-used-RegExp ielgnaw 正则表达式无论是在任何语言的开发中都是很常见的,有时候也能给我们带来一些意想不到的收益,这篇文章用来积累一些常用的正则表达式,长期保持更新~~~... Chrome Remote Debug 初探 http://ielgnaw.com/article/Chrome-Remote-Debug 2017-07-14 23:54:12 http://ielgnaw.com/article/Chrome-Remote-Debug ielgnaw 最近因为工作需要,研究了下 lighthouse,顺气自然的就接触到了 Chrome DevTools Protocol,今天在这里就先简单介绍下 Chrome 远程调试协议。后续会给大家继续深入的介绍~... React Native Code Push Android http://ielgnaw.com/article/react-native-code-push-android 2017-01-14 23:18:39 http://ielgnaw.com/article/react-native-code-push-android ielgnaw 前面几步 安装 code-push-cli 工具,初始化 react native 工程,在工程内安装 react-native-code-push,add link,修改代码 均和 iOS 的文档一致。... React Native Code Push iOS http://ielgnaw.com/article/react-native-code-push-ios 2017-01-13 12:32:46 http://ielgnaw.com/article/react-native-code-push-ios ielgnaw 最近研究了下 React Native 的 Code Push 热更新,这里做个记录,便于之后查阅,先来 iOS 版本~... 一些简单的算法 http://ielgnaw.com/article/js-algorithm 2015-06-07 06:50:15 http://ielgnaw.com/article/js-algorithm ielgnaw 本文介绍一些简单的算法在 js 中的实现。... setTimeout 和 setInterval 的区别 http://ielgnaw.com/article/difference-between-setTimeout-and-setInterval 2015-05-10 21:55:18 http://ielgnaw.com/article/difference-between-setTimeout-and-setInterval ielgnaw setTimeout 和 setInterval 是 js 中延迟执行的两个方法,这两个方法大家经常会用到,下面我们来详细说说这两个方法。 定义 先来看看定义,MDN 对这两个方法给出的定义如下: setTimeout: Calls a function or executes a code snippet after a specified delay. setInterval: Calls a function or executes a code snippet repeatedly, with a fixed time delay between each call to that function. Returns an intervalID. 从定义中我们可以看出基本区别,setTimeout 在指定的时间 delay 后,执行一次;而setInterval 是每隔 delay 时间后就执行一次。 这两个方法对应的清除延迟的方法分别是 clearTimeout 和 clearInterval... 为什么要使用基于时间的动画以及如何实现它【翻译】 http://ielgnaw.com/article/translate-using-time-based-animation-implement 2015-05-03 20:57:28 http://ielgnaw.com/article/translate-using-time-based-animation-implement ielgnaw 原文地址: http://blog.sklambert.com/using-time-based-animation-implement 当我写这篇文章的时候,我并不知道使用基于时间的动画的重要性。直到后来,有人告诉我我所使用的基于帧的动画会导致一些问题。 我决定要学会这个基于时间的动画以及它为何如此重要。我在其他的游戏中见过几次,但是我还没有理解。 不用说了,我希望尽快的补救我的知识,赶紧学习为什么基于时间的动画是制作游戏的唯一方式。希望这篇文章将帮助你了解为什么基于帧的动画会出现一些问题以及基于时间的动画如何解决上述问题。... 正则表达式学习(二) http://ielgnaw.com/article/RegExp-learning2 2014-02-24 17:53:37 http://ielgnaw.com/article/RegExp-learning2 ielgnaw 上一篇文章简单介绍一下正则表达式的一些常见的元字符以及一些特性,这篇文章介绍一下正则表达式在 js 里的一些方法。 在源代码中使用字面正则表达式 // 该正则表达式包含单个的字符类, // 会匹配一个美元符号、一个双引号、一个单引号、一个换行符、0~9的任意数字、一个正斜杠或者一个反斜杠。 // 这个正则表达式硬编码到源代码中。 var reg = /[$"'\n\d\/\\]/; 在 js 中,创建正则表达式的最好方式是使用字面正则表达式的特殊语法。可以简单把正则表达式放在两个正斜杠之间。... 更加健壮的 isArray 方法 http://ielgnaw.com/article/more-robust-isArray-method 2014-02-12 17:47:37 http://ielgnaw.com/article/more-robust-isArray-method ielgnaw 在实际项目开发过程中,我们经常会遇到检测一个对象是否是数组的情况,这里会有一些坑,现在来说一说。 javascript中,检测对象类型有下面这么几种方法:... 如何更新 Node.js http://ielgnaw.com/article/how-to-update-Node.js 2013-12-09 00:16:12 http://ielgnaw.com/article/how-to-update-Node.js ielgnaw 有时候机器上的 Node.js 版本会导致一些奇怪的问题,比如我最近遇到的这么个问题,Node causes uglify-js package to throw ReferenceError on parse.js line 53,这个 issue 最后也没给出一个确切的答案,看了下我机器的 node 版本,是 v0.11.7,然后更新我的 Node.js。 更新 Node.js 用到了这个 npm 模块,n,步骤如下:... 正则表达式学习(一) http://ielgnaw.com/article/RegExp-learning 2013-12-07 15:18:02 http://ielgnaw.com/article/RegExp-learning ielgnaw 最近学习了正则表达式,在这里记录一下。个人认为正则这个东西主要还是多看多用,熟练工种。。。用多了自然就熟悉了……这篇文章主要记录了一些元字符的用法以及正则表达式的一些特性例如回溯引用、前后查找等等。... Node.js 打开浏览器 http://ielgnaw.com/article/Node.js-open-browser 2013-11-25 00:34:31 http://ielgnaw.com/article/Node.js-open-browser ielgnaw Node.js 打开浏览器,代码如下: var process = require('child_process'); process.exec("start http://www.baidu.com"); 以上代码是打开系统默认浏览器。如指定浏览器,如下:...