《阿里云前端技术周刊》第六期

简介: 作者:靖鑫校对:染陌知乎:阿里云中台前端/全栈团队专栏Github:阿里云前端技术周刊给我们投稿:传送门参与交流:传送门前端速报V8引擎7.5版本发布,最新的V8引擎带来的新特性可以让我们预知未来Node及Chrome将会拥有的能力,本次它主要带来了WebAssembly的隐式缓存能力...

作者:靖鑫
校对:染陌

知乎:阿里云中台前端/全栈团队专栏
Github:阿里云前端技术周刊

给我们投稿:传送门
参与交流:传送门

前端速报

  • V8引擎7.5版本发布,最新的V8引擎带来的新特性可以让我们预知未来Node及Chrome将会拥有的能力,本次它主要带来了WebAssembly的隐式缓存能力以及令人眼前一亮的数字分隔符,例如1_091_134_908点我阅读详情
  • TypeScript 3.5即将于5月30日发布,优化构建速度,新增Omit帮助函数点我阅读详情

开发指南

算法数构 in JS

dsa.js是一个非常实用的工具库,它实现了常见的算法和数据结构模型,例如快排、Map、LinkList,推荐它给大家有两个用意。

  1. 如果你是在校大学生,这是非常好的教学资料,它的源码可以反复阅读,祝你的数构成绩更上一层楼。
  2. 如果你已经工作,每日限于业务之中,思考下除了每天都在引用的Array,Map以外,可否引入其他数据结构来为业务进行建模,从而让代码更加清晰和健壮。
    链接地址:https://github.com/amejiarosario/dsa.js

Web站点优化的最佳实践网站

web.dev是由Google出品的面向Web站点优化的网站,它为我们提供了常见场景(加载、SEO、安全、可访问性)的优化指南,循序渐进地从背景知识再延伸到解决方案,通读全站,你会如沐春风,会对自己的站点优化产生新的idea。
链接地址:https://web.dev

Throttle和debounce在React中的应用

throttle和denounce是我们老生常谈的API,但是在我们日常的开发场景中,是非常实用的,一个常见的例子便是输入搜索框,这篇文章为我们介绍了在React中的的Throttle和debounce应用。
链接地址:https://blog.bitsrc.io/improve-your-react-app-performance-by-using-throttling-and-debouncing-101afbe9055?gi=e1b99704c979

如何伪造和获取用户真实的IP

目光转向服务端,我们需要对来访的请求做一些分流、限流等逻辑,如何获取用户真实的IP成为了一个有意思的话题,本文为大家梳理获取IP的常见问题,并介绍了egg.js里的处理思路,对此感兴趣的同学不容错过。
链接地址:https://www.yuque.com/egg/nodejs/coopsc

开源项目

2分钟快速实现视差滚动

视差滚动效果在现代站点应用越来越多了,我们期望能够有一个简洁的,性能良好的,并且不依赖于特殊框架的工具库来快速实现,这不,simpleParallax便可以满足我们的愿望,原生JavaScript编写,使用CSS3 Transform实现,无副作用,在你的项目中试试吧。
链接地址:https://github.com/geosigno/simpleParallax

基于WebGL实现的酷炫流体渲染效果

非常酷炫的流体粒子效果,强迫症必备,做一些酷炫的活动页如果能适当应用那便再好不过。
链接地址:https://github.com/PavelDoGreat/WebGL-Fluid-Simulation

跨界碰撞

JavaScript 如何开发 IoT 应用

JavaScript在开发者圈里一直有着不错的生态,甚至有句玩笑话,Javascript will rule the world,随着网络的普及和成本的降低,越来越多的「传统设备」接入互联网变得不是那么遥远,越来越多的互联网企业也投入到这个领域的研发,物联网和边缘计算应运而起。
对于JavaScript而言,如果能够快速扩展到这个端,想必是一件非常有意义的事情,本文会为你介绍JavaScript开发IOT应用的基本策略,或许对你而言,仅仅是多了一些API,多了一些事件,但是对整个世界,却是溢出了一片缤纷,话不多说,跟着兴趣前去了解吧。
链接地址:https://www.infoq.cn/article/QzyM9la8MrIowe*Mrzkp

有效提升你的职场写作能力

做的再多,不表达出来也无济于事,作为一名职场人士,我们避免不了大大小小的写作与汇报,了解这篇读书笔记,可以给你提供一些写作锦囊,攒攒小技巧。
链接地址:https://www.yuque.com/quxiaofeng/vsi4x4/qru9dn

关于我们

我们是阿里云智能中台体验技术团队。详情

如有兴趣加入我们,简历/沟通请至:jingxin.sjx@alibaba-inc.com

目录
相关文章
|
1天前
|
前端开发 Java Go
从前端到后端:构建现代化Web应用的技术实践
本文将介绍如何通过前端和后端技术相结合,构建现代化Web应用的技术实践。我们将探讨前端开发、后端架构以及多种编程语言(如Java、Python、C、PHP、Go)在构建高效、可扩展的Web应用中的应用。
|
1天前
|
资源调度 监控 前端开发
第七章(原理篇) 微前端技术之依赖管理与版本控制
第七章(原理篇) 微前端技术之依赖管理与版本控制
|
1天前
|
前端开发 JavaScript UED
第五章(原理篇) 微前端技术之模块联邦与动态加载
第五章(原理篇) 微前端技术之模块联邦与动态加载
|
1天前
|
前端开发 JavaScript 虚拟化
第四章(原理篇) 前端容器技术
第四章(原理篇) 前端容器技术
|
2天前
|
Web App开发 前端开发 JavaScript
构建跨浏览器兼容的前端应用:技术实践与挑战
【5月更文挑战第16天】构建跨浏览器兼容的前端应用是应对浏览器差异和多样性的挑战。使用现代框架(如React、Vue)能自动转换代码,编写可移植的Web标准代码,结合浏览器兼容性测试工具和Polyfill解决旧浏览器支持问题。关注浏览器更新,应对性能、API差异和样式问题,采用渐进增强、条件判断和CSS Reset策略确保应用在各种浏览器上运行良好。
|
3天前
|
机器学习/深度学习 前端开发 Java
Java与前端:揭开技术浪潮背后的真相
Java与前端:揭开技术浪潮背后的真相
10 1
|
3天前
|
Cloud Native 安全 数据中心
|
3天前
|
存储 JavaScript 前端开发
使用Vue.js构建交互式前端的技术探索
【5月更文挑战第12天】Vue.js是渐进式前端框架,以其简洁和强大的特性深受开发者喜爱。它聚焦视图层,采用MVVM模式实现数据与视图的双向绑定,简化开发。核心特性包括响应式数据绑定、组件化、模板系统和虚拟DOM。通过创建Vue实例、编写模板及定义方法,可以构建交互式前端,如计数器应用。Vue.js让复杂、交互式的前端开发变得更加高效和易维护。
|
3天前
|
NoSQL MongoDB 数据库
探寻MongoDB副本集选举机制 阿里云与MongoDB的DBaaS技术合作创新
阿里云连续第五年斩获MongoDB合作伙伴奖项,也是唯一获此殊荣的中国云厂商。一起学习MongoDB副本集的选举机制以及可能会出现的特殊情况。
探寻MongoDB副本集选举机制  阿里云与MongoDB的DBaaS技术合作创新
|
3天前
|
缓存 移动开发 前端开发
【专栏:HTML与CSS前端技术趋势篇】HTML与CSS在PWA(Progressive Web Apps)中的应用
【4月更文挑战第30天】PWA(Progressive Web Apps)结合现代Web技术,提供接近原生应用的体验。HTML在PWA中构建页面结构和内容,响应式设计、语义化标签、Manifest文件和离线页面的创建都离不开HTML。CSS则用于定制主题样式、实现动画效果、响应式布局和管理字体图标。两者协同工作,保证PWA在不同设备和网络环境下的快速、可靠和一致性体验。随着前端技术进步,HTML与CSS在PWA中的应用将更广泛。


http://www.vxiaotou.com