Javascript 变化如此之快,作为前端开发人员,我们必须通过不断学习才能跟上它的发展步伐。 因此,今天这篇文章将分享的13个从 ES2021 到 ES2023的JavaScript新特性技巧,希望对你有所帮助。 ES2023 ...
9 个你不知道的 CSS 伪元素
CSS 伪元素是一项强大的功能,它允许您为所选元素的特定部分设置样式,而无需额外的 JavaScript 代码。 虽然许多开发人员都熟悉常用的伪元素,如 ::before 和 ::after,但还有一些其他元素经常被忽视或...
20 个需要尝试的CSS 技巧
今天这篇文章,我们将分享20 个重要的 CSS 技巧,无论你是新手还是有经验的程序员,它都可以提升你的CSS知识技能! 现在,我们就开始吧。 1. 媒体查询响应式设计 使用媒体查询根据不同的屏幕尺寸调整样...
11 种有用的 JavaScript 技巧
今天这篇文章,记录 11个有用JavaScript技巧,这些技巧可以大大提高你的工作效率。 1、生成随机颜色的两种方式 1).generateRandomHexColor const generateRandomHexColor = () => { return `#${Ma...
8 种常见的 JavaScript ES6 使用技巧
1.添加对象属性值 给对象添加属性,名称动态变化怎么办? let obj = {}; let index = 1; let key = `topic${index}`; obj[key] = 'topic'; 为什么要创建一个额外的变量? 你不知道 ES6 中的...
5 种在 JavaScript 中访问对象属性的方法
在 JavaScript 中,对象是语言的基本组成部分,广泛用于表示数据结构。对象由保存值的属性组成。为了访问这些属性,JavaScript 提供了多种方法。在本文中,我们将探索5种不同的方式来访问 JavaScript 中的对象属...
设计一个支持并发的前端接口缓存
缓存池 缓存池不过就是一个map,存储接口数据的地方,将接口的路径和参数拼到一块作为key,数据作为value存起来罢了,这个咱谁都会。 const cacheMap = new Map(); 封装一下调用接口的方法,调用时先走...
如果 100 个请求,你怎么用 Promise 去控制并发?
现在基本上前端项目都是通过axios来实现异步请求的封装,因此这其实是考你对Promise以及异步编程的理解了。 引出 题目: // 设计一个函数,可以限制请求的并发,同时请求结束之后,调用callback函数 //...
JavaScript 代码整洁技巧
前言 为什么代码要整洁? 代码质量与整洁度成正比。有的团队在赶工期的时候,不注重代码的整洁,代码写的越来越糟糕,项目越来越混乱,生产力也跟着下降,那就必须找更多人来提高生产力,开发成本越来越高...
前端性能优化——包体积压缩82%、打包速度提升65%
压缩项目打包后的体积大小、提升打包速度,是前端性能优化中非常重要的环节,笔者结合工作中的实践总结,梳理出一些常规且有效的性能优化建议 项目背景 技术栈:vue-cli3 + vue2 + webpack4主要插件:elem...