2019-2021 美团技术年货 前端篇ANativeWindow 创建而来。对于鸿蒙而言,虽 然我们没有从公开文档找到类似的说明,但是 鸿蒙标准库 默认支持了 OpenGL ES, 而且鸿蒙 SDK 中也附带了 EGL 相关的库及头文件,我们有理由相信在鸿蒙系统上, EGLSurface 也可以通过此方法从前一步生成的 NativeLayer 转化而来,在之后的 验证中我们也确认了这一点: // window->handle() 化和性能相关的事项做的还比较少,例如: 前端 < 17 ● Flutter Web 构建产物较简陋,只是简单的输出 main.dart.js(1.1M,未 Gzip) 和 图片等静态资源,缺少 JS 拆包、文件 Hash、资源上传 CDN 等优 化工作,极大影响了页面的加载性能。 ● 由于 Flutter Web 自身实现了一套页面滚动机制,页面滚动过程中,会频繁计 算位置信息,引起滚动区域内容被重新创建,最终导致页面滚动性能较差。 print(‘其他端’); } 文件级别分平台 针对文件级别分平台,我们利用条件导入导出,其中条件导出具体用法如下: // tool.dart export ‘src/tool_native.dart’ // 兜底导出,即没有命中条件时导出的文件 if (dart.library.html) ‘src/tool_web.dart’; // web 端导出的文件,该文件 中可以使用 dart:html,也可以通过判断0 码力 | 738 页 | 50.29 MB | 1 年前3
electron中文教程
版本的二进制文件。需要注意的是 ARM 版本的 Windows 目 前尚不支持. 预编译的 ia32 ( i686 ) 和 x64 ( amd64 ) 版本 Electron 二进制文件都是在Ubuntu 12.04 下编译 的, arm 版的二进制文件是在 ARM v7(硬浮点 ABI 与Debian Wheezy 版本的 NEON)下完成的。 预编译二进制文件是否能够运 Windows Linux 支持平台 - 6 - 本文档使用 书栈(BookStack.CN) 构建 为了使用 Electron 部署你的应用程序,你存放应用程序的文件夹需要叫做 app 并且需要放在 Electron 的 资源文件夹下(在 macOS 中是指 Electron.app/Contents/Resources/ ,在 Linux 和 Windows 中是指 resources/ 就会以你的应用程序的方式启动。 electron 文件夹将被部署并可以分发给最终的使用者。 除了通过拷贝所有的资源文件来分发你的应用程序之外,你可以通过打包你的应用程序为一个 asar 库文件以避免暴 露你的源代码。 为了使用一个 asar 库文件代替 app 文件夹,你需要修改这个库文件的名字为 app.asar ,然后将其放到 Electron 的资源文件夹下,然后 Electron 就0 码力 | 203 页 | 2.72 MB | 1 年前3
廖雪峰JavaScript教程6.2 操作DOM 6.2.1 更新DOM 6.2.2 插入DOM - 2 - 本文档使用 书栈(BookStack.CN) 构建 6.2.3 删除DOM 6.3 操作表单 6.4 操作文件 6.5 AJAX 6.6 Promise 6.7 Canvas 7 jQuery 7.1 选择器 7.1.1 层级选择器 7.1.2 查找和过滤 7.2 操作DOM 7.2.1 修改DOM结构 包含的代码就是JavaScript代码,它将直接被浏览器执行。 第二种方法是把JavaScript代码放到一个单独的 .js 文件,然后在HTML中通过 引入这个文件: 1. 2. 3. 4. 这样, /static/js/abc.js 就会被浏览器执行。 把JavaScript代码放入一个单独的 .js 文件中更利于维护代码,并且多个页面可以各自引用同一 份 .js 文件。 可以在同一个页面中引入多个 .js 文件,还可以在页面中多次编写 ,浏览器按照顺序依次执行。 有些时候你会看到0 码力 | 264 页 | 2.81 MB | 10 月前3
《玩转webpack》 第三章 基础篇 Webpack 进阶用法开发商城项⽬目 08 基础篇:webpack 进阶⽤用法 03 ������� ����������� 当前构建时的问题 每次构建的时候不不会清理理⽬目录,造成构建的输出⽬目录 output ⽂文件越来越多 通过 npm scripts 清理理构建⽬目录 rm -rf ./dist && webpack rimraf ./dist && webpack ⾃自动清理理构建⽬目录 module 定位到源代码 · 线上排查问题的时候可以将 sourcemap 上传到错误监控系统 · source map科普⽂文:http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html source map 关键字 source map: 产⽣生.map⽂文件 eval: 使⽤用eval包裹模块代码 cheap: 不不包含列列信息 不不包含列列信息 inline: 将.map作为DataURI嵌⼊入,不不单独⽣生成.map⽂文件 module:包含loader的sourcemap source map 类型 基础库分离 ·思路路:将 react、react-dom 基础 包通过 cdn 引⼊入,不不打⼊入 bundle 中 ·⽅方法:使⽤用 html-webpack- externals-plugin 利利⽤用 SplitChunksPlugin0 码力 | 69 页 | 4.33 MB | 1 年前3
TypeScript Handbook(中文版)
类型兼容性 高级类型 Symbols Iterators 和 Generators 模块 命名空间 命名空间和模块 模块解析 声明合并 书写.d.ts文件 JSX Decorators 混入 三斜线指令 如何书写声明文件 结构 规范 举例 深入 发布 使用 工程配置 tsconfig.json NPM包的类型 TypeScript Handbook(中文版) 类型兼容性 高级类型 Symbols Iterators 和 Generators 模块 命名空间 命名空间和模块 模块解析 声明合并 书写.d.ts文件 JSX Decorators 混入 三斜线指令 如何书写声明文件 结构 TypeScript Handbook(中文版) 5 介绍 规范 举例 深入 发布 使用 工程配置 tsconfig.json NPM包的类型 Studio还没有安装TypeScript,你可以下载它。 针对使用npm的用户: > npm install -g typescript 构建你的第一个TypeScript文件 在编辑器,将下面的代码输入到 greeter.ts 文件里: function greeter(person) { return "Hello, " + person; } var user = "Jane User";0 码力 | 557 页 | 7.48 MB | 1 年前3
TypeScript 4.0 使用手册
模块 命名空间 命名空间和模块 模块解析 声明合并 JSX Decorators 混入 三斜线指令 JavaScript文件里的类型检查 - 2 - 本文档使用 书栈网 · BookStack.CN 构建 实用工具类型 如何书写声明文件 介绍 库结构 举例 最佳实践 深入 模板 发布 使用 工程配置 tsconfig.json 工程引用 NPM包的类型 Iterators 和 Generators 模块 命名空间 命名空间和模块 模块解析 声明合并 JSX Decorators 混入 三斜线指令 JavaScript文件里的类型检查 实用工具类型 如何书写声明文件 介绍 目录 README - 8 - 本文档使用 书栈网 · BookStack.CN 构建 库结构 举例 最佳实践 深入 模板 发布 使用 工程配置 Iterators 和 Generators 模块 命名空间 命名空间和模块 模块解析 声明合并 JSX Decorators 混入 三斜线指令 JavaScript文件里的类型检查 实用工具类型 如何书写声明文件 介绍 库结构 举例 最佳实践 深入 模板 发布 使用 工程配置 tsconfig.json 工程引用 NPM包的类型 编译选项 配置 Watch0 码力 | 683 页 | 6.27 MB | 1 年前3
通过 Electron 托盘(tray)实现后台执⾏⻓任务2020-11-26 tags: electron, node description: 通过 Electron 托盘(tray)实现后台执⾏⻓任务。 Electron 应⽤在执⾏⼀些⻓时间任务(⽐如上传、下载),我们想关闭界⾯后任务依旧执⾏。再次打开界⾯,依旧可以看到正在执⾏的任务以及任 务进度。托盘可以帮我们实现这个功能。 创建托盘和菜单示例 实例化 Tray 并传⼊图标路径; 创建菜单并配置到托盘中。0 码力 | 6 页 | 1.19 MB | 1 年前3
陈新新 Flutter & Dart全栈开发Reloader BIZ - 1001 BIZ - 1002 BIZ - 1003 BIZ - 1004 Clients Developers Isolate隔离 单线程异步开发模型 HTTP访问 打包上传 多Isolate增强并发处理理能⼒力力 闲⻥鱼 - 让你的闲置游起来 本地测试 本地调⽤用远程服务 单次请求所有⽇日志回传 Dart Zone HTTP 闲⻥鱼 - 让你的闲置游起来0 码力 | 39 页 | 17.12 MB | 1 年前3
Web的未来
新技术和新语言带来的改变Dart 语言实现的,然后 dart2js 自己把自己编译成了 JS。 甚至这些非编译为 JavaScript 的语言: Go http://play.golang.org/ 但原理是将代码上传到服务器(沙盒中)执行,并返回输出 其它数十种编译到JS或JS的扩展语言 ● ClojureScript ● LiveScript ● RubyJS ● GWT ● Asm.js ● ……0 码力 | 91 页 | 3.44 MB | 1 年前3
Gulp 入门指南前端开发工作中有很多“重复工作”,比如压缩CSS/JS文件。而这些工作都是有规律的。找到这 些规律,并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 将规律转换为 gulp 代码 现有目录结构如下: └── js/ └── a.js 规律 1. 找到 js/目录下的所有 .js 文件 2. 压缩这些 js 文件 3. 将压缩后的代码另存在 dist/js/ 目录下 JavaScript 文件 gulp.task('script', function() { // 1. 找到 gulp.src('js/*.js') // 2. 压缩 .pipe(uglify()) // 3. 另存 .pipe(gulp.dest('dist/js')); }); 代码执行结果 代码执行后文件结构 └── js/ demo(n){alert("--------\r\n"+n+"\r\n--------")}demo("Hi"); 此时 dist/js 目录下的 .js 文件都是压缩后的版本。 你还可以监控 js/ 目录下的 js 文件,当某个文件被修改时,自动压缩修改文件。启动 gulp 后就可以让它 帮助你自动构建 Web 项目。 gulp 还可以做很多事,例如: 1. 压缩CSS 2. 压缩图片 3.0 码力 | 36 页 | 275.87 KB | 1 年前3
共 57 条
- 1
- 2
- 3
- 4
- 5
- 6













