MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe：Android 线上 OOM 问题定位组件 560 活动 Web 页面人机识别验证的探索与实践 580 React Native 工程中 TSLint ● 将本地窗口对象转换为 OpenGL ES 可识别的绘图表面（EGLSurface），用 于 Flutter 引擎的渲染上屏。 接下来我们用鸿蒙提供的平台能力实现这三点。 a. 可用于直接绘制的视图对象 鸿蒙系统的 UI 框架提供了很多常用视图组件（Component），比如按钮、文字、图 片、列表等，但我们需要抛开这些上层组件，获得直接绘制的能力。借助官方 媒体播 放器开发指导 对象可以用于视频解码后的展示。而 Flutter 渲染与视频上屏从原理上是类似的，因 此我们可以借用 SurfaceProvider 实现 Surface 的管理和创建： // 创建一个用于管理 Surface 的容器组件 SurfaceProvider surfaceProvider = new SurfaceProvider(context); // 注册视图创建回调 surfaceProvider.getSurfaceOps()

字符集中的字符作为其终结符，定义了一个产生式集合，其中的产生式以目标符的模式 (Pattern)为 起始，描述了 Unicode 字符是如何被翻译成正则表达式模式的。 词法文法和正则表达式文法的产生式被识别为被两个冒号"::"分割的产生式。词法文法和正 则表达式文法共享某些产生式。 5.1.3 数字化字符串文法 第二个文法被用于将字符串翻译为数值量。此文法类似词法文法中与数字常量有关的部分， 它被转化为一个输入元素流；通过一次应用语法文法，这个输入元素流继续被解析。如果输入 元素流中已不再留有托肯，而托 肯仍无法被解析为单个目标非终结符 Program，则这个程序语 法出 错。 语法文法的产生式被识别为仅被一个冒号":"分割的产生式。 语法文法在章节 11，12，13，14 中 体现①，它事实上不是能被正确的 ECMAScript 程序接 受的托肯序列中的一员。一个确定的额外托肯序列同样会被接受，也就是说，即使只有冒号被 体显示在文法的 产生式中，贯穿本规范中该文本被直接引用为一个终结符 的全过程。它们可 出现在写成的程序中。所有的非终结字符以这种特定的方式，作为恰当的、ASCII 范围内的 Unicode 字符被识别，以区别其它 Unicode 范围内看上去相似的 Unicode 字符。 非终结符以斜体(italic)显示。非终结符的定义由其被定义的名字后跟一个或更多冒号引入 （冒 号的数量指出产生式所属

JavaScript 和 HTML5 打包在一个容器之 中，使得它能同时在 iOS 和安卓上运行。Facebook 公司的 React Native 项目则是将 JavaScript 写的组件，编译成原生组件，从 而使它们具备优秀的性能。 Mozilla 基金会的手机操作系统 Firefox OS，更是直接将 JavaScript 作为操作系统的平台语言，但是很可惜这个项目没有成 导论 的入门会非常容易。 必须说明的是，虽然核心语法不难，但是 JavaScript 的复杂性体现 在另外两个方面。 首先，它涉及大量的外部 API。JavaScript 要发挥作用，必须与其 他组件配合，这些外部组件五花八门，数量极其庞大，几乎涉及网络应 用的各个方面，掌握它们绝非易事。 其次，JavaScript 语言有一些设计缺陷。某些地方相当不合理，另 一些地方则会出现怪异的运行结果。学习 JavaScript，很大一部分 格式一样重要和正式了。 历史 - 28 - 本文档使用 书栈(BookStack.CN) 构建 2013年5月，Facebook 发布 UI 框架库 React，引入了新的 JSX 语法，使得 UI 层可以用组件开发，同时引入了网页应用是状态机的 概念。 2014年，微软推出 JavaScript 的 Windows 库 WinJS，标志微 软公司全面支持 JavaScript 与 Windows 操作系统的融合。

JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具（台式机、手机、平板电脑等） 渐进式 Web 应用工具 脚手架工具 常规前端开发工具 模版／数据绑定工具 UI 组件 & 组件包 数据可视化工具（例如图表） 图形工具（例如 SVG、canvas、webGL） 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具（台式机、手机、平板电脑等） 渐进式 Web 应用工具 脚手架工具 常规前端开发工具 模版／数据绑定工具 UI 组件 & 组件包 数据可视化工具（例如图表） 图形工具（例如 SVG、canvas、webGL） 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) “The Web platform: what it is” 和维基百科 “Open Web Platform” 前端开发者是什么？ 13 2016 前端开发回顾 UI 组件和组件树被用于构建复杂 UI。 组件由单一文件构成，在单个文件中可能同时包含 HTML、CSS 和 JS 不再有违主流开 发思想。 React、Redux、Webpack、ECMAScript 2015（也叫 ES6）和

方法用于测试给定的字符串是否符合条件。 用正则表达式切分字符串比用固定的字符更灵活，请看正常的切分代码： 1. 'a b c'.split(' '); // ['a', 'b', '', '', 'c'] 嗯，无法识别连续的空格，用正则表达式试试： 1. 'a b c'.split(/\s+/); // ['a', 'b', 'c'] 无论多少个空格都可以正常分割。加入 , 试试： 1. 'a,b, c 这个正则表达式可以直接识别合法的时间。但是有些时候，用正则表达式也无法做到完全验证，比如识 别日期： 1. var re = /^(0[1-9]|1[0-2]|[0-9])-(0[1-9]|1[0-9]|2[0-9]|3[0-1]|[0-9])$/; 对于 '2-30' ， '4-31' 这样的非法日期，用正则还是识别不了，或者说写出来非常困难，这时就 需要程序配合识别了。 需要特别指出 手机上全面普及（桌面绝对是Microsoft拖了后 腿），对JavaScript的标准支持也很好，最新版本均支持ES6。 其他浏览器如Opera等由于市场份额太小就被自动忽略了。 另外还要注意识别各种国产浏览器，如某某安全浏览器，某某旋风浏览器，它们只是做了一个壳，其核 心调用的是IE，也有号称同时支持IE和Webkit的“双核”浏览器。 不同的浏览器对JavaScript支持的差异主要

个脚本里 面可以使用 ES6 代码。 注意，第四个 script 标签的 type 属性的值是 module ，而不 是 text/javascript 。这是 Traceur 编译器识别 ES6 代码的标志，编译器会自 动将所有 type=module 的代码编译为 ES5，然后再交给浏览器执行。 除了引用外部 ES6 脚本，也可以直接在网页中放置 ES6 代码。