阿里云前端周刊 - 第 32 期

简介: ## 推荐 ### 1. React 16 新特性尝鲜实战教程 https://juejin.im/post/59f26fe5f265da43252889d9 React 16 的发布除开源许可证和 Fiber 机制全面开启之外,还为我们提供了部分非常强大的新特性,本视频教程将通过...

推荐

1. React 16 新特性尝鲜实战教程

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

React 16 的发布除开源许可证和 Fiber 机制全面开启之外,还为我们提供了部分非常强大的新特性,本视频教程将通过实例带你探索这些新特性,从 Error Boundary 到 Text Only Component,再到 Portal,共 6 小节,19 分钟,每个小节实例讲解一个新特性,在讲解新特性基本用法的同时会介绍新特性的最佳实践。学完本视频教程,你将能熟练把诸如 Error Boundary,Portal 等特性运用到你的实际项目中来提高开发效率和代码质量,做到与时俱进。

2. 手把手教写 TypeScript Transformer Plugin

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

用过 ant-design 的同学可能对 babel-plugin-import 有印象,它可以帮助实现模块的按需引用。在一个没有使用 antd 全部组件的项目里,这样做可以明显减少打包后的代码体积。 可是,如果你在一个没有使用 Babel 的 TypeScript 项目里,想要实现类似的功能,该怎么办呢?

3. Napa.js 简介

https://blog.philipphauer.de/restful-api-design-best-practices/

本文介绍 Napa.js 的核心概念,带领大家探索 Napa.js 是如何运转起来的。关于它的由来和开发初衷,可以阅读 这篇文章

其它

1. 前端防御从入门到弃坑 - CSP 变迁

https://paper.seebug.org/423/

本文件介绍了 Content Security Policy (CSP)内容安全策略,是一个附加的安全层,有助于检测并缓解某些类型的攻击,包括跨站脚本(XSS)和数据注入攻击。CSP的特点就是他是在浏览器层面做的防护,是和同源策略同一级别,除非浏览器本身出现漏洞,否则不可能从机制上绕过。CSP只允许被认可的JS块、JS文件、CSS等解析,只允许向指定的域发起请求。

2. 全面进阶 H5 直播

https://segmentfault.com/a/1190000008916399#articleHeader6

这篇文章主要介绍了,基于 HTML5 中的 video/audio 去处理音视频流需要用的 Web 技术。

3. Rxjs 实践-各种排序算法排序过程的可视化展示

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

学习了《算法》的排序章节,想着做点东西,能将各种排序算法的排序过程使用Rxjs通过可视化的方式展示出来,正好练系一下Rxjs的使用(作者语),本文不会太多介绍Rxjs的基本概念,重点介绍如何用响应式编程的思想来实现功能。

4. 遇见大数据可视化 - 那些 WOW 的数据可视化案例

https://www.qcloud.com/community/article/789846

数据可视化的内涵并非只是专业人员才能看得的懂的图表,当你想要通过数据来宣传证明自己时,你遇到的问题是大多数人并不能看懂你的图表。那么让数据可视化的过程更加的生动有趣、通俗易懂就显的尤为重要了。如何才能让数据可视化在面向普罗大众更容易接受和理解,甚至产生WOW的感觉呢?本文试着通过一些具体的数据可视化案例来说明。

5. 使用 Paint Timing API 提高性能

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

传统上,前端性能主要集中在页面加载时间上,来作为重要的性能指标。商业网站性能将显示后端方面的粒度级的性能指标,如数据库查找时间、模板编译、服务器响应时间等等。然而,当涉及到客户端的时候,性能信息是有限的。这在一定程度上是由于有限的性能指标和浏览器提供的 API 。讽刺的是,一些非标准的性能跟踪技术本身会对性能产生负面影响。由于新的面向性能的 API 出现,目前这种情况正在发生转变

6. Vue 项目架构设计与工程化实践

https://github.com/berwin/Blog/issues/14

文中会讲述作者从 0~1 搭建一个前后端分离的vue项目详细过程

目录
相关文章
|
2月前
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
|
19天前
|
敏捷开发 缓存 前端开发
阿里云云效产品使用问题之流水线构建前端项目比较慢。该如何优化
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
22天前
|
前端开发 对象存储 数据安全/隐私保护
阿里云前端直传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
185 2
|
15天前
|
前端开发 JavaScript API
前端 JS 经典:阿里云文件上传思路
前端 JS 经典:阿里云文件上传思路
21 0
|
26天前
|
前端开发 JavaScript
阿里云验证码2.0 验证时报错 前端页面获取的验证参数有问题,动态JS加载失败,请问怎么解决啊?急,急,急。
用户反馈校验时遇到错误,日志显示验证码参数获取异常。采用无痕验证,失败后,返回`{captchaResult:false,bizResult:false}`,未触发滑块二次验证。
|
2月前
|
存储 监控 前端开发
【专栏】阿里云ARMS前端监控的引入方法,以提升应用质量和稳定性
【4月更文挑战第29天】本文介绍了阿里云ARMS前端监控的引入方法,以提升应用质量和稳定性。该工具通过实时收集和分析用户行为、性能数据,提供错误监测和实时告警。步骤包括注册阿里云账号,创建前端监控项目,获取并嵌入监控代码到页面中,部署并运行,最后查看监控数据。案例和经验分享强调了合理设置监控指标、与其他工具结合以及定期分析数据的重要性。注意保护用户隐私,正确管理监控代码,并解决可能出现的数据不准确和大量错误告警问题。
|
前端开发 应用服务中间件 Linux
使用阿里云服务器部署前端项目
使用阿里云服务器部署前端项目,完成后可通过服务器域名访问网页
1808 0
使用阿里云服务器部署前端项目
|
机器学习/深度学习 XML 人工智能
|
2天前
|
运维 安全 数据挖掘
阿里云轻量应用服务器82元和298元与云服务器99元和199元简介
目前阿里云推出了几款价格极为实惠的轻量应用服务器和云服务器产品,轻量应用服务器有2核2G3M 50GB高效云盘,价格为82元1年;2核4G4M 60GB高效云盘,价格为298元1年;经济型e实例2核2G,40G ESSD Entry盘,3M带宽,价格为99元1年;通用算力型u1实例2核4G,80G ESSD Entry盘,5M带宽,价格为199元1年。这几款云服务器究竟如何?本文将为您进行详细分析,以供参考。
阿里云轻量应用服务器82元和298元与云服务器99元和199元简介
|
7天前
|
存储 关系型数据库 数据库
给阿里云的建议和意见 一个云服务器架构是否可行
摘要(Markdown格式): 在修复阿里云服务器IPv4设置错误时遇到困难,导致服务器远程登录失败及外网访问受阻,耗时三天解决。建议阿里云更新文档,确保设置指导与实际情况一致,例如只需在路由表添加条目关联IPv4。此外,建议优化帮助页面,如采用折叠式设计减少干扰。服务器主要任务是数据分析、存储和分发,文中提出简化服务器框架,消除硬件软件复杂配置,利于初学者和独立开发者快速上手,降低时间成本。该设计旨在减少无用组件,节省资源,同时降低云服务商的人力和支持成本。期望云服务商考虑此类架构创新。目前未知是否有类似产品,期待业界反馈。
375 0
给阿里云的建议和意见 一个云服务器架构是否可行