阿里云前端周刊 - 第 13 期

推荐

1. 京东618:ReactNative框架在京东无线端的实践

http://www.infoq.com/cn/articles/jd-618-ReactNative-jingdong-practise

React Native最近两三年之内整个框架在业界应该说是非常热门,很多团队、大公司都在做RN的一些研究开发工作。先一起回想下在React Native框架出现之前,互联网APP开发是一种什么样的模式。最初,大多数同学应该是用原生开发Android或者iOS,再加上HTML5内嵌的方式,即Web APP。之后又衍生出了Hybrid APP,基于PhoneGap/Cordova框架实现了WebView的能力强化。不知道大家在做这种开发的时候,有没有遇到过一些瓶颈或者一些痛点,反正我们的团队是遇到了很多。这里总结一下之前传统的方式有哪些问题。

2. 为什么我选择了 React 而不是 Vue?

https://medium.com/@CalinLeafshade/why-i-chose-react-over-vue-3dd9a230b507

本文作者阐述了自己在技术选型过程中更倾向于 React 的原因,本文带有较强的主观色彩,请读者批判性阅读。本文作者认为 React 与 Vue 虽然是相似的前端组件型库,但是 Vue、Angular、Knockout 等框架依旧是以 HTML 为中心,使用指令来描述部分逻辑;而 React 则是以 JavaScript 为中心,完全使用 JavaScript 代码来描述逻辑。本文从模板、工具、状态的可变性等角度来论证自己的观点。

3. 规模化场景下的Twitter Lite与高性能React渐进式Web应用

http://www.infoq.com/cn/articles/twitter-lite-react-web-app

想要构建一款性能出色的Web应用程序,我们需要投入大量技术周期以检测时间浪费点、了解其发生原因并尝试各类解决方案。遗憾的是,这种做饭往往无法快速解决问题。性能无疑是一项永恒的命题,技术人员永远徘徊在观察与测量当中,却几乎永远找不到最优解。不过利用Twitter Lite,我们已经在众多层面内取得了细小但却极具价值的改进:从初始加载时间到React组件渲染(防止二次渲染),再到图像加载以及更多层面。尽管大多数变更本身并不显著,但其相加所带来的最终结果是,我们得以构建起一款规模极大且速度极快的渐进式Web应用程序。

4. 基于 JavaScript 的机器学习

https://hackernoon.com/machine-learning-with-javascript-part-1-9b97f3ed4fe5

人工智能与机器学习的浪潮汹涌而来,JavaScript 也并非旁观者;可能有很多人认为 JavaScript 过于缓慢、缺乏大量的科学计算库、仅适用于 Web 开发,而本文以及系列文章则深入浅出地介绍了如何利用 JavaScript 进行常见的深度学习操作。本文即以简单的回归拟合为例,从最基础的库安装、数据导入、数据预处理到模型训练、模型预测 介绍了如何使用 JavaScript 进行简单的机器学习任务。

其它

1. URL编码的奥秘

https://aotu.io/notes/2017/06/15/The-mystery-of-URL-encoding/

URL编码的世界很精彩,你不过来看一下么?

2. 现代 Web 开发魔法书

https://github.com/dexteryy/spellbook-of-modern-webdev

本书是对现代 JavaScript Web 开发中涉及知识的分类与介绍,来源于作者日常工作中发送给全栈 Web 团队新人的资源;目前已经纳入了超过两千的涵盖了项目、工具、插件、服务、文章、数据、站点等多方面的链接。本书包含了 Web 平台概述、HTML5,CSS,JS 特性介绍、常用的 GUI 框架与架构介绍、应用开发流程中使用的工具介绍等等栏目

3. 谈爬虫反爬虫套路,以及前端工程师在该领域的逆袭

https://parg.co/b9b

本文首先介绍了爬虫与反爬虫的现状,造成目前爬虫流量泛滥的原因,然后讨论了,爬虫反爬虫技术的现状以及双方相互套路的方式,最后聊了下前端工程师在该领域会起到的作用。

4. 五个提升 React Native 应用性能的方法

https://hackernoon.com/5-ways-we-improved-our-react-native-app-2704d5098b20

本文作者分享了自己在过去一段时间内尝试提升公司 React Native 应用性能的实践经验,包括如何设置有效的性能测试、强制启动 no-bind 规则、使用函数式组件、重制 TabMap 的逻辑等等。

5. Chrome 60 Beta 发布,新增 Patint Timing API

https://blog.chromium.org/2017/06/chrome-60-beta-paint-timing-api-css.html

近日发布的 Chrome 60 Beta 版本中添加了 Paint Timing API、CSS font-display 等新特性,同时优化了证书管理、支付请求接口等功能。我们可以方便地使用 Paint Timing API 来对网页的加载指标中的,首屏绘制与首屏内容绘制进行计算。

时间: 2024-09-16 02:53:13

阿里云前端周刊 - 第 13 期的相关文章

阿里云前端周刊 - 第 24 期

推荐 1. Firefox 引入 Headless 模式 https://developer.mozilla.org/en-US/Firefox/Headless_mode 类似于 Chrome 的 Headless 模式,现在 Firefox 也引入了 Headless 模式,其允许开发者利用 Firefox 进行更加方便地自动化测试.动态网页抓取等操作:本文也介绍了如何利用 Selenium 控制 Firefox 进行自动化浏览器操作等内容. 2. Webpack 4 开发计划 https:

阿里云前端周刊 - 第 20 期

推荐 1. 阿里电商架构演变之路 https://yq.aliyun.com/articles/161190 首届阿里巴巴中间件技术峰会上,阿里巴巴中间件技术部专家唐三带来"阿里电商架构演变之路"的演讲,本文从阿里业务和技术架构开始引入,分别分享了阿里电商从1.0到4.0架构的演变之路,着重分析了分布式和异地多活的改变之路. 2. WebVR开发教程 - 深度剖析 https://zhuanlan.zhihu.com/p/28324884 最近WebVR API 1.1已经发布,2.0

阿里云前端周刊 - 第 32 期

推荐 1. Preact:一个备胎的自我修养 https://zhuanlan.zhihu.com/p/30796007 前一段时间由于React Licence的问题,团队内部积极的探索React的替代方案,同时考虑到之后可能开展的移动端业务,团队目标是希望能够找到一个迁移成本低,体量小的替代产品.经过多方探索,Preact进入了我们的视野.从接触到Preact开始,一路学习下来折损了许多头发,也收获不少思考,这里想和大家介绍一下Preact的实现思路,也分享一下自己的思考所得. 2. 图片即

阿里云前端周刊 - 第 19 期

推荐 1. 高性能 MobX 模式(part 3)- 用例教程 https://zhuanlan.zhihu.com/p/28199184 前面两部分把重点放在了 MobX 基础模块的构建上.用这些模块我们可以开始解决一些现实场景的问题了.这篇文章将会通过一系列的示例来应用我们已经了解的概念. 当然了,这不会是一个冗长的列表,而是可以让你尝试转变思维去应用 MobX.所有示例都没有使用 @decorator 的语法来实现.这样可以让你在 Chrome 控制台.Node命令行环境或者是像 Webs

阿里云前端周刊 - 第 30 期

推荐 1. React 16 新特性尝鲜实战教程 https://juejin.im/post/59f26fe5f265da43252889d9 React 16 的发布除开源许可证和 Fiber 机制全面开启之外,还为我们提供了部分非常强大的新特性,本视频教程将通过实例带你探索这些新特性,从 Error Boundary 到 Text Only Component,再到 Portal,共 6 小节,19 分钟,每个小节实例讲解一个新特性,在讲解新特性基本用法的同时会介绍新特性的最佳实践.学完本

阿里云前端周刊 - 第 23 期

推荐 1. 组件化设计思维 – 从规范到工具的构建与探索 http://www.zcool.com.cn/article/ZNTQ4NjE2.html 阿里巴巴在中台战略的背景下,设计提效又再次推动着设计思维的变革.设计师们不仅仅需要出色地完成业务需求的设计,同时还需要思考设计的价值,也就是经常提到的最佳方案性价比.我们需要在设计的个性化表达和资源投入之间找到最佳的平衡点,在关注出色视觉表现的基础上,逐渐加强对项目协同及体验价值的关注,逐步形成新的设计思维模式. 2. 如何使用 Issue 管理

阿里云前端周刊 - 第 31 期

推荐 1. 利用 Dawn 工程化工具实践 MobX 数据流管理方案 https://zhuanlan.zhihu.com/p/30554301 项目在最初应用 MobX 时,对较为复杂的多人协作项目的数据流管理方案没有一个优雅的解决方案,通过对MobX官方文档中针对大型可维护项目最佳实践的学习和应用,把自己的理解抽象出一个简单的todoMVC应用,供大家交流和讨论. 2. FreeWheel 前后端分离改造实践 http://www.infoq.com/cn/articles/freewhee

阿里云前端周刊 - 第 29 期

推荐 1. RESTful API 设计最佳实践 https://blog.philipphauer.de/restful-api-design-best-practices/ 项目资源的URL应该如何设计?用名词复数还是用名词单数?一个资源需要多少个URL?用哪种HTTP方法来创建一个新的资源?可选参数应该放在哪里?那些不涉及资源操作的URL呢?实现分页和版本控制的最好方法是什么?因为有太多的疑问,设计RESTful API变得很棘手.在这篇文章中,我们来看一下RESTful API设计,并给

阿里云前端周刊 - 第 27 期

推荐 1. Facebook 宣布重置 React,Jest,Flow 与 Immutable.js 的开源证书 https://code.facebook.com/posts/300798627056246 自宣布保留 React 等开源项目附带专利要求的开源协议之后,社区反馈了极大的不满与怀疑,包括 WordPress 在内的许多开源项目也宣布即将切换技术栈:鉴于此,Facebook 宣布将在下周统一地重置 React,Jest,Flow,Immutable.js 为 MIT 开源协议.亡羊