es6火了这么久，一直没有抽时间来实践一把，今天顺便把gulp flow也一起实践了一下。之前我是用RequireJS来实现的模块化，既然前端发展的那么迅速，RequireJS在可预见的未来会应该会”过时”，索性就用es6来实现模块化，零经验起步，搜索的过程中才发现中文资料是有多匮乏，折腾了好久，赶紧记录下来，以备后用。

1. 唯一索引

   1	db.things.ensureIndex({'key' : 1}, {unique : true, dropDups : true})

   但是dropDups is not supported by MongoDB 2.7.5 or newer所以这个方法只能在2.7.5版本以下才行

   阅读全文 »

特别感谢pm2.5提供接口
因为返回的数据直接就是[{},{}]格式，所以偷懒直接用mongodb来存储了。

第一章 富有表现力的JavaScript

JavaScript是弱类型的语言，所有对象和类都是易变的，可以在运行时修改。JavaScript使用设计模式，主要是因为可以提高可维护性、沟通更简单、有一些设计模式能提升性能。

1 Loading and Execution

由于js的加载和执行会阻塞页面其他操作，影响用户体验，所以需要解决这个问题，解决的办法主要还是：

1. script标签的defer（IE），asyc（HTML5）属性，实现这个标签异步加载，不影响其他的下载及页面渲染。
2. 动态创建script标签。
3. XHR下载js代码，注入到页面中。
   阅读全文 »

1 利用字符重复出现的次数，编写一个方法，实现基本的字符串压缩功能。比如，字符串“aabcccccaaa”经压缩会变成“a2b1c5a3”。若压缩后的字符串没有变短，则返回原先的字符串。

1. 冒泡排序

比较相邻的两个元素,前一个比后一个大则交换，一趟下来，最大的就冒到最后面了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

var testArray=[3,1,5,3,4,67,2];
function bubbleSort (argument) {
    for(var i=0;i<argument.length;i++){
        for(var j=0;j<argument.length-i;j++){
            if(argument[j]>argument[j+1]){
                var temp=argument[j];
                argument[j]=argument[j+1];
                argument[j+1]=temp;
            }
        }
    }
    return argument;
}
alert(bubbleSort(testArray));

*冒泡排序是稳定的，因为只有前一个比后一个大时才交换位置，相等不交换，时间复杂度是O(n^2)*

javascript高级程序设计第二版读书笔记

1.第二章 script元素

1. async 实现异步脚本，表示不妨碍其他脚本或资源的下载，两个async脚本的执行顺序是不确定的，所以要确保不会互相依赖。同时这段脚本最好不要修改dom，因为不确定是在DOMContentLoaded事件前发生还是后发生。
2. defer 表示脚本可以延迟到文档全部加载完成后再执行，延迟脚本
   阅读全文 »

第一章 精华

JavaScript中非常糟糕的一点就是依赖全局变量来连接，所有单元的顶级变量都最终挂载global这个全局变量中。

第二章 语法

空白符通常没有意义，标识符必须以字母开头，同时不能使用保留字，对象字面量中的属性名也不能出现保留字

1:http://datavlab.org 由淘宝可视化团队发起，意在为可视化的爱好者提供了解可视化，实践可视化，讨论可视化的渠道
2 http://vis.pku.edu.cn/weibova/weiboevents/ 北大袁晓如教授带领的团队的一个微博分析的工具，用来分析微博还是可以的。他们还有相关的作品，官方网站：http://vis.pku.edu.cn
3 http://www.cad.zju.edu.cn/home/vagblog/ 浙江大学可视化分析小组博客
4 http://selection.datavisualization.ch 里面就包含了众多的可视化工具D3.js
CargoDB之类的
5 图表类就比较多了：
1.Echarts:http://echarts.baidu.com/index.html
2.ECharts-X(三维可视化)http://echarts.baidu.com/x/doc/index.html
3.HightCharts 专业图表，和地图结合的比较少
4 jChartFX http://www.jchartfx.com/