阿里云前端周刊 - 第 27 期

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

推荐

1. Facebook 宣布重置 React,Jest,Flow 与 Immutable.js 的开源证书

https://code.facebook.com/posts/300798627056246

自宣布保留 React 等开源项目附带专利要求的开源协议之后,社区反馈了极大的不满与怀疑,包括 WordPress 在内的许多开源项目也宣布即将切换技术栈;鉴于此,Facebook 宣布将在下周统一地重置 React,Jest,Flow,Immutable.js 为 MIT 开源协议。亡羊补牢,为时未晚,希望 React 整个社区能够继续蓬勃发展。

2. JavaScript 完整编年史

https://closebrace.com/articles/2017-09-11/a-brief-incomplete-history-of-javascript

JavaScript 在近几年取得了长足的发展,其语法特性与实践技巧都在不断地迭代更新;本文则是对于自面世以来的 JavaScript 发展历史进行了盘点 ,对于每个时代面临的问题、创新与发展以及主流的浏览器技术进行了介绍。本文将 JavaScript 的发展历史分为了解决基础 DOM 操作与用户交互的原始时代、解决跨浏览器支持度的 jQuery 时代、SPA 时代与现代这几个区间

3. 编写无障碍网页的 CSS

https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939

本文是作者在多年提高网页的无障碍性方面的实践分享,侧重于如何编写合适的 CSS 以提高网页的无障碍性与可用性。本文依次介绍了从清晰的文本到高可读性文本、慎用伪元素内容、屏幕并非唯一的媒介、属性值兼容、多种内容隐藏方式等内容;更多 JavaScript 相关资料参考这里。

其它

1. 一次前后端分离的实践

https://mp.weixin.qq.com/s/Kwq6Eej8EMYzTcQgIKG2WQ

前后端分离的问题,不仅仅是技术上的选型问题,还涉及到整个团队在认知、职责、流程上面重新定义的问题,这也是为什么前后端分离概念看起来简单易懂,但真正团队在落地的时候,一不小心,往往鸡飞狗跳,甚至最终放弃"治疗"。本文是作者基于自己之前的对一个团队前后端分离改造的实践经历,介绍一下如何打造一个前后端分离的技术团队。

2. 类型与否:量化 JavaScript 中可检测的错误

https://blog.acolyer.org/2017/09/19/to-type-or-not-to-type-quantifying-detectable-bugs-in-javascript/

在团队的技术选型时我们常常会考虑是否需要引入静态类型检测,是否应该使用 Flow 或者 TypeScript 这样的工具,是否能够有效地辅助发现问题。本文则是以问答的形式给出了作者的答案,本文首先讨论了静态类型与动态类型各自的优劣,给出了常见的 JavaScript 动态类型导致的问题示例,然后通过自身所在团队的实践分享了引入静态类型之后捕获的错误数量。

3. 构建简单的类 React 框架

https://hackernoon.com/build-your-own-react-48edb8ed350d

本文中作者会循序渐进地介绍如何自己构建简单的类 React 框架。作者首先讨论了 React 与 Angular 各自设计思想理念的对比,然后介绍了 DOM 树的表示以及 JSX 解析函数的实现,接下来讨论了组件类的实现与 Props、State 属性的支持,最后还简述了 React Stack 与 Fiber 调和算法。

4. 从 React 到 React Fiber

http://insights.thoughtworks.cn/react-fiber/

React Fiber 采用的调度策略让开发者对 React 应用有了更细节的控制。开发者可以通过控制不同类型任务的优先级,提高用户体验和整个应用程序的灵活性。
React JavaScript

5. 如何管理好 10 万行代码的前端单页面应用

https://juejin.im/post/59cb0d0b5188257e876a2d27

作者所在前端团队负责多个数据相关的 PC Web 单页面应用程序,业务复杂度类比 Excel 等桌面应用。这篇文章分享了作者在前端通用架构方面的经验。

6. 界面中的视觉差

http://www.zcool.com.cn/article/ZNTYyNDUy.html

我们的眼睛经常对我们撒谎。但是如果你知道人类视觉感官的特殊性,就可以创造出更合适和清爽的设计。

目录
相关文章
|
2月前
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
|
3天前
|
存储 监控 前端开发
【专栏】如何引入阿里云 ARMS 前端监控
【4月更文挑战第29天】本文介绍了阿里云ARMS前端监控的引入方法,以提升应用质量和稳定性。该工具通过实时收集和分析用户行为、性能数据,提供错误监测和实时告警。步骤包括注册阿里云账号,创建前端监控项目,获取并嵌入监控代码到页面中,部署并运行,最后查看监控数据。案例和经验分享强调了合理设置监控指标、与其他工具结合以及定期分析数据的重要性。注意保护用户隐私,正确管理监控代码,并解决可能出现的数据不准确和大量错误告警问题。
|
前端开发 应用服务中间件 Linux
使用阿里云服务器部署前端项目
使用阿里云服务器部署前端项目,完成后可通过服务器域名访问网页
1560 0
使用阿里云服务器部署前端项目
|
机器学习/深度学习 XML 人工智能
|
监控 JavaScript 前端开发
如何引入阿里云ARMS前端监控?
如何引入阿里云ARMS前端监控?
|
弹性计算 小程序 前端开发
阿里云ECS服务器搭建SpringBoot后端接驳微信小程序前端使用心得 #飞天加速计划·高校学生在家实践
了解到飞天加速计划,大学生可以免费体验阿里云ECS服务器。想到最近在弄的一个小程序后端在部署在阿里云服务器,前来尝试了阿里云的服务。使用过程很顺畅,也碰到了服务器端口3306无法访问的问题,咨询了客服给我了很满意的解决方案。希望发表给大家带来一些参考。希望大家可以避开这个坑。
|
弹性计算 前端开发 小程序
阿里云ECS服务器搭建SpringBoot后端接驳微信小程序前端使用心得
在阿里云搭建SpringBoot后端,碰到服务器端口无法访问的问题,客服予以解决,希望发表给大家带来一些参考。
|
前端开发 JavaScript 物联网
前端技术解读|阿里云产品内容精选(二十七)
本文内容选自阿里云开发者社区前端版块
|
3天前
|
域名解析 弹性计算 Linux
阿里云购买云服务器、注册域名、备案及绑定图文教程参考
本文为大家介绍了2024年购买阿里云服务器和注册域名,绑定以及备案的教程,适合需要在阿里云购买云服务器、注册域名并备案的用户参考,新手用户可通过此文您了解在从购买云服务器到完成备案的流程。
阿里云购买云服务器、注册域名、备案及绑定图文教程参考
|
1天前
|
存储 弹性计算 固态存储
阿里云服务器CPU内存配置详细指南,如何选择合适云服务器配置?
阿里云服务器配置选择涉及CPU、内存、公网带宽和磁盘。个人开发者或中小企业推荐使用轻量应用服务器或ECS经济型e实例,如2核2G3M配置,适合低流量网站。企业用户则应选择企业级独享型ECS,如通用算力型u1、计算型c7或通用型g7,至少2核4G配置,公网带宽建议5M,系统盘可选SSD或ESSD云盘。选择时考虑实际应用需求和性能稳定性。