（前端之巅）微信小程序技术专场在沪举行

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

（前端之巅）微信小程序技术专场在沪举行

规划| 秦云

前端周报重点关注大前端领域内容，帮助开发了解本周前端热点； 分为新闻热点、开发教程、工程实践、深度阅读、开源项目等栏目。 欢迎关注【前端置顶】微信公众号（ID：），及时获取前端周报。

以下提及的所有文章全文均可在文章末尾或以下链接找到（点击带下划线的文字可跳转）：

新闻热点

国内外，*新前端动态

：7月11日，微信公开课微信小程序技术专场在上海举办。 会上，微信公布了面向开发的技术规划，主要包括小程序技术能力与规划、小程序生态、小程序性能优化等。 三个方面。

未来的计划主要包括：

：7 月 12 日，黑客入侵了维护者的 NPM 帐户，并将携带病毒的 -scope 和 - 包发布到 NPM 注册表中。 当安装带有恶意病毒的软件包时，计算机会自动下载并执行代码，然后将包含NPM访问令牌的.npmrc文件内容发送给攻击者。

该事件发生的原因是帐户被盗的维护者在其他几个网站上设置了与 npm 相同的密码，并且没有在其 npm 帐户上启用双因素身份验证。

-scope@3.7.2 和 --@5.0.2 中包含的恶意软件包已从 npm 中删除，并且这些软件包中的链接已被删除。 npm 还撤销了 2018 年 7 月 12 日 12:30 UTC 之前颁发的所有访问令牌。 因此，受此攻击影响的所有访问令牌都不再可用。

：不久前，团队刚刚宣布放弃使用React。 不到一个月后，在线教育机构移动团队也于近日宣布从App中删除了*后一批使用React开发功能。 6月中旬，宣布RN将进行大规模重组。 这一系列事件让很多使用React的开发瑟瑟发抖，陷入恐慌。

在这篇文章中，团队将向您讲述他们使用 React 的历程以及放弃他们的原因。 我们也希望能给一些开发一些参考和启发，看看自己是否适合使用React。

开发教程

循序渐进，掌握基本功

如何构建更好的React应用：与React一起使用将大大改善开发体验。

允许您以类型接口的形式定义复杂的定义。 当您想在应用程序中使用复杂类型（例如包含其他属性的对象）时，将进行严格的审查以减少可能的错误。

在本文中，作者将向您展示如何使用代码来改进您的 React 应用程序。

如何在React 16中使用错误边界：React 16于2017年9月26日正式发布。在React 16中，每个人都可以使用错误边界这个新功能，它是一个React组件。 它和它的子组件形成一个树形结构，可以捕获各个位置的错误，记录错误，并显示备份界面，防止用户直接看到组件树的崩溃信息。 本文作者告诉您如何开始使用错误边界。

代码清理：如何重构和使用类：在较小的 React 项目中，将所有组件方法保留在组件本身内效果很好。 在中型项目中，您可能会发现自己希望从组件中获取这些方法并成为“帮手”。 在本文中，作者将向您展示如何使用类来组织代码，而不是导出单独的函数和变量。

工程实践

立足实践，提升实际水平

：UI自动化测试是通过模拟用户UI界面的手动操作，在代码中实现自动操作和验证的自动化测试方法。 十年前，这仍然是 PC Web 的世界（前端之巅）微信小程序技术专场在沪举行，驱动 Web UI 的自动化测试仍然是主流。 五年前，当测试人员熟悉API编写UI自动化用例时，互联网的主战场已经逐渐从Web端过渡到App端。 现在App的UI自动化框架已经比较成熟了，比如，，，，等等。

框架如何避免或减少UI问题？ 笔者认为：

：随着移动互联网的快速发展，移动应用越来越注重用户体验。 *重要的事情之一是页面的加载速度。 如果冷启动时间过长、页面渲染时间过长、网络请求过慢等用vue开发微信小程序，都会直接影响用户体验。 因此，如何监控整个项目的加载速度成为一个重要的挑战。

随着美团业务的快速迭代，新页面越来越多，业务逻辑越来越多，代码改动也越来越多。 这些不确定性将导致他们的速度测试代码耦合到业务逻辑中。 并且需要人工维护，增加了成本和风险。 于是通过借鉴之前的一些解决方案，分析他们存在的问题，结合自身的特点，实现了一套不需要业务代码侵入的自动化页面速度测试插件。 本文将对其原理做一些解读和分析。

阮一峰教程（Demo合集）：是一个前端工具，用于构建供浏览器使用的模块脚本。 它与 非常相似，但可以做更多事情。 本文内容包括：安装使用指南、入口文件、多个入口文件、Babel-、CSS-、Image、插件系统、如何加载第三方插件、环境变量、代码分离等。 15 个演示。

深读

深入思考，升华开发智慧

Vue手册：全面了解Vue：Vue可以说是今年*流行的前端框架。 由于其简单性和高性能，逐渐受到很多开发的青睐。 本文介绍了 Vue 的基本特性、如何构建 Vue 应用程序、深入了解 Vue CLI、Vue 组件、使用 Vuex 管理状态、使用 Vue 处理 URL 等 20 多个内容。 Vue 的初级开发可以点击原始链接进行 Pick。

Node 前端指南：本指南主要面向了解但不熟悉 Node 的前端开发。 本文包括Node版本选择、回调风格、模块体系、环境变量等10项内容。

开源项目

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等