mongo

  1. 基础用法

  2. ES6Promise :

    var promise = Meetups.find({ tags: ‘javascript’ }).select(‘_id’).exec();

promise.then(function (meetups) {
var ids = meetups.map(function (m) {
return m._id;
});
return People.find({ meetups: { $in: ids }).exec();
}).then(function (people) {
if (people.length < 10000) {
throw new Error(‘Too few people!!!’);
} else {
throw new Error(‘Still need more people!!!’);
}
}).then(null, function (err) {
assert.ok(err instanceof Error);
});

微信平台

==============
有用的插件、ui:

  1. WeUI
    为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI。

  2. 微信 web 开发者工具
    公众平台发布微信 web 开发者工具,可以在 PC 或 Mac 上模拟访问微信内网页,帮助开发者更方便地进行开发和调试。

es6


1.module
模块化

AMD(提前执行):
代表【require.js】

define(['./a', './b'], function(a, b) { // 依赖必须一开始就写好
a.doSomething()
// ...
b.doSomething()
// ...
})

CMD(延迟执行):CMD 推崇 as lazy as possible
代表【sea.js】

define(function(require, exports, module) {
var a = require('./a')
a.doSomething()
// ...
var b = require('./b') // 依赖可以就近书写
b.doSomething()
// ...
})

CommonJS:require() 与 exports

// package/lib 是我们须要的一个依赖项
var lib = require('package/lib');

// 我们的模块的一些行为
function foo(){
    lib.log('hello world!');
}

// 把 foo 导出(暴露)给其它模块
exports.foo = foo;

zTree入门到精通(1)

<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="ztree/css/zTreeStyle/zTreeStyle.css"/>
    <script type="text/javascript" src="jquery/jquery.js"></script>
    <script type="text/javascript" src="ztree/js/jquery.ztree.all-3.5.js"></script>
    <script>
        $(function () {
            var data = [
                {"id": 0, "name": "根节点"},
                {"id": 1, "name": "节点1", "pid": 0},
                {"id": 2, "name": "节点2", "pid": 0},
                {"id": 3, "name": "节点3", "pid": 0},
                {"id": 4, "name": "节点4", "pid": 0},
                {"id": 21, "name": "节点21", "pid": 2},
                {"id": 22, "name": "节点22", "pid": 2},
                {"id": 23, "name": "节点23", "pid": 2}
            ];
               var setting = {
                   data: {
                       simpleData: {
                           enable: true,    //  默认为false,设置为true的时候才可以使用简单数据格式。
                           idKey: "id",       // 节点数据中保存唯一标识的属性名称:对应data里面的id。
                           pIdKey: "pid",   // 节点数据中保存其父节点唯一标识的属性名称:对应data里面的pid。
                           rootPid: 0         // 用于修正根节点父节点数据,即 pIdKey 指定的属性值。
                     }
                 }
             };
            var zTree = $.fn.zTree.init($("#tree"), setting, data);
            zTree.expandAll(true);  // 展开全部节点
        });
    </script>
</head>
<body>
<div id="tree"></div>
</body>
</html>

1.使用上面的代码之后,你会发现添加了jquery、css、js ,树还是不能正常显示,你需要:

<div id="tree"></div>

添加class,改成下面这样:

<div id="tree" class="ztree"></div>

egret使用心得

前阶段用egret做了个小项目,这里总结一下:

命令行总结:

1.官网命令行汇总
2.关于自动编译:

egret startserver -a    //启动服务器并自动编译(ctrl+s可以自动编译ts文件)
egret startserver -a -port 88 //修改端口

3.使用 egret build -e命令,引擎会自动把使用到的类库放到你的项目里,如何扩展模块:
http://edn.egret.com/cn/index.php/article/index/id/650

4.可以安装httpster来启动一个服务,就算不用webstorm或者其他编辑器,也方便开发。
安装httpster:npm install -g httpster
修改端口号: httpster -p 8080
详细教程地址:搭建简单的本地服务器

调试手机端,weinre使用 :

  1. weinre官网
  2. Web移动应用远程调试工具 Weinre

关于egret的一些不错的教程和资料地址:

  1. Egret大教程
  2. 使用egret的资源加载机制(RES)
  3. 调tween动画的界面
  4. 游戏–场景切换,自定义用户事件
  5. 如何生成 .d.ts
  6. 深度管理,实现类似css的index功能

性能优化:

Egret包含多种显示对象,要限制内存使用量,需选择合适的显示对象。

  • 对于非交互的简单形状,使用Shape。
  • 对于没有重绘需求有子节点,使用DisplayObjectContainer 。
  • 对于有重绘需求有子节点,使用Sprite。