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

简介: 作者:靖鑫校对:染陌知乎:阿里云中台前端/全栈团队专栏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.yuque.com/quxiaofeng/vsi4x4/qru9dn

关于我们

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

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

目录
相关文章
|
2月前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
2月前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
221 29
|
2月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
48 6
|
2月前
|
前端开发 JavaScript 搜索推荐
前端懒加载:提升页面性能的关键技术
前端懒加载是一种优化网页加载速度的技术,通过延迟加载非首屏内容,减少初始加载时间,提高用户访问体验和页面性能。
|
2月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
61 5
|
2月前
|
前端开发 安全 JavaScript
在阿里云快速启动Appsmith搭建前端页面
本文介绍了Appsmith的基本信息,并通过阿里云计算巢完成了Appsmith的快速部署,使用者不需要自己下载代码,不需要自己安装复杂的依赖,不需要了解底层技术,只需要在控制台图形界面点击几下鼠标就可以快速部署并启动Appsmith,非技术同学也能轻松搞定。
|
2月前
|
移动开发 前端开发 JavaScript
惊!这些前端技术竟然能让你的网站在移动端大放异彩!
随着互联网技术的发展,移动设备成为主要的上网工具。本文介绍了几种关键的前端技术,包括响应式设计、图片优化、字体选择、HTML5和CSS3的应用、性能优化及手势操作设计,帮助开发者提升网站在移动端的显示效果和用户体验。示例代码展示了如何实现简单的双向绑定功能。
44 3
|
2月前
|
数据采集 前端开发 安全
前端测试技术
前端测试是确保前端应用程序质量和性能的重要环节,涵盖了多种技术和方法
|
2月前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
52 3
|
2月前
|
前端开发 JavaScript 数据处理
前端界的宝藏技术:掌握这些,让你的网页秒变交互神器!
【10月更文挑战第31天】前端开发藏有众多宝藏技术,如JavaScript异步编程和Web Components。异步编程通过Promise、async/await实现复杂的网络请求,提高代码可读性;Web Components则允许创建可重用、封装良好的自定义组件,提升代码复用性和独立性。此外,CSS动画、SVG绘图等技术也极大丰富了网页的视觉和交互体验。不断学习和实践,让网页秒变交互神器。
36 2