ä˝ çš„ć‰“čľďźŒć˜Żćˆ‘ĺ†™ä¸‹ĺŽťçš„ĺŠ¨ĺŠ›ďźďźďźĺž…çť­ă€‚ă€‚ă€‚čŻ­ćł•çŽ€ĺ•ĺ­—çŹŚč˝Źäš‰ĺ­—çŹŚĺ­—çŹŚé›†ĺ’Œé‡čŻĺ­—çŹŚčžšç•Œé€‰ć‹ŠčĄ¨čžžĺźĺˆ†çť„ĺź•ç”¨ ...继续阅读 (26)

最近对经验无线步骤页进行了改版，今天在组内做了改版总结的分享，本文是这次分享的文字版，大纲如下：简介架构新技术我之前写过一个经验详情页的改版分享——《如何重构一个大型历史项目——百度经验改版总结》，很多和上次一样的东西这次就没做分享，有兴趣的同学可以看下。简介经验步骤页是经验流量最多的页面，也是最重要的页面之一，点击这里查看效果，页面的截图如下：页面大体可分文，最上面的bar，经验头部（听语音），主题内容等，其中主题内容部分可左右和上下滑动，左右滑动会切换到上一步，下一步，同时会更新经验头部，停止语音播放等。本次改版总共有两个FE参加，我主要负责页面基础架构，主要逻辑的开发，另一个同学主要负责，最后一页的交互和点击查看大图的功能。这次做的点击查看大图是非常亮点的一个特色，大家有兴趣可以试一下，关于查看大图介绍我等另一位FE写完，在贴到这里。架构一个模块这次改版需要小流量，新旧版页面需要在线上同时存在一段时间，以前的做法我们都是重新拉一个前端的模块，这次我们是在同一个模块完成的这个工作，新版的内容全部放到了v2路径下。一个非常小的点是fis打包的配置，为了能够自动把v2和v1的打包文件区分开我们用到了正则的?!技巧。pack: { '/static/pkg/step2.css': [ '/widget/v2/css/base.less', /\ ...继续阅读 (28)

之前组内同学问我耦合的关系，我没给对方讲清楚，今天借这个机会来深入讲讲模块之间的耦合关系这个事情。本文将用图文详细讲解七种耦合的不同之处。高内聚与低耦合高内聚与低耦合是每个软件开发者追求的目标，那么内聚和耦合分别是什么意思呢？内聚是从功能角度来度量模块内的联系，一个好的内聚模块应当恰好做一件事。它描述的是模块内的功能联系。耦合是软件结构中各模块之间相互连接的一种度量，耦合强弱取决于模块间接口的复杂程度、进入或访问一个模块的点以及通过接口的数据。耦合不同模块之间的关系就是耦合，根据耦合程度可以分为7种，耦合度依次变低。内容耦合公共耦合外部耦合控制耦合标记耦合数据耦合非直接耦合下面我们来说说每种耦合是什么，开始之前先来说下要实现的功能。m1和m2是两个独立的模块，其中m2种会显示m1的输入，m1会显示m2的输入。很显然，m1和m2两个模块之间会有一些联系（耦合），你也可以想想如何实现这个功能，下面用7种不同的方式来实现这个功能。注：项目的代码我放到了github，项目的demo，可以在这里查看。内容耦合内容耦合是最紧的耦合程度，一个模块直接访问另一模块的内容，则称这两个模块为内容耦合。为了实现功能，我们将m1的输入放到m2.m1input上，将m2的输入放到m1.m2input上。// m1.js root.m2.m1input = this.value; m2.update(); ...继续阅读 (26)

ä˝ çš„ć‰“čľďźŒć˜Żćˆ‘ĺ†™ä¸‹ĺŽťçš„ĺŠ¨ĺŠ›ďźďźďźĺž…çť­ă€‚ă€‚ă€‚VimçŽ€ć˜Žć•™ç¨‹ă€CoolShell】vi/vim cheat sheet ...继续阅读 (21)

对于想学习linux的同学，第一步当然是要有一个linux环境，而我建议你在虚拟机里安装，本文将一步步教你如何在虚拟机里安装linux。整个过程可以分为两步，安装虚拟机和安装linux。安装虚拟机我推荐大家使用Oracle VM VirtualBox，这是一个跨平台的虚拟机，下载对应的平台安装包，安装过程不在赘述。(1) VirtualBox的界面如下图所示，点击新建。(2) 然后输入名称，我输入的是centos6.6-2，选择linux系统，并选择redhat版本，点击下一步(3) 这里将会给linux系统分配内存，在不开启图形界面的情况下512M就足够了，如果需要图形界面需要大于1GB内存，这里我选择512M，然后点击下一步(4) 接下来选择虚拟硬盘，这一步直接点创建即可(5) 接下来让你选择虚拟硬盘文件类型，这一步保持默认，点击下一步(6) 接下来存储在物理硬盘上的选项选择动态分配，点击下一步(7) 接下来可以选择在硬盘上的存储位置，选择好后点击创建安装linux安装linux之前需要先下载镜像，我推荐centos6.x Minimal版，可以来这里下载。(1) 接下来就该安装linux了，我们通过虚拟光驱来安装linux，点击设置按钮然后点击左侧的“存储”，选中“没有磁片”，在点击右侧的小光盘图标，然后点击“选择一个虚拟光盘”，然后找到我们上面下载系统镜像文件。(2) 接下 ...继续阅读 (63)

你的打赏，是我写下去的动力！！！待续。。。作品展示记得用手机或者开模拟器哦百度经验：防晒的正确姿势百度经验：专业解密无人机的拍摄飞行技巧专业跑步教练王晓刚 带你科学跑步_百度经验小欧教你玩转R9三个系统拼装系统预览系统生成系统一个已经存在的系统目标设计实战总结 ...继续阅读 (17)

ä˝ çš„ć‰“čľďźŒć˜Żćˆ‘ĺ†™ä¸‹ĺŽťçš„ĺŠ¨ĺŠ›ďźďźďźĺž…çť­ă€‚ă€‚ă€‚ĺ‚č€ƒčľ„ć–™Flex ĺ¸ƒĺą€ć•™ç¨‹ďźščŻ­ćł•çŻ‡Flex ĺ¸ƒĺą€ć•™ç¨‹ďźšĺŽžäž‹çŻ‡ ...继续阅读 (16)

最近够倒霉的，电脑硬盘坏了，重新做了个系统，各种环境全都没了，/(ㄒoㄒ)/~~然后我发现自己在重新安装各种环境的时候，有些东西竟然还需要去查，所以决定把这些环境的配置都写成博客记录下来。今天就教大家如何在windows上安装java，和如何配置jdk环境。下载java首先需要下载java的安装包，点击这里下载（链接可能过期，如果链接不对，可自行百度），在这个界面我们选择java这个。接下来选择对应的版本，我选择windows 32位版，然后勾上同意协议，点击下载链接安装java找到下载的java安装包，我已经下载好了接下来就是windows程序的通用安装过程了，一路下一步，其中可以选择安装的路径整个过程分为安装安装jre（java运行时）和jdk（java开发者工具）两个过程，如果你更改了安装路径，需要注意把两个改成一样的配置环境安装好后，打开命令行，输入java -version，就可以看到下面的输出现在java会自动把jre的环境设置好，所以才能直接输入java命令我们下面来配置jdk环境，这里我配置到用户变量，第一步，配置JAVA_HOME，其值是jdk的安装目录，比如我的是C:\Program Files (x86)\Java\jdk1.8.0_45。第二步，将jdk加入到PATH中，在用户的PATH最前面加入下面的语句，%JAVA_HOME%\bin;%JAVA_HOM ...继续阅读 (21)

最近在学习后端的知识，我一直在用xshell终端，今天来说说如何使用xshell的命令集来加快登录线上机器的速度。首先打开菜单-工具-快速命令集，会看到如下图所示的窗口然后点新建，创建一个新的命令集，比如我已经创建好了一个my，这个可以用来分组命令新建完后，选中命令集，点击编辑，会弹出如下图所示的窗口然后可以点击添加添加，会得到下图所示的窗口在最上面的输入框输入命令的名字，我们重点关注发送文本，和执行下面的脚本这两个。先来说说文本，这个很简单就是发送文本到终端里，可以保存一些复杂文本进来，还可以是密码什么的；可以选择粘贴文本后是否添加回车。重点说说如何通过执行脚本来方便我们登录线上机器，在本地保存下面的文本内容，保存为.vbs，将其中的机器和密码替换为你对应的机器和密码即可，然后选择添加脚本，然后一路确定就ok了。Sub Main ' *** Send *** xsh.Screen.Send("ssh work@机器") xsh.Screen.Send(VbCr) ' *** WaitForString *** xsh.Screen.WaitForString("password:") ' *** Send *** xsh.Screen.Send("密码") xsh.Screen.Send(VbCr) End Sub这 ...继续阅读 (56)

最近组内的童鞋和我说的自己一直搞不太清楚js原型这一块的东西，我想了想觉得这东西也不是一两句话就能解释清楚的，所以我决定来解释解释js中的原型机制，希望也能帮到你。本文将会介绍面向对象，继承，原型等相关知识，涉及的知识点如下：面向对象与继承CEOCOLOO臃肿的对象原型与原型链修改原型的方式面向对象与继承最近学习了下python，还写了篇博文《重拾编程乐趣——我的Python笔记》，加深了我对面向对象的一些理解。我们会对我们写的程序进行抽象，而不同的语言都提供了不同的抽象工具，比如各种语言里面的数组，集合(键值数组，哈希表，字典等)等提供了对数据的抽象；而VB里面的子程序，类C语言里面的函数，提供了抽象代码段的能力。有时我们希望将数据和对数据的操作封装到一起，这被称作对象，是一种更高唯独的抽象工具，而这种抽象工具——对象可以对现实世界进行建模。现实世界中的事物都有一些联系，比如我们可以抽象出来猫，然后又公猫，母猫，显然公猫应该拥有猫的特性，这也就是继承，细分的事物应该有高纬度事物的特点。想要实现对象和继承这套思维，目前有两种实现方法，分别是CEOC和OLOO。CEOCCEOC(class extend other class)是一套基于类和实例的实现方式，OLOOOLOO(object link other object)是一套基于对象和原型的实现方式，臃肿的对象来说说JS中的对象 ...继续阅读 (36)

事情的起因是这样的最近在业务代码中发现下面这样的一行代码，我看了半天没搞明白是什么意思，不知道聪明的你能不能知道是什么意思呢？!~location.href.search('***')如果你也不知道，并且也像我一样富有好奇心那么就和我一起来学习这篇文章吧。在本文中你将学到如下知识：二进制数的表示js中的二进制数整数js中的位运算二进制数本文假设你知道计算机中用二进制数来存储，计算数字，并且熟悉二进制数的表示方法。为了实现不同的目的，其实都是为了简化问题，二进制数在计算机中有不同的表示方法，如原码、反码、补码和移码等。注意：本文问了简化运算，二进制数都是用一个字节——8个二进制位来简化说明先来说说真值吧，我们表示自然数包括正数，负数和0，下面是1和-1的二进制表示，我们称为真值+ 00000001 # +1 - 00000001 # -18位二进制数能表示的真值范围是[-2^8, +2^8]。由于计算机只能存储0和1，不能存储正负，所以用8个二进制位的最高位来表示符号，0表示正，1表示负，用后七位来表示真值的绝对值，这种表示方法称为原码表示法，简称原码，上面的1和-1的原码如下：0 0000001 # +1 1 0000001 # -1由于10000000的意思是-0，这个没有意义，所有这个数字被用来表示-128，所有负数就比整数多一个。由于最高位被用来表示符号了，现在能表示的范围是 ...继续阅读 (40)

今天打开sublime的官网，发现官网上已经推荐默认推荐大家使用sublime text 3了，作为追赶时代的人，我怎么能够落后呢？我决定开始使用sublime3，同时我也希望你也能够使用。本文记录我是用sublime 3的笔记，涉及到方方面面，主要是方便自己，也希望能够帮到你。注：我之前写过一篇sublime text 2的笔记，取走不谢。安装在官网下载最新版的安装文件，选择对应的平台，我用的是windows，sublime3和2是能够共存的，我就在自己电脑同时装了3和2，并准备逐步迁移到3上面。没错本文就是在sublime3 上写的。初始化sublime3是高度定制化的，安装完成后，我做的第一件事情就是按照自己的习惯定制。打开Preferences->Setting-Default，在那里面有很多默认配置选项，我们可以在这里改变默认值，但我的建议是在Setting-User里面去进行修改。修改显示字体大小，我一般习惯使用14号字"font_size": 14, // 默认10保存文件时自动在末尾添加空行（我们的项目有这样的要求）"ensure_newline_at_eof_on_save": true, // 默认是false默认使用Unix换行符，如果大家使用统一的换行符，会让事情变得简单"default_line_ending": "unix", // 默认是syst ...继续阅读 (66)

早就想学学python了，但是一直没有勇气，一个偶然的机会，感谢图灵教育送了我一本《父与子的编程之旅：与小卡特一起学Python》，让我有激情、有动力学下去。而我也很争气，很神奇的读完了这本书，要知道我现在很少读web相关外的技术书籍的，我给这本书的评价是5星，很棒的一本入门书，浅显易懂，非常适合新手来阅读，而且这不是一本讲python的书，而是一本讲编程的书。感谢这本书，感谢python让我重新找回了编程的乐趣，终于又有了那种刚刚学习C语言时候的感觉了，所以我决定写下这篇文章，算是我的读书笔记吧，也是给自己做个备忘，主要是对这本书和python的总结。正文从这里开始，下面的内容都会按照书的目录结构来进行记录。出发吧记住内存和变量基本数学运算数据的类型输入判断在判断转圈圈全是为了你——注释嵌套与可变循环收集起来——列表和字典函数对象模块打印格式化与字符串文件输入与输出总结 ...继续阅读 (34)

作为一个前端工程师，Linux的知识是必不可少的，这块是我的弱项，我终于决定恶补一下了，最近老大也给我们下达了要会后端的死命令。本文就是我学习linux的笔记，主要是方便自己记忆，希望也能帮到你。我选择了《跟阿铭学Linux》这本书来学习，本文也是这本书的学习笔记。我高度向大家推荐这本书，如果你是一个不太懂但很想学linux的人我建议你买这本书来学习，这本书的定位就是让小白和女友都能轻松学会的Linux教程，而且还有配套的视频教程，本人看完感觉浅显易懂，收获颇多。学习之初万事开头难，兴趣是最好的老师Linux简介Linux是有linus大神和社区开发出来一款开源操作系统（大神还开发了Git哦），很多地方和Unix很像Linux的读音是[‘lɪnəks]，中文谐音是“李呢克斯”Linux有很多发行版本，其中比较有名的有Debian(1993)和Ubuntu(2004)，Ubuntu实在Debain的基础上发展来的；Slackware(1993)和SUSE(1994)，SUSE是Slackware的分支还有RedHat系列，包括RedHat(1994)，Fedora和CentOS，fedora是redhat的实验版本（测试版），centos(2003)和rhel几乎一样，本书推荐用的版本就是centos。Linux管理员要养成的习惯学习linux要养成如下习惯：习惯使用命令行操作要严谨 ...继续阅读 (33)

今天翻阅自己的浏览器收藏夹，突然发现一个叫做icon的目录，点击去发现收藏了很多icon素材的网站，╮(╯▽╰)╭，谁让我是松鼠癌晚期了，看见什么就喜欢屯着，然后顺手整理了一下。本文将给大家分享一些查看图片素材的网站，希望大家喜欢，能够给大家的工作带来些方便。iconfinder首先给大家推荐的就是icon finder，这网站的素材很多，很全，而且每个素材都有多种格式可选，并且都是矢量图，可以调整图片的尺寸。但有一些是需要付费的，我们可以选中左边的free选项，这样搜出来的就都是免费的了。iconseeker其次个大家推荐icon seeker，这里面的内容稍微少一些，但是都是免费的，搜索时可以按不同的尺寸搜索，图片都是位图，不能调整尺寸。iconarchiveicon archive和icon seeker很相似，功能大体相同。但素材更多一点。simpleicons最后给大家介绍一下 simpleicon，这里面内容比较少，但都是svg格式的图片。总结有了这篇文章，终于可以把自己的收藏夹给清空了，好happy啊，如果你也有一些自己的私货，那么拿出来和大家分享吧。 ...继续阅读 (37)

最近看了@余果的《Web全栈工程师的自我修养》颇有一些收获，刚好最近在制定经验前端的规范化工作，制定了几条前端设计原则，分享给大家。下面就是经验的前端指导原则：设计原则是指导性原则，比较抽象，可扩展KISS原则DRY原则最少知道原则分治原则KISS原则（Keep it Simple and Stupid）一切尽可能简单，简单，简单！！！ 简单就是美，能简单的绝不复杂DRY原则（Don’t Repeat Yourself）顾名思义，任何一段代码如果需要复制第三次，需要进行抽象最少知道原则高内聚，低耦合，任何事物应该保持对外界的最少知道原则分治原则复杂的问题，负责的功能，应该拆分，由更小的部分组成总结如果你对上面的规则有什么疑问或者建议，那就在评论区和我讨论吧，期待你的反馈哦。 ...继续阅读 (46)

昨天在知识体系做了一次分享，主题是ES2015实战，本文将分享内容整理成博文，帮助没记住，没听懂和错过的同学来看，同时也分享给大家，分享给更多的人。本文基本是对分享内容的总结，但可能略有差异，或者说文字内容都是经过精雕细琢的，不会有分享现场的错误，所以说绝对值得一看。开始之前警告一下，内容不少，建议略作准备，让我们开始我们的探险之旅吧，let’s go。本文的大纲如下，和分享内容一致：开场道歉关于我历史新特性实战未来总结选择参考资料问答彩蛋注：蛋疼的markdown并不支持锚点，还得手动写html，所以我就不加了，我是纯粹主义者，不能接受在markdown里插入html（其实是太懒），大家顺着往下看吧。说明：每个大标题相当于上面的大纲，每个二级标题相当于ppt的一页（这把ppt搞成文章还真是不太容易）。开场为了等大家的到来（总有人喜欢迟到），避免先到同学的无聊，我专门给大家准备了一个开场小游戏。相关链接：游戏：http://yanhaijing.com/color/源代码：https://github.com/yanhaijing/color道歉先给大家道个歉，这个分享本来打算赶在15年分享，因为15年刚好是Web诞生25周年，也刚刚好是我的25周岁，我竟然和web同岁（沾沾嘻嘻），但拖延症很严重的我，一直拖到现在，直到开讲前的半小时我还在改ppt，我希望给大家最好的分享。PS：其 ...继续阅读 (62)

昨天在知识体系做了一次分享，主题是ES2015实战，本文将分享内容整理成博文，帮助没记住，没听懂和错过的同学来看，同时也分享给大家，分享给更多的人。本文基本是对分享内容的总结，但可能略有差异，或者说文字内容都是经过精雕细琢的，不会有分享现场的错误，所以说绝对值得一看。开始之前警告一下，内容不少，建议略作准备，让我们开始我们的探险之旅吧，let’s go。本文的大纲如下，和分享内容一致：开场道歉关于我历史新特性实战未来总结选择参考资料问答彩蛋注：蛋疼的markdown并不支持锚点，还得手动写html，所以我就不加了，我是纯粹主义者，不能接受在markdown里插入html（其实是太懒），大家顺着往下看吧。说明：每个大标题相当于上面的大纲，每个二级标题相当于ppt的一页（这把ppt搞成文章还真是不太容易）。开场为了等大家的到来（总有人喜欢迟到），避免先到同学的无聊，我专门给大家准备了一个开场小游戏。相关链接：游戏：http://yanhaijing.com/color/源代码：https://github.com/yanhaijing/color道歉先给大家道个歉，这个分享本来打算赶在15年分享，因为15年刚好是Web诞生25周年，也刚刚好是我的25周岁，我竟然和web同岁（沾沾嘻嘻），但拖延症很严重的我，一直拖到现在，直到开讲前的半小时我还在改ppt，我希望给大家最好的分享。PS：其 ...继续阅读 (44)

挺长时间没写博客了，你以为我去玩了吗？其实我是去做了一个大项目，项目有多大呢？这么说吧，这个页面的pv有100000亿呢（概数），开场之前先来个热身吧，最近撸了一个小游戏《看你有多色》，源代码在这里，欢迎大家交流。项目做完后在内部做了次分享，本文就是这次分享的文字版，警告：本文略长，建议备好咖啡，来一段愉快的阅读之旅吧，我保证不会让你失望的。本文将会介绍如何重构一个大型历史项目的方方面面。本文将会按照下面的目录展开分享，本文仅讨论技术。简介准备时间团队技术架构边界收益总结简介这次要改版的是百度经验最重要的页面之一——经验wap详情页，流量巨大，而且涉及到广告，就导致这必然是一个复杂的问题，而且这个页面已经有5年以上历史了，经手的人更是不胜枚举。准备项目上的准备就是PM提供的MRD和设计师提供的PSD，前端的准备基本是先熟悉旧版页面的逻辑，我本人其实也不熟悉这个页面。时间项目开始前肯定要给出排期，那么接下来就说排期和时间管理的问题。预估时间团队技术架构边界收益总结附本文的百度脑图。 ...继续阅读 (48)

最近在知乎上看到这个问题《同性爱人被农村的父母胁迫结婚，已被软禁，疑似遭遇强奸。我该怎么办？》，我很是震惊，本来想着回答好多好多，最后我只回答了一句话：如果没有自由，活着还有什么意义那就来说说我希望的世界是什么样子吧。一个充满感性的诗人，一个无比理性的程序员。自由生命诚可贵，爱情价更高，若为自由故，两者皆可抛。在我看来自由是最重要的，如果一个人没有自由，那真的是活着没什么意义了。当然这里说的自由肯定是遵守法律的，你的自由不能夺走别人自由。在我看来自由大概有几种：人身自由财富自由精神自由现在的我们其实都拥有人身自由，这点可能比古代稍好点，比如奴隶社会的奴隶可能没有人身自由（我认为我们大多数人和古时的奴隶处在同一个阶级），当然现在也有某些人没有人身自由，比如监狱里的人，他们都是影响了别人的自由，才会被夺走自己的自由。有钱的人想要什么？——更多的钱。每个人都想实现财务自由，财务自由了就不会有那么多烦恼了，然而是这样吗？其实你没有了现在的烦恼，你还会有其他烦恼，当然钱多点自然是好事，我个人也向往财务自由。最后来说说精神自由，我其实觉得我们是有精神自由的，是这样吗？我认为是的，虽然我们接受的外界信息被控制着，但我认为我们还是有精神自由的，哪些人没有精神自由？想想吧。最后还是强调，你的自由，不能建立在剥夺别人的自由之上。平等我认为人和人之间应该是平等的，虽然这并不容易，我所认为的平等，并不是阶 ...继续阅读 (28)

最近在研究HTML5播放视频的事情，发现这个东西真是据复杂无比啊，我勒个去了，然后给团队做了个技术分享。本文将总结下自己对视频研究的结果，做个记录，同时也能方便后来人的学习，涉及视频的方方面面。刚刚突然发现了自己800年前做的一个视频播放器，才想起来当时好像也研究过一点。视频其实视频早于Web而存在的，1990年Web诞生，但早在此之前视频就已经存在了，视频技术这么多年的发展，其历史复杂性超乎你的想象。同 时富文本格式本来就是一件复杂的事情，更是让视频变得复杂无比。常用格式我们生活场可能遇到过下面这些格式的视频：rm/rmvb/mkvavi（Audio Video Interleave）flv（Flash Video）mp4（MPEG-4 Part 14）ogvwebm视频组成如果拍脑袋想的话，一个完整的视频大概有下面一些部分组成：meta信息视频音频字幕缩略图其他信息视屏的组成大概如下图所示：下面三幅图都是mp4格式，但其视频编码确实不同的。三种格式我们平时说的mp4到底是什么？其实对于一个视频有三种格式，如下：容器格式视频编解码器音频编解码器以后再有人问你视频是什么格式的时候，一定要先问问对方问的是那种格式。容器格式规定了一个视屏文件的视频编码器，音频编码器，字幕，缩略图等信息的格式，常用的视频格式如下，括号中是对应的文件后缀名。Ogg容器（.ogv）MPEG4-容器（.mp4 ...继续阅读 (27)

故事源于和伪原创网站代表——酷勤网的一次撕逼，深深的感觉到无力抵抗这些聚合网站，作为一个小小原创博主，付出了努力，但应该获得的回报却被别人掠夺了。然而庆幸的你遇到的问题，别人多半早已遇到过，并且已经总结出经验，感谢社区，读了Phodal的这篇文章《从个人博客到公众号：与聚合网站抗争的无奈辛酸史》，让我有一种醍醐灌顶的感觉。我开始了解并搭建了自己的微信公众号：颜海镜，欢迎关注哦，本文将介绍自己对微信公众号的一些理解。抵触情绪作为一个90后，QQ伴随我成长起来，当大家都在用微信的时候，我是抵触的，我觉得没有什么用啊，有一个就够了，直到后来工作后发现周围的同事都在用，才开始接触微信，开始觉得也没什么特别，渐渐成为重度用户后才发现微信的和QQ比的优点。对于微信公众号，我也是抵触的，作为个人博客站长，我认为这个东西对我没有什么好处，远不及在微博这类社交媒体能带给我流量和知名度，是在想不出来这个东西对我有一点点的用处。如果你也和我有同样的困惑，或者和我有类似的想法，不妨往下看吧。开始我注册了颜海镜这个作为自己的公众号，为了让大家好搜索，我希望注册yanhaijing这个微信号，但是发现已经被注册了。。。注册了个人类型，简单搭好了环境，搭环境这个其实还是很简单的。为什么我最近才想明白微信公众号的意义——连接人与信息源，建立人与感兴趣的信息源之间的通道。这其实类似微博的大V与粉丝的关系。人就是广大 ...继续阅读 (24)

我的博客用的就是用jekyll搭建的，有几年历史了，同时《JavaScript简易教程》也是基于jekyll搭建的，可以说我使用jekyll很长时间了，也算是比较熟悉了，最近我打算基于jekyll搭建一个新的东西，但却发现自己平时只是使用而且，竟然记不清搭建的流程，这篇博客就是由此产生。本文介绍jekyll的安装，使用的方法，记录下来供自己和大家使用。简介Jekyll是一个静态站点生成器，它会根据网页源码生成静态文件。它提供了模板、变量、插件等功能，所以实际上可以用来编写整个网站。安装jekyll是基于ruby开发的，所以依赖ruby环境，并且需要通过gem进行安装，具体过程我在下面两篇文章中有详细介绍，这里不在展开写了。在Windows系统配置Jekyll我的gem笔记ruby环境安装好后，可以通过下面的命令安装jekyllgem install jekyll # 或下面的命令也可以指定安装版本gem install jekyll --version=2.5.3安装过程可能很慢，墙的问题在上面的文章中有解决办法，安装好后在命令行输入下面的命令可以查看是否安装成功jekyll --version一般你会看到类似下面的输出，则代表你安装成功了，否则可能需要重装jekyll x.x.x # x.x.x 代表你安装的版本流程第一步创建项目jekyll new myjekyll切换到myj ...继续阅读 (57)

最近维护GitHub上的一些开源项目，一直对git的提交信息格式一直是个头疼的问题，一直在思索如何组织好这个提交信息。最近看了阮一峰老师的一篇关于提交信息规范的文章(见文章结尾参考资料)，才让我恍然大悟。一般来说，commit message 应该清晰明了，说明本次提交的目的。格式化的提交信息有诸多好处，本文将整理一套自己用的提交信息格式，并在以后的项目中应用起来。格式提交信息包括三个部分：Header，Body和Footer。<Header> <Body> <Footer>其中，Header 是必需的，Body 和 Footer 可以省略。HeaderHeader部分只有一行，包括俩个字段：type（必需）和subject（必需）。<type>: <subject>typetype用于说明 commit 的类别，可以使用如下类别：feat：新功能（feature）fix：修补bugdoc：文档（documentation）style： 格式（不影响代码运行的变动）refactor：重构（即不是新增功能，也不是修改bug的代码变动）test：增加测试chore：构建过程或辅助工具的变动subjectsubject是 commit 目的的简短描述。以动词开头，使用第一人称现在时，比如change，而不是changed或c ...继续阅读 (39)

逝者如斯夫，不舍昼夜愿与不愿，选与不选2015年已经过去，如果给自己的15年打分的话，我给自己打给70分。本文将总结自己的2015年的过往，今年还是和去年一样，分为工作和个人。然后再计划一下16年自己想做的事情。赶在15年的尾巴写下这篇文章。工作15年我为百度贡献了15万行代码，平均一个月1.25万+。今年上半年主要负责知道这边的业务，下半年转战师傅，年底转战经验。百度知道这一年总共做了11个专题活动，完善了NAbase。去年做了半年活动，终于等到技术熟练了，并且日报准备改版，完成了两期的日报改版，这其实是我到百度后自己负责的第一个大型项目。后来又完成了真相问答机的改版工作。知识这边的less一直用的都是1.3.x，已经非常陈旧，我将其升级到了1.7.5，并整理了1.3到1.7的变化，并修复了升级过程中的问题。百度师傅8月份我来到了百度师傅，主要负责百度师傅这边的一些工作，显示完成了选择服务按钮联动的改版，后来完成了我的地址和支付功能的开发。期间完成了商家mis的开发。百度经验今年年底我开始接触经验这边的开发工作，先后开发了年夜饭和春节习俗专题，年前完成了经验tag页的改版工作。个人15年是自己成长最快的一年，也经历了一些事情。技术15年在技术方面自己接触了es2015，sass，fis3，mocha等，并用gitbook制作了自己的第一个诗集。博客15年共写了25篇博客，平均每个 ...继续阅读 (42)

逝者如斯夫，不舍昼夜愿与不愿，选与不选2015年已经过去，如果给自己的15年打分的话，我给自己打给70分。本文将总结自己的2015年的过往，今年还是和去年一样，分为工作和个人。然后再计划一下16年自己想做的事情。赶在15年的尾巴写下这篇文章。工作15年我为百度贡献了15万行代码，平均一个月1.25万+。今年上半年主要负责知道这边的业务，下半年转战师傅，年底转战经验。百度知道这一年总共做了11个专题活动，完善了NAbase。去年做了半年活动，终于等到技术熟练了，并且日报准备改版，完成了两期的日报改版，这其实是我到百度后自己负责的第一个大型项目。后来又完成了真相问答机的改版工作。知识这边的less一直用的都是1.3.x，已经非常陈旧，我将其升级到了1.7.5，并整理了1.3到1.7的变化，并修复了升级过程中的问题。百度师傅8月份我来到了百度师傅，主要负责百度师傅这边的一些工作，显示完成了选择服务按钮联动的改版，后来完成了我的地址和支付功能的开发。期间完成了商家mis的开发。百度经验今年年底我开始接触经验这边的开发工作，先后开发了年夜饭和春节习俗专题，年前完成了经验tag页的改版工作。个人15年是自己成长最快的一年，也经历了一些事情。技术15年在技术方面自己接触了es2015，sass，fis3，mocha等，并用gitbook制作了自己的第一个诗集。博客15年共写了25篇博客，平均每个 ...继续阅读 (33)

2015年7月12日，星期日，搬到了新家，一切收拾就绪后发现不能上网，就联系了修网线的师傅过来，由于网线断了，师傅去26楼接网线的时候发现了一只小兔基，我女盆友看见后超喜欢（其实我女朋友一直想要一只小兔基），修网线的师傅打算拿回家炖了，在我们的要求下便给了我们——这便是奶糖的来历。下图是女盆友第一次抱着奶糖时的照片。关于名字关于给小兔基起名字，也是伤透了脑筋的事情，后来一度我们想干脆叫它小兔基算了，有一段时间我们一直已叫狗的方式叫它，这个习惯一直延续到现在，也是它唯一能听的懂的名字，但这毕竟是个小名，后来女盆友想了一个好名字，我们决定叫它奶糖，来源就是大白兔奶糖。日记下面会记录奶糖日常生活中比较有意思的事情。纸窝窝奶糖来的第一天特别的乖巧听话，为什么这么说呢，因为后面实在是太不听话了，我们找了一个纸箱子给他做窝窝，刚刚来到陌生环境的奶糖胆子特别小，一天时间都没出这个纸箱子，o(∩_∩)o 哈哈。我们在箱子底下垫一些纸，每天更换，这样硬是撑了好久。搬进新家喽后来我们发现纸箱子实在撑不下去了，因为奶糖会从箱子里跳出来，后来我们把箱子盖子竖起来，用胶带粘住，这样高度会加高一截，防止奶糖跳出来，然而道高一尺魔高一丈，这样也并不起作用了。后来我们干脆把奶糖关到自己的卧室里，爱怎么跑怎么跑去吧，这样一直坚持到几天后，奶糖竟然蹦上了床，并且在奶糖第二次在床上便便和尿尿后，我们终于决定给奶糖买个新 ...继续阅读 (28)

2015年7月12日，星期日，搬到了新家，一切收拾就绪后发现不能上网，就联系了修网线的师傅过来，由于网线断了，师傅去26楼接网线的时候发现了一只小兔基，女盆友看见后超喜欢（其实女朋友一直想要一只小兔基），修网线的师傅打算拿回家炖了，在我们的要求下便给了我们——这便是奶糖的来历。下图是女盆友第一次抱着奶糖时的照片。关于名字关于给小兔基起名字，也是伤透了脑筋的事情，后来我一度想干脆叫它小兔基算了，有一段时间我们一直以叫狗的方式叫它，这个习惯一直延续到现在，也是它唯一能听的懂的名字，但这毕竟是个小名，后来女盆友想了一个好名字，我们决定叫它奶糖，来源就是大白兔奶糖，并且它收起爪子趴在地上时确实像个大奶糖。日记下面会记录奶糖日常生活中比较有意思的事情。纸窝窝奶糖来的第一天特别的乖巧听话，为什么这么说呢，因为后面实在是太不听话了，我们找了一个纸箱子给他做窝窝，刚刚来到陌生环境的奶糖胆子特别小，一天时间都没出这个纸箱子，o(∩_∩)o 哈哈。我们在箱子底下垫一些纸，每天更换，这样硬是撑了好久。搬进新家喽后来我们发现纸箱子实在撑不下去了，因为奶糖会从箱子里跳出来，后来我们把箱子盖子竖起来，用胶带粘住，这样高度会加高一截，防止奶糖跳出来，然而道高一尺魔高一丈，这样也并不起作用了。后来我们干脆把奶糖关到自己的卧室里，爱怎么跑怎么跑去吧，这样一直坚持到几天后，奶糖竟然蹦上了床，并且在奶糖第二次在床上便便 ...继续阅读 (28)

2015年7月12日，星期日，搬到了新家，一切收拾就绪后发现不能上网，就联系了修网线的师傅过来，由于网线断了，师傅去26楼接网线的时候发现了一只小兔基，女盆友看见后超喜欢（其实女朋友一直想要一只小兔基），修网线的师傅打算拿回家炖了，在我们的要求下便给了我们——这便是奶糖的来历。下图是女盆友第一次抱着奶糖时的照片。关于名字关于给小兔基起名字，也是伤透了脑筋的事情，后来我一度想干脆叫它小兔基算了，有一段时间我们一直以叫狗的方式叫它，这个习惯一直延续到现在，也是它唯一能听的懂的名字，但这毕竟是个小名，后来女盆友想了一个好名字，我们决定叫它奶糖，来源就是大白兔奶糖，并且它收起爪子趴在地上时确实像个大奶糖。日记下面会记录奶糖日常生活中比较有意思的事情。纸窝窝奶糖来的第一天特别的乖巧听话，为什么这么说呢，因为后面实在是太不听话了，我们找了一个纸箱子给他做窝窝，刚刚来到陌生环境的奶糖胆子特别小，一天时间都没出这个纸箱子，o(∩_∩)o 哈哈。我们在箱子底下垫一些纸，每天更换，这样硬是撑了好久。搬进新家喽后来我们发现纸箱子实在撑不下去了，因为奶糖会从箱子里跳出来，后来我们把箱子盖子竖起来，用胶带粘住，这样高度会加高一截，防止奶糖跳出来，然而道高一尺魔高一丈，这样也并不起作用了。后来我们干脆把奶糖关到自己的卧室里，爱怎么跑怎么跑去吧，这样一直坚持到几天后，奶糖竟然蹦上了床，并且在奶糖第二次在床上便便 ...继续阅读 (25)

最近（Jerry Zou）提议将data.js的单元测试工具替换为mocha（原来的是qunit），并且主导进行了整个过程，感谢社区，让我有动力了解这个优秀的工具。data.js 是带有消息通知的数据中心，我称其为会说话的数据。旨在让编程变得简单，世界变得美好本文将记录一些学习的笔记和使用过程中遇到的问题。关于我理解mocha是一个测试框架，特点是支持node和浏览器端，断言工具自由化，并有很多扩展。从前用qunit做测试，node需要用nodeunit，需要维护两套测试代码，非常不方便，有了mocha后就可以只维护一套了。断言mocha只是一个测试框架，只提供了测试套件，具体的断言工具还需要在挑选，比较流行的是chai，chai有很多选择，可以选择tdd，bdd，除此之外你还可以在这里挑选更多的断言工具。我们开始使用的是chai，后来发现在ie9一下不能run起来，就只能放弃了，换成了expect.js。安装全局安装mochanpm install -g mocha@~2.3.4 # 安装mocha本地安装npm install -g mocha@~2.3.4 --save-dev安装expect.jsnpm install -g expect.js@~0.3.1 --save-dev运行测试写好单元测试后运行下面的命令运行测试：mocha test总结代码例子可以查看data. ...继续阅读 (31)