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

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

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

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
  • 2
    前端工程化演进之路:从手工作坊到AI驱动的智能化开发
  • 3
    Vue 3 + TypeScript 现代前端开发最佳实践(2025版指南)
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
  • 6
    实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    354
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    124
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    139
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    111
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    208
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    232
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    126
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    61
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    119
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    161