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
如何使用
# 假设用户有个名为 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-metadatanpm 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加密算法
https://cryptojs.gitbook.io/docs/
发布成微信小游戏:
egret publish --target wxgame
如何升级编译模式：
我们建议白鹭引擎的开发者将现有项目迁移至legacy模式，这将大大提升您项目的编译速度，为您的团队每位前端工程师每天至少节省半个小时的时间。
在config.ts文件里，引入这两行，注掉IncrementCompilePlugin
使用 Webpack 改进编译速度
IOC框架设计 和消息注册功能
Errorcode框架
策划数据ORM框架
和服务器通信完成
加了事件分发机制
策划数据加载解析
错误码解析显示
滤镜支持
EUI支持
键盘支持
微信卡券API的使用
虚拟摇杆的使用
tiled map地图的使用
html中location的用法详解