Egret Wing使用总结

1- 第三方框架安装

初始化 npm init -f，相应的就会生成package.json

然后，再安装所需框架 比如:

npm install log4js

卸载

npm uninstall 模块：删除模块，但不删除模块留在package.json中的对应信息

npm uninstall 模块 --save 删除模块，同时删除模块留在package.json中dependencies下的对应信息

npm uninstall 模块 --save-dev 删除模块，同时删除模块留在package.json中devDependencies下的对应信息

2.log4js,log4ts 选择哪个？

3.单元测试如何做？

4.资源中end.json怎么弄出来的？

4.有用的快捷键, 

查找类，ctrl+P

查找方法 ctrl+shift+o

被实现，

Shift+F12：查找所有引用

Alt+Shift+F:格式化代码

• 切换到上一个编辑器 (​​Ctrl+Tab​​)
• 切换到上一个编辑位置 (​​Alt+Left​​)
• 格式化代码 (​​Shift+Alt+F​​)
• 删除当前行 (​​Ctrl+Shift+k​​)

egert快捷方式调整的文件为keybindings.json

具体调整的内容如下：

// 将键绑定放入此文件中以覆盖默认值
[
    {
        "key": "f1",
        "command": "workbench.action.debug.start",
        "when": "!inDebugMode"
    },
    {
        "key": "f5",
        "command": "workbench.action.debug.stepInto",
        "when": "inDebugMode"
    },
    {
        "key": "f6",
        "command": "workbench.action.debug.stepOver",
        "when": "inDebugMode"
    },
    {
        "key": "ctrl+shift+f",
        "command": "editor.action.formatDocument",
        "when": "editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly"
    },
    {
        "key": "ctrl+shift+t",
        "command": "workbench.action.quickOpen"
    },
    {
        "key": "ctrl+o",
        "command": "workbench.action.gotoSymbol"
    },
    {
        "key": "ctrl+left",
        "command": "workbench.action.navigateBack"
    },
    {
        "key": "ctrl+right",
        "command": "workbench.action.navigateForward"
    }
]

用户设置 settings.json

// 将设置放入此文件中以覆盖默认设置
{
    "editor.fontSize": 16,
    "editor.fontFamily": "Monaco,Consolas, 'Courier New', monospace"
}

工作区设置：

settings.json

{
  "search.exclude": {
    "**/bin-debug": true,
    "**/bin-release": true
  }
}

back=Alt+ <--

继承

export class WeixinSharePanelMediator extends Mediator {

}

版本升级 egret upgrade --egretversion 5.1.8

protobuf使用

如何安装

npm install [email protected] -g
npm install @egret/protobuf -g

最新版本的话
npm install protobufjs@latest -g

如何使用

# 假设用户有个名为 egret-project 的白鹭项目
cd egret-project
# 将代码和项目结构拷贝至白鹭项目中
pb-egret add
# 将 protofile 文件放在 egret-project/protobuf/protofile 文件夹中
pb-egret generate
# 文件将会生成到 protobuf/bundles 文件夹

将protobuf文件拷贝到protofile目录下:common.proto

​​https://bbs.egret.com/thread-46130-1-8.html​​

pbjs命令

如何try catch异常

try {
 var supportWebp = document.createElement('canvas').toDataURL('image/webp').indexOf('data:image/webp') == 0;
 } catch (err) {}

实时编译技术：tsconfig.json里添加

"watch": true,

{
    "compilerOptions": {
        "target": "es5",
        "outDir": "bin-debug",
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true,
        "watch": true,
        "lib": [
            "es6",
            "dom",
            "es2015.promise"
        ],
        "types": []
    },
    "include": [
        "src",
        "libs",
        "protobuf/**/*.d.ts"
    ]
}

在终端输入 tsc 就会实时编译了，会进入watch模式, 只要输入一次。

 File change detected. Starting incremental compilation...
Compilation complete. Watching for file changes.

要不要做接受缓冲区？

如何使用反射

我们可以引入 ​​reflect-metadata​​ 库来使用元数据反射 API:

npm install reflect-metadata

npm install inversify reflect-metadata --save

查看TS的版本

查看npm 服务器上的版本号

npm view protobufjs  versions

查看本地安装的版本

npm ls protobufjs -g

升级TypeScript  确认版本号在 2.0 以上

npm uninstall -g protobufjs

npm install -g protobufjs

tsc -v

npm install --save-dev typescript

instanceof

instanceof可以用来判断一个对象是否为指定的类型，如果是则返回true，否则返回false，如下：

if (obj instanceof String) {
    alert("obj is string!");
}

typeof

可以获取类型的字符串描述：

1 typeof 3 // "number"
2 typeof "abc" // "string"
3 typeof {} // "object"
4 typeof true // "boolean"
5 typeof undefined // "undefined"
6 typeof function(){} // "function"

typescript加密算法

​​CryptoJS - CryptoJS​​

发布成微信小游戏:

egret publish --target wxgame

如何升级编译模式：

我们建议白鹭引擎的开发者将现有项目迁移至legacy模式，这将大大提升您项目的编译速度，为您的团队每位前端工程师每天至少节省半个小时的时间。

在config.ts文件里，引入这两行，注掉IncrementCompilePlugin

​​使用 Webpack 改进编译速度​​

IOC框架设计 和消息注册功能

Errorcode框架

策划数据ORM框架

和服务器通信完成

加了事件分发机制

策划数据加载解析

错误码解析显示

滤镜支持

EUI支持

键盘支持

微信卡券API的使用

虚拟摇杆的使用

tiled map地图的使用

​​html中location的用法详解​​