jeffjade_个人页

本博客将入驻“云栖社区”

我的博客即将入驻“云栖社区”，诚邀技术同仁一同入驻。

高效开发 Web 单页应用解决方案

于 2017 年初，有在 Github 建立并维护一个项目：Vue Boilerplate Template，欲成就一款开箱即用 Vue + Webpack 的脚手架模版；其目标与宗旨是：根据以往经验提供一些参考，对于如何构建中大型 Vue 项目。

Npm vs Yarn 之备忘大全

有则笑话，如此讲到：“老丈人爱吃核桃，昨天买了二斤陪妻子送去，老丈人年轻时练过武，用手一拍核桃就碎了，笑着对我说：你还用锤子，你看我用手就成。我嘴一抽，来了句：人和动物最大的区别就是人会使用工具。……”。

与时俱进版前端资源教程

众所周知，前端发展如火如荼，日新月异，而且很长一段时间内都将如此。这份由晚晴幽草轩轩主正在维护的教程列表；旨在为前端学习、 技能提升、 视野扩展、 资料查找等行个方便。将会在日常工作探索、学习中，持续保持更新，增新优之章，除旧失之文；尽可能使得这份列表保持简练，以避免信息过重且冗杂；望其能在浩如烟海的讯息中，堪有所用。

Webpack 打包之体积优化

谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify, Grunt，到后来赢得宝座的 Gulp， 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ；在 browserify,grunt,gulp,rollup,webpack 可以一窥其中部分对比。

如何写一手漂亮的 Vue

前几日听到一句生猛与激励并存，可怕与尴尬同在，最无奈也无解的话：“90后，你的中年危机已经杀到”。这令我很受触动。显然，这有些夸张了，但就目前这日复一日的庸碌下去，眨眼的功夫，那情形就会在这骨感的现实面前，悄然的被显现。

那些你觉得堪称神兵利器的 Chrome 插件

子曾曰：“工欲善其事，必先利其器。居是邦也。”——语出《论语·卫灵公》；其后一百多年，荀子也在其《劝学》中倡言道：“吾尝终日而思矣，不如须臾之所学也；吾尝跂而望矣，不如登高之博见也。登高而招，臂非加长也，而见者远；顺风而呼，声非加疾也，而闻者彰。

轩图辅存

JavaScript 字符串常用操作纪要

JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形，在你处理用户的输入数据的时候，在读取或设置 DOM 对象的属性时，在操作 Cookie 时，在转换各种不同 Date 时，诸此等等，繁不能数；而她那蛮多的 API 呵，总有些让人不愿去记忆的冲动，既然用时常搜，倒不如烂笔头一番，以作了结，顺道也体现下这博客存在的价值，由此就有了这篇纪要。

从 Everything 到 Listary，自 Launch 归 Wox

人生即在于体验，而体验源于去尝试，去折腾，去改变，去塑新。要知道：“过一个平凡无趣的人生实在太容易了，你可以不读书，不冒险，不运动，不写作，不外出，不折腾……但是，人生最后悔的事情就是：我本可以”。生活也好，职场也罢，亦同此理；编程则更如其是。

『录』最全前端资源汇集

前些日子从@张鑫旭微博处得一份推荐 (Front-end-tutorial)，号称 最全的资源教程 －前端涉及的所有知识体系；有粗略查看，果然“叹为观止”，至少比想象中涉猎丰富许多；果断有Fork了来：Front-end-tutorial;本就有收藏&分享欲，这种事儿早期也想做了，勘叹见识未广而深；幸遇这良心收集，得以借他人之酒杯，一浇我心之夙愿块垒。

作为Coder的利器记载

工作近三年，使用PC快六年，拥抱Mac整一年，投具器石榴裙三年。14年第一次被同事推荐Everything，开启了JeffJade对工具的折腾之旅，并乐此不疲。时去两年，这必然是消耗了一些时间，但对效率的提升，心情之保养，以及思维持续扩散，无疑是起了不可磨灭的功绩。

Win下最爱效率利器:AutoHotKey

AutoHotkey是一个windows下的开源、免费、自动化软件工具。它由最初旨在提供键盘快捷键的脚本语言驱动(称为：热键)，随着时间的推移演变成一个完整的脚本语言。但你不需要把它想得太深，你只需要知道它可以简化你的重复性工作，一键自动化启动或运行程序等等；以此提高我们的工作效率，改善生活品质；通过按键映射，鼠标模拟，定义宏等。

新编码神器Atom使用纪要

Atom是 Github 专门为程序员推出的一个跨平台文本编辑器。她很大程度上继承了SublimeText的美，而又不仅如此。有费了蛮大力气总结了一篇关于SublimeText文章: 如何优雅地使用Sublime Text，这其中可以感受个人对于Sublime的钟爱。

折腾之美

过一个平凡无趣的人生实在太容易了，你可以不读书，不冒险，不运动，不写作，不外出，不折腾……但是，人生最后悔的事情就是：我本可以。－－陈素封 工欲善其事，必先利其器。大道至简。因为折腾，所以简洁。 谈及“折腾”一词，查了下度娘处给的释义，几乎都是些贬义。

Win下必备利器之Cmder

诚言，对于开发码字者，Mac和Linux果断要比Windows更贴心;但只要折腾下，Windows下也是有不少利器的。之前就有在Windows下效率必备软件一文中对此做了下记载；其虽没oh-my-zsh那么逆天的存在，却也甚是好用，至少要比Windows原生Cmd好出了天际。

你所不知道的setInterval

在你所不知道的setTimeout记载了下setTimeout相关,此篇则整理了下setInterval；作为拥有广泛应用场景(定时器，轮播图，动画效果，自动滚动等等)，而又充满各种不确定性的这setInterval，自当先洞悉它，才能很好的驾驭它。

你所不知道的setTimeout

JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。初始接触它的人都觉得好简单，实时上真的如此么？这里记载下，一路对其使用姿势变迁的历程。

CSS实现水平|垂直居中漫谈

利用CSS进行元素的水平居中，比较简单，手到擒来：行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。而撸起垂直居中，相信于大多初撸者来说，与我相似，内心是抗拒的。

写于2015年末的总结

写作：是为了光阴流逝使我心安（源自知乎一话题），这一出发点鸣动我心；也是此刻键盘敲击动力源之一；兜兜辗转，2015年好或坏的都将成为历史，几近年关，俗念盘桓，免不了感慨总结一番，也算对新一年展望与期待。

如何优雅地使用Sublime Text

Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。

博客引入漂亮字体二三事

最近兴致上来，就想更换了那Blog标题字体(汉字的)；网上搜索了一番，发现蘇新詩柳繁體这款甚合我心；然后就着手搞将了起来，分分钟也算是替换了；但，这仅仅是此次折腾的开始；这就细细道来作为学习笔记记载。 原文首发链接http://www.

Cleaver快速制作网页PPT

原文首发链接:http://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/ 写在开始之前 互联网时代，以浏览器作为入口，已经有越来越多的桌面应用被web应用所取代。

Javascript数组操作

使用JS也算有段时日，然对于数组的使用，总局限于很初级水平，且每每使用总要查下API，或者写个小Demo测试下才算放心，一来二去，浪费不少时间；思虑下，堪能如此继续之？当狠心深学下方是正道。 原文链接: http://www.

Html<a>标签href的困惑记载

近日，在工作中遇到一个小问题(给手游平台做些网页活动，其中牵涉到一个按钮链接，就习以为常的用了A标签，Click响应之后走一段js代码逻辑－弹出一个分享微信弹框。Chrome和Android平台都没问题，测试阶段发现Ios平台出现了点问题～弹框闪现一下之后，页面被重新渲染了，自然弹框又被消隐掉了。

JavaScript中的百变大咖～this

原文链接：http://www.jeffjade.com/2015/08/03/2015-08-03-javascript-this/ JavaScript作为一种脚本语言身份的存在，因此被很多人认为是简单易学的。

老程序员的建议

接触计算机倒是有几个年头了，而接触编程的时间也基本等于这个年限；但真正开始认识编程也才是不久的事。经历了几年的弯路后的小感悟，也才是编程漫漫其修远的始端。今天有看到《Learn Python The Hard Way》最后一节中“老程序员的建议”，颇多的感触。

使用Ldoc给Lua生成文档

Ldoc介绍 　　LDoc是一个Lua的文档生成工具，过去，比较常用的Lua生成文档的工具是LuaDoc，可惜作者自从2008年之后就再也没有发布过新的版本了，说明作者基本上已经放弃维护了。而LDoc则是一直在更新中，所以现在选择LDoc来给Lua生成文档是更好的选择，LDoc的Github主页。

使用Hexo搭建专属Blog

喜欢折腾的自己最开始在博客园有仿写几篇Blog，虽也可以自己改变风格，可是到底不是独立的一块儿地方，要知道独立的才是自己的;有属于自己独立的域名和Blog，真真是一件很爽的存在。在各种大牛的分享下在GitHub下使用Jekyll有搭建一块属于自己的地方；可是用起来也不是特别爽，折腾起来显得有些麻烦。

How to Use Android ADB Command Line Tool

Android Debug Bridge (adb) is a tool that lets you manage the state of an emulator instance or Android phone.

浅谈android中的目录结构

之前在android游戏开发中就遇到本地数据存储的问题：一般情形之下就将动态数据写入SD中存储，在没有SD卡的手机上就需另作处理了;再有在开发android应用的过程中，总要去调试APP,安装时又想去了解android的目录结构。

常用RGB色值表

  R G B 值   R G B 值   R G B 值 黑色 0 0 0 #000000 黄色 ...

让年轻程序员少走弯路的14个忠告(引)

无论是谁，在刚进入某个领域之时，有再大的雄心壮志也敌不过眼前的迷茫：不知道应该怎么做，不知道应该做什么。下面是我作为一名软件开发人员所学到的经验，希望能对大家有所帮助。 1.不要害怕在工作中学习。 只要有电脑，就可以通过电子阅读器阅读报纸和大多数书籍。

书籍推荐:邹韬奋的《事业与修养》

一 关于背景         初次接触到此书,也是在购得Kindle后逛亚马逊免费书籍时候发现的;Down下来之后便爱不释手,相见恨晚;一番粗赏后,不敢独享,故揪得几个老字残兵,望成拙文,与之分享下! [题外话：对于有读书爱好的人来讲,感言Kindle是必要的;笔者也是在知乎 博客园等看到不少人的推荐，入手一个真是觉得好，虽然每天能拿起来读的时间不多。

生成lua的静态库.动态库.lua.exe和luac.exe

前些日子准备学习下关于lua coroutine更为强大的功能，然而发现根据lua 5.1.4版本来运行一段代码的话也会导致 “lua: attempt to yield across metamethod/C-call boundary”的错误(据悉主线程中调用yield也会如此)。

Lua table之弱引用

Lua采用了基于垃圾收集的内存管理机制，因此对于程序员来说，在很多时候内存问题都将不再困扰他们。然而任何垃圾收集器都不是万能的，在有些特殊情况下，垃圾收集器是无法准确的判断是否应该将当前对象清理。这样就极有可能导致很多垃圾对象无法被释放。

纸上得来终觉浅，绝知此事须躬行(转)

上周云掌柜CEO邓熔来我们公司分享创业经历，介绍米途创业到转型云掌柜的创业过程，分享的内容极其精彩，给我特别大的触动，学习到了很多。 邓熔创业两年，第一年做移动端酒店预定app米途，通过各种推广和优化，酒店预定量稳步上升，很快实现了公司收支平衡，并且有了不错的盈利，是一个活的很滋润的小型创业公司，想比大多数苦苦挣扎的创业公司来说，已经非常出色了。

小团队的技术管理

小团队的技术管理 原文链接 　　最近一年左右兼职技术管理的经验试总结，核心理念就是以人为本。 小作坊 　　小项目的构成往往是一个相对有经验的人作为 leader，带几个毕业生构成一个三五个人的小作坊。没有达到配置专门的项目管理人员的程度，因此管人管事管技术，三权集中在一个人身上。

编程语言简史(转)

编程语言简史 转载:原文链接Here 一个朋友在跟我一块吃午饭的时候问了我一个问题：现代编程语言的发展历程是什么样的，它是如何发展到现在这样的？ 他觉得我应该能答得上来，但其实我只能说个大概。 我跟他提了下机器语言，以及人们为了简化它所做的努力，并逐渐发明了一些更抽象的语言，它们最终会被翻译成0和1。

sublime text 下的Markdown写作

sublime text 2(3)下的Markdown写作 什么是 Markdown wiki Markdown 是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档：譬如您正在阅读的这份文档。

使用python拼接多张图片.二三事

前几日在博客上看到一篇“使用python拼接多张图片”的Blog【具体是能将的图片名字必须是形如xx_1.png ... xx_100.png或者xx_001.png ... xx_100.png，拼接成一张png图片，来达到一些目的（默认所有图片对应的顺序是文件名末尾序号的升序，序号可以不连续）】，自己也正想学习Python，觉得有趣就想试试。

Lua标准库- 模块(Modules)

Lua包库为lua提供简易的加载及创建模块的方法，由require、module方法及package表组成 　　1、module (name [, ···])       功能：建立一个模块。

lua的私有性（privacy）

　　很多人认为私有性是面向对象语言的应有的一部分。每个对象的状态应该是这个对象自己的事情。在一些面向对象的语言中，比如C++和Java你可以控制对象成员变量或者成员方法是否私有。其他一些语言比如Smalltalk中，所有的成员变量都是私有，所有的成员方法都是公有的。

Lua字符串库(整理)

Lua字符串库小集 1. 基础字符串函数：    字符串库中有一些函数非常简单，如：    1). string.len(s) 返回字符串s的长度；    2). string.rep(s,n) 返回字符串s重复n次的结果；    3). string.lower(s) 返回s的副本，其中所有的大写都被转换为了小写形式，其他字符不变；    4). string.upper(s) 和lower相反，将小写转换为大写；    5). string.sub(s,i,j) 提取字符串s的第i个到第j个字符。

字符编码的故事(转)

原文出自：     这里 字符是什么 字符是什么？就是有意义的图形，比如a，中等。在不同的国家代表不同的意思。 但是在计算机世界中只有0和1，好了，如何用0和1将这些字符表示出来呢？这就是编码存在的意义。

Lua 协程coroutine

　　协程和一般多线程的区别是，一般多线程由系统决定该哪个线程执行，是抢占式的，而协程是由每个线程自己决定自己什么时候不执行，并把执行权主动交给下一个线程。 协程是用户空间线程，操作系统其存在一无所知，所以需要用户自己去做调度，用来执行协作式多任务非常合适。

当代中国人的新十大傻

一、房子要大。明明就两三口人，非要弄个很空旷的房子。 二、汽车要三厢。还包括什么“SUV".弄得耗油又占地。 三、花钱到处旅游。明明到处是陷阱，可就是人山人海要去挤。结果总是花钱买气买罪受。旅游是当今最大的消费骗局。

Programming in lua 杂记(转)

1,loadstring 编译的时候不关心词法范围：   local i = 0   f = loadstring("i = i + 1")   g = function () i = i + 1 end    这个例子中， 和想象的一样g 使用局部变量i ， 然而f 使用全局变量i ； loadstring 总是在全局环境中编译他的串。

lua表排序

对于lua的table排序问题，一般的按照value值来排序，使用table.sort( needSortTable , func)即可（可以根据自己的需要重写func，否则会根据默认来：默认的情形之下，如果表内既有string，number类型，则会因为两个类型直接compare而出错，所以需要自...

编程能力的四种境界

人类心理学研究中的一个基础支撑科目就是分析人的潜意识和意识。 弗洛伊德是最早的一位能够清楚的认定和描述我们的心理活动“领域”的人。 在他这著名的一生的早期，他就指出我们的意识里分“潜意识”，“前意识”，“意识”。