Nutlee's Blog

To Be A Idealism Developer!

你不知道的iOS

关于这个题目是荣哥问我有什么好分享的，我翻来覆去一个晚上憋出来的，之所以下定决心分享是因为我再不分享你们自己知道了，我就没法装逼啦。😆 很多同学可能以为我要分享 iOS 开发了。然而，才疏学浅，并没有和开发有关的东西。先声明，本文基于我对 iOS 自以为是的认识和对安卓的浅薄认知，欢迎各种喷。这个题目，本来想叫“你对 iOS 一无所知” 的，后来感觉太狂了，还是叫这个吧。题目是来自知......

Posted by Nutlee on 2017-06-18

JavaScript 设计模式 -- 职责链

设计模式本身是个听起来高大上的东西，在《JavaScript 设计模式与开发实践》一书的前言部分有个我喜欢的解释通俗一点说，设计模式是在某种场合下对某个问题的一种解决方案。如果再通俗一点说，设计模式就是给面向对象软件开发者的一些好的设计取个名字有趣的是 JavaScript 作为一种松散的没边的语言，各种设计模式事实上是浸入骨髓的，或者说 JS 天生就融入了设计模式，这就带来了其他语......

Posted by Nutlee on 2017-05-03

Git 协作模式

进新公司第二周，完全是从未接触过的工作氛围，只能说“非常兴奋”。坦率的讲，在纯技术型公司太幸福了，有点理解之前雷军说「我要写一辈子的代码」的意味了。经过了接连踩坑，有必要记录下点点滴滴，原来自己之前对 Git 的使用是有误解的，我之在只在意 Git 的语法（虽然Git 命令也没熟到哪里），并没有理解 Git 最核心的是协作思想，至于各种命令只是副产物。下面我要先从反面讲我之前的误区，然后结......

Posted by Nutlee on 2017-02-27

Mac 工作环境安装及备份

好久没写东西了，因为农历新年，加上换公司，2月8号新公司入职，拿到新电脑马不停蹄的装各种开发环境，才发现各种安装备份设置是个坑，没有一篇把这些东西交代清楚的，本文旨在记录个人工作需要的环境安装和备份。安装作为一个普通前端，先上一个 list 吧，后面想到再补充。 Homebrew && Homebrew cask Zsh && oh-my-zsh &......

Posted by Nutlee on 2017-02-11

GitHub/GitLab Webhook 实践

码农这个行业里前端是个另类，在大牛眼里前端“毫无难度”可言，在小白眼里前端炫酷的“所见即所得”。也许正是因为前端的低门槛、不需要什么复杂的开发环境甚至有“记事本”就能开发，以至于很多小公司的前端工程师从未正视过前端部署问题（包括我所在的公司）。小公司人力有限，所以多数小公司的技术团队配置都是后端居多，在后端眼里前端就切切页面然后往服务器丢一下就好了嘛。然而就是这个问题困扰了我很久，我一直觉着......

Posted by Nutlee on 2016-12-19

关于前端工程化的思考及《webpack多页应用架构系列》mock开发环境改造

最近看了 array_huang 的《webpack多页应用架构系列》颇有些感悟，加上入行两年多了，虽然自认为还算勤恳，奈何天赋过低，一直工作内容又“层次”不高，准确说是一直重复重复重复。直到这次跳槽以后，难得有段时间清闲，让我好好思考了一下关于前端工程化这个问题。本文先会先介绍前端工程化的相关理解，然后是对于 array_huang 的《webpack多页应用架构系列》个人做的一些修改及......

Posted by Nutlee on 2016-10-24

CSS3 动画及两个简单例子

最近公司前端部分没有那么急，下一步重点在微信端，所以我粗略看了下后面的业务需求，就打算研究一下移动端的 HTML5 页面的优雅展现。这就涉及到大量交互设计了，谈到交互就不得不说这两年大行其道的移动端各种动画，也就是俗称的各种 “H5”。得益于手机性能的大幅度提高，现在手机上至少对前端而言，性能瓶颈不是那么明显，当然，前端离不开浏览器（webview），所以总是有性能天花板了，要不然就真成 N......

Posted by Nutlee on 2016-09-25

原生js和jQuery中的事件event

关于原生 js 和 jQuery 的事件绑定，应该是绝大多数前端的基本功，但是关于 event 对象，其中又有很多细节是需要注意的，本文通过介绍 event 对象旨在优化事件处理效率。到底绑定在谁身上以 jQuery 为例，现在 jQuery 绑定事件官方推荐做法是使用 on ，所以一般绑定事件就是： 1234$element.on('click', '.selector',functio......

Posted by Nutlee on 2016-09-04

shell增强术--iTerm2+zsh+oh-my-zsh安装部署

最近 Node.js、Ubuntu、Git 都用的很多，疯狂的敲了很多命令，闲来无事面对 MacOS 自带的拙劣终端终于忍不了了，动手搞了 iTerm2 + zsh + oh-my-zsh。网上此类资料很多，本文也没有什么特殊的，全当个人用来记录安装过程吧。 shell？bash？zsh？终端？关于这几者的区别，我看到网上一个说法很好，shell 是“抽象类”，bash、zsh 都是“类的实......

Posted by Nutlee on 2016-08-28

基于express的前端开发环境

express-gulp-browsersync 自动打包自动刷新 mock 环境，GitHub仓库。集成了 express ejs mock.js 等使用环境准备全局安装 gulp 1npm install gulp -g 下载所有文件 1npm install 开发环境首次运行 1gulp lib-init 运行 1gulp 生产环境直接强制打包 1g......

Posted by Nutlee on 2016-08-28