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 protobufjs@6.11.2 -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的用法详解