Egret Wing使用总结

简介: 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的用法详解

目录
相关文章
Egret 碰撞检测总结
Egret 碰撞检测总结
91 0
|
JSON JavaScript 数据可视化
egret入门,这一篇应该够了
egret入门,这一篇应该够了
558 0
Egret学习笔记.2 (Egret开发环境)
Egret学习笔记.2 (Egret开发环境)
97 0
|
Web App开发 容器
Egret学习笔记 (Egret打飞机-2.开始游戏)
Egret学习笔记 (Egret打飞机-2.开始游戏)
88 0
Egret学习笔记 (Egret打飞机-1.大致思路)   
Egret学习笔记 (Egret打飞机-1.大致思路)   
90 0
|
容器
Egret学习笔记 (Egret打飞机-5.实现子弹对象)
Egret学习笔记 (Egret打飞机-5.实现子弹对象)
114 0
|
前端开发
游戏客户端面试(Egret)
游戏客户端面试(Egret)
游戏客户端面试(Egret)
|
测试技术
egret createchild,childrencreate与addtostage比较
egret createchild,childrencreate与addtostage比较