我们在设计组件之前本来是有一个流程和过程的，这里我写的组件并不会像社区内的组件库一样完善或者说一定考虑很完整，但是这样也会有一个好处，可以按照自己项目的需求进行定制、扩展以及冗余的代码会更少，当然很多时候节约的这点代码可以忽略不计(特别是项目业务代码和库的代码比例上升到一定比例过后，所以一切不说场...

前言 React 导读（一）React 导读（二） 在之前 2 篇文章中中学习到了写第一个 Web 组件以及常用的生命周期函数的使用，这篇文章将继续之前的目录，开始新的知识点补充： [x] React 如何编写 Hello World! [x] React 中三个最基础、最重要的东西 [x] React 中的 JSX [x] 你的第一个 Web 组件 [x] React 中最开始需要关注...

前言 在上篇文章React 导读（一）中学习到了写第一个 Web 组件，这篇文章将继续之前的目录，开始新的知识点补充： [x] React 如何编写 Hello World! [x] React 中三个最基础、最重要的东西 [x] React 中的 JSX [x] 你的第一个 Web 组件 [ ]React 中最开始需要关注的生命周期 [ ]React 一个组件集合的简单交互 [ ]React ...

写这篇文章的主要目标是让初学者更快的上手 React 的项目开发，能有一个循循渐进的理解过程。需要有一定的 JavaScript 基础和 NPM 的使用经验。不多说了，下面会按这个顺序进行介绍：

模式是一种规律或者说有效的方法，所以掌握某一种实践总结出来的模式是快速学习和积累的较好方法，模式的对错需要自己去把握，但是只有量的积累才会发生质的改变，多思考总是好的。(下面的代码实例更多是 React 类似的伪代码，不一定能够执行，函数类似的玩意更容易简单描述问题)

前言 今天有朋友问了 “KeyMirror” 这个库有什么用的问题，其实这个问题并不难，这里扫一下盲区。 会按照下面这个逻辑来展开，彻底理解一下： KeyMirror 有什么用？ Google Closure Compiler 是什么？ KeyMirror 解决了什么问题，好处是什么? KeyMirror 的源码是什么样子？ 用 Gulp 配置一个压缩任务，测试一下 Google Cl...

其实 ng2 在这方面做得挺好的，用起来也很简单，所以看完基本就可以动手写一写。强大并不止是这一方面，在写这些的过程中，通过一些配置，让开发很纯粹，有时间再录一个新手入门的开发教程。

树和图一样，是常用的数据结构模型，但是我的理解树是图的一个用于更具体的数据结构。今天温习的是树中比较简单、常用的二叉树。因为一个简单固定的结构更有利于查询，所以有了二叉查找树的概念。内容来源来自《JavaScript 数据结构和算法》。

今天晚上无意翻到一个图的文章，查了一下感觉网上实现和其他都好复杂，所以自己按理解搞了一下，不知道是我实现是不是错了...感觉还好～进入正题，先还是来点理论知识，不过大多是自己的想法，不一定都对，可以纠正。内容来源来自《JavaScript 数据结构和算法》。

什么是 Event Emitter? Event emitter 听起来只是触发一个事件，这个事件任何东西都能监听。 想象一下这样的场景，在你的异步代码中，去“呼叫”一些事件的发生，以及让你其他部分都要听到你的“呼叫”并且注册他们的想法。 为了不同的目的，对于 Event Emitter 模式有大量不同的实现，但是基本的想法是为了给一个框架提供事...

你有没有在一个逐渐膨胀的 CSS 项目中感到混乱呢？保持样式风格统一和 HTML 的影响是比较困难的：尽管修改一个较小的问题，都可能创建更多丑陋的 hack，也可能 CSS 的小改变会影响 JavaScript 的功能。但是这些问题能在我们的项目开始的时候静心规划，就能很大程度上避免这些问题。让我们开始说 CSS 架构吧。

其实这个问题是说的不完整（ 或者原文说的太简单 ），因为你能在组件中存储数据的方式还有两种：static 和 this.（其实就是静态数据，还是类的实例数据）

对于 JavaScript 使用的是 UCS-2 还是 UTF-16 这个问题，我找了很久，没有发现一个权威的回答，我决定自己研究一下它。这个回答来自于你对 JavaScript 引擎或者对 JavaScript 语言的理解。

在网上找了一些相关配置的例子，觉得很多比较复杂，并且配置项过于多了，有很多冗余并不是最开始就需要的配置，所以写一下记录，也方便以后自己查阅。

我想找一个好的前端前端框架，找了很久。这个框架将能够帮助我写出具有可扩展性、可维护性 UI 的代码。通过对 React.js 优势的理解，我认为“我找到了它”。在我大量的使用过程中，我发现了一些模式性的东西。这些技术被一次又一次的用于编程开发之中。此时，我将它写下来、讨论和分享这些我发现的模式。

如果Servlet 在运行的过程中，需要接受从客户端传来的字符如：表单输入的值和URL中传入的值，此时如果程序中没有设定接受参数时采用的编码格式，则WEB 容器会默认采用ISO-8859-1 编码格式来接受传入的值并在JVM 中转化为UNICODE 格式的保存在WEB 容器的内存中。Servlet 运行后生成输出，输出的字符串是UNICODE 格式的，...

最近感觉自己对编码的理解还不够透彻，研究一下编码的问题，我觉得这个是值得研究的地方。自己开始研究的时候，很细心的看了不少的资料，这里和大家分享一下，希望对大家有用，原理有些我就不一条一条的来了，重点描述下吧。

其实原理很简单，引用类型传入的是内存地址的值（当然JavaScript操作内存地址），比如是8bit，内存地址是：1100 1010，指向的内容是person对象。所以你修改了name属性会影响到函数外部。

现在javascript的流行，前端的代码越来越复杂，所以我们需要软件工程的思想来开发前端。模块化是必不可少的，这样不仅能够提高代码的可维护性、可扩展性以及鲁棒性，更大的好处就是能够提升整个团队的开发效率，也能够让新进的程序员更快的接手工作。今天晚上根据前辈们的经验，写啦一个简单的模块定义的封装组件，当是...

2015年5月9日更新 更新内容：针对Mac OS X 10.10.3不能访问用户目录 {代码...} 检查Apache版本是否升级 {代码...} 修改的地方有以下 3 点： （1）/etc/apache2/httpd.conf 打开如下配置（去除#注释） {代码...} 修改完后访问会出现，所以还需要修改（2）中的文件 ForbiddenYou don't have permission to access /~lulin/...

在CSS样式中，当文本缩放的时候使用font-size属性是最难以理解的方面之一。在CSS中，你有4种不同的选择，能够让你设置文本在浏览器中的展示。那么这4种单位哪一种更适合呢？这个问题引发了各种各样不同的争论和评价。想要找到一个比较权威的回答可能比较困难，因为这个问题比较难回答。

熟悉 React 的思想后，我们先来尝试开发一个单纯的小组件，可以对比一下是不是比以前的开发模式更加舒适了，这里我主要以一个 Loadding 组件来举栗子，实现了几个基本的功能：

今天群里面有很多都在问关于 React 组件之间是如何通信的问题，之前自己写的时候也遇到过这类问题。下面是我看到的一篇不错英文版的翻译，看过我博客的人都知道，我翻译可能不会按部就班，会尽可能用中文的意思，来将作者要讲述的技术描述清楚。英文能力有限，如果有不对的地方请跟我留言，一定修改……^_^

前言 我们在浏览网页的时候，经常会看到很相似的几种内容。比如下面这两种样子： 看上去是不是比较像呢？其实就是图片的位置不一样，大致上可以认为是一样的吧，那么针对这样子的相似度较高的网页，我们应该怎么样开发呢？ 其实这就得谈谈“页面重用机制”了，下面所写的积木式网页构建方式就能够很好的处理页面重用这个问...

因为 Arial, Verdana, Garamond or Times New Roman 这些字体几乎在所有电脑上都有安装，所以以前每个网站都使用他们来渲染文本。至今，虽然webfonts已经在互联网中得到普遍的使用，但是我们依然不知道如何高效的加载他们。

在2014年9月22日的时候，ThinkJS 1.0开了一个简单的发布会，去抢啦几块蛋糕来吃~现在还记得蛋糕超级好吃！- 0 - 不过成银这套NodeJS框架真心很好用（可能是以前用J2EE的框架用得比较多，所以感觉MVC这类框架比较好理解，不过文章写得很详细，相信看完就能上手），也很强大，上手极快，我相信它将越来越火！下面我们来入...

最近大漠前辈在群里发关于PostCSS的系列文章，但是耗子姐姐又说看了有点云里雾里的感觉，所以这篇文章将按一个思考的角度来理解一下 PostCSS 到底是一个什么东西。