阿里云前端周刊 - 第 21 期

简介: ## 推荐 ### 1. Firefox 55 引入 WebVR 支持 https://hacks.mozilla.org/2017/08/firefox-55-supports-webvr/?utm_source=frontendfocus&utm_medium=email 近日发布的 Windows 平台上的 Firefox 55 版本,成为首个支持新 WebVR 标准的桌面

推荐

1. Firefox 55 引入 WebVR 支持

https://hacks.mozilla.org/2017/08/firefox-55-supports-webvr/?utm_source=frontendfocus&utm_medium=email

近日发布的 Windows 平台上的 Firefox 55 版本,成为首个支持新 WebVR 标准的桌面浏览器;Mozilla 希望能够以此推动 WebVR 的进一步发展。除此之外,Firefox 55 还支持包括 async generators 在内的众多 ES2017/2018 特性,并且进一步提升了浏览器的性能表现以及安全保障;

2. Node.js 8.3.0 发布,引入 Ignition 与 TurboFan 执行流

https://medium.com/the-node-js-collection/node-js-8-3-0-is-now-available-shipping-with-the-ignition-turbofan-execution-pipeline-aa5875ad3367

Ignition 与 TurboFan 是 V8 5.9 版本中提供的新的解释器与编译器,它们替换了自 2010 年以来的 Full-codegen 与 Crankshaft,可以阅读这篇文章了解新的执行流带来的巨大性能优化。新版本为 Node.js 带来了极大的性能提升,除此之外新版本还修复了 8.x 系列中存在的部分错误,详细的特性与更新列表可以查看原文。

3. 利用 Node.js 构建 API Gateway

https://blog.risingstack.com/building-an-api-gateway-using-nodejs/

随着现代业务复杂度的增加,微服务的理念正在得到更多的落地实践;作为微服务架构的重要组成部分,API Gateway 能够为所有的后端服务提供统一的权限校验与客户端协议兼容的抽象层。本文首先介绍了微服务的基础架构与 API Gateway 的概念,然后介绍了面向前端团队的 Node.js API Gateway 组成。

4. 使用A-Frame打造WebVR版《我的世界》

https://juejin.im/post/59917b13f265da3e1d211f61

一名就职于 Mozilla VR 团队的 web 虚拟现实开发者,也是 A-Frame 的核心开发人员。今天,我们来看看如何使用 A-Frame 构建一个够在 HTC Vive、Oculus Rift、Samsung GearVR、Google Cardboard、桌面设备以及移动设备上运行的、支持空间追踪(room-scale)技术的 WebVR 版《我的世界》示例。

其它

1. 腾讯祭出大招VasSonic,让你的H5页面首屏秒开

https://segmentfault.com/a/1190000010711024?from=groupmessage&isappinstalled=1

作为腾讯开源组件分享给大家,从当初立项优化页面加载速度,到不断摸索、优化,再到整理代码、文档,最终在Github上开源,并且在24小时内获取star数超过1600。我们非常高兴看到我们的成果收到这么多的关注,趁此机会,正好回顾一下VasSonic的成长历程,也希望能够让大家更了解VasSonic。

2. 三周时间打造全栈 JavaScript Web 应用

https://medium.com/ladies-storm-hackathons/how-we-built-our-first-full-stack-javascript-web-app-in-three-weeks-8a4668dbd67c

本文记录了某个编程初学者如何用三周时间,循序渐进地从零构建出,基于 JavaScript 的全栈电子商务应用。本文从最初的产品设计与原型图构建开始,然后介绍了如何选择合适的数据结构与数据库。接下来介绍了如何创建 Github 仓库并且使用敏捷开发流程,最后介绍了如何利用 Express 与 Firebase 搭建服务端、使用 React 以及 Victory.js 构建前端应用等内容;

3. 谷歌是如何构建Web框架的

http://www.infoq.com/cn/news/2017/08/How-Google-build-Web-framework

谷歌的代码库由全球数十个办公的超过 2.5 万名软件开发工程师所共享,平均每天他们会提交 1.6万 次代码修改请求,他们是如何做到生产环境的稳定的呢?

4. CSS技巧:逐帧动画抖动解决方案

https://aotu.io/notes/2017/08/14/fix-sprite-anim/

本文讨论的背景是移动端适配方案带来的雪碧图抖动问题。

5. 通过 JSX Control Statements 编写 JSX

https://zhuanlan.zhihu.com/p/28519304

一些开发者,特别是有使用过「模板技术」的开发者(例如 Handlebars),刚开始尝试使用 React 编写应用时,可能会惊讶的发现,JSX 竟然没有内建支持类似其它模板引擎似的任何结构控制语句或指令,本文介绍了一种在 JSX 中使用「结构控制」的新姿势。

目录
相关文章
|
6月前
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
1129 1
|
11天前
|
前端开发 安全 JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息,并通过阿里云计算巢完成了Appsmith的快速部署,使用者不需要自己下载代码,不需要自己安装复杂的依赖,不需要了解底层技术,只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith,非技术同学也能轻松搞定。
|
5月前
|
敏捷开发 缓存 前端开发
阿里云云效产品使用问题之流水线构建前端项目比较慢。该如何优化
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
5月前
|
前端开发 对象存储 数据安全/隐私保护
阿里云前端直传has been blocked by CORS policy: Response to preflight request doesn‘t pass access control
阿里云前端直传has been blocked by CORS policy: Response to preflight request doesn‘t pass access control
657 2
|
4月前
|
前端开发 JavaScript API
前端 JS 经典:阿里云文件上传思路
前端 JS 经典:阿里云文件上传思路
74 0
|
5月前
|
前端开发 JavaScript
阿里云验证码2.0 验证时报错 前端页面获取的验证参数有问题,动态JS加载失败,请问怎么解决啊?急,急,急。
用户反馈校验时遇到错误,日志显示验证码参数获取异常。采用无痕验证,失败后,返回`{captchaResult:false,bizResult:false}`,未触发滑块二次验证。
|
6月前
|
存储 监控 前端开发
【专栏】阿里云ARMS前端监控的引入方法,以提升应用质量和稳定性
【4月更文挑战第29天】本文介绍了阿里云ARMS前端监控的引入方法,以提升应用质量和稳定性。该工具通过实时收集和分析用户行为、性能数据,提供错误监测和实时告警。步骤包括注册阿里云账号,创建前端监控项目,获取并嵌入监控代码到页面中,部署并运行,最后查看监控数据。案例和经验分享强调了合理设置监控指标、与其他工具结合以及定期分析数据的重要性。注意保护用户隐私,正确管理监控代码,并解决可能出现的数据不准确和大量错误告警问题。
204 1
|
前端开发 应用服务中间件 Linux
使用阿里云服务器部署前端项目
使用阿里云服务器部署前端项目,完成后可通过服务器域名访问网页
2136 0
使用阿里云服务器部署前端项目
|
机器学习/深度学习 XML 人工智能
|
监控 JavaScript 前端开发
如何引入阿里云ARMS前端监控?
如何引入阿里云ARMS前端监控?
下一篇
无影云桌面