算法简单说

先来讲经典例题：出栈入栈、快排、插入排序、折半插入排序、希尔排序

好吧，我讲实话，前端实际工作中很少写这个东西，都是以前写好的东西，封装成util文件，即使要用也是直接调函数的，基本不手写；下面从插入排序开始其实都是以前写好的

在开始正式话题之前，突然想到一个很搞笑的对”老铁”的解释，以前实训的时候班上有一个可能是老铁这个词发源地的女生说：
她们那里特别冷，老铁最开始是指那些小时候的玩伴，几个人在外面玩的时候，可能有小朋友在铁棒上伸舌头玩，又特别冷，就被冻在铁棒上拿不下来了，就很着急，怎么办呢， 其他他的好朋友就在旁边帮他吹气一起舔,然后大家的舌头就都被冻在铁棒上了.
想象那种场景，感觉还是比较奇幻的，一排小朋友，翘着屁股，表情狰狞，舌头都被冻在铁棒上 >_<

let us begin!
展开全文 >>

脚手架

该部分已经开发完成，请按照下述使用方式拉取框架

模版内置支持

• 热更新、支持es6、less或sass等
• 利用html-webpack-plugin来生成html页面
• 利用 extract-text-webpack-plugin 自动加载生成的css、less等
• 处理资源的动态路径问题
• 合理管理前端环境，如预发环境和线上环境

脚手架使用方式（已发布到npm仓库）

1
2
3
4

// 安装脚手架,不全局安装的画，snowcat命令只能在当前文件夹使用
npm install snowcat -g
// 拉取项目模板
snowcat init

迭代监控系统投屏页面

新投屏基本设计

最新版本:

有一点需要明确：性能受场景的影响是非常大的，不同的场景可能造成不同实现方案之间成倍的性能差距，所以Virtual DOM的性能不一定就好，需要依赖细粒度绑定来进一步优化。

首先有一点需要明确的是: 目前主流的框架基本都是DOM in js ,将一个个html抽象成组件，跳转页面即映射组件，包括vue、react基本都是本原理，并且目前最新的css方案是 css-in-js，这意味着什么？
从万物即web(很多东西都是一个webview壳子套H5页面)，到web即js

对”DOM操作慢”的认识

很大一部分耗时是操作dom时的浏览器动作，虚拟dom的很大一部分性能提升是把更新的操作次数减少.
浏览器（webkit内核的）进行一次渲染的过程如下所示：

• 解析HTML，并生成一棵DOM tree
• 解析各种样式并结合DOM tree生成一棵Render tree
• 对Render tree的各个节点计算布局信息，比如box的位置与尺寸
• 根据Render tree并利用浏览器的UI层进行绘制

js的一些小技巧

个人写js到现在还是感觉js简写是很重要的.首先，即使我们不写，也要认识其他人的这种写法（比如VUE源码）；其次，代码执行效率比较高(上述我都是在扯淡)，最后也是最重要的是：装逼！，对，就是装逼，学技术不装逼还学什么技术?人生的一大乐趣就是装逼 >_<
比如如下例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

var a = b =1 ;
// 这个需要好好谈一下，首先我是希望自己和别人都不写这种代码，但是大家放心，一定有很多人这么写 -_-!
// 先说一下根源，根源是因为像C、C++、java、javascript这样的语言中，都有一个潜规则，赋值语句都有返回值

// 原始写法
var a =1;
var b =1;
// 这样是不是有点麻烦，改变一下
var a =1,
    b=1;
// 有人再进一步
var a=b=1;   
// 看起来这样很帅，很牛逼，也确实达到了这个效果，但是有时有一定的问题
// 我们来看一下这个例子：
function test(){
  var a=b=c=1
}
test()
console.log(b)  // 1
console.log(c)  // 1
console.log(a)  // a is not defined
// 原因是什么呢？这个多连等等价于
var a // 声明提升，处于函数作用域内 
c=1   // 未定义，在当前作用域链找不到，向上寻找，最终挂载在Global对象上（浏览器的window对象）
b=1   // 同理
a=1   // a已定义，直接赋值

// 这就是我为什么不推荐这种精简写法的原因，不可控
// 你说你写着代码，突然有个哥们提交了代码，
// 里面有个和你重名的变量这样写，你还以为变量在函数作用链中，就没加注意，好了gg，可能要找一会了
// "这什么鬼东西？为什么结果不对？-_-！" ， 那哥们可能还很无辜，我没做什么啊，我又没改你代码.....