今天这篇文章,记录 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...
三种前端埋点方式
只有了解用户,我们才能服务好用户,而最接近用户的我们,自然要承担起更多的责任。 那么在一个企业中,我们要如何去了解用户呢?最直接有效的方式就是了解用户的行为,了解用户在网站中做了什么,呆了多久。...
使用 JavaScript 编写更好的条件语句
在任何编程语言中,代码需要根据不同的条件在给定的输入中做不同的决定和执行相应的动作。 例如,在一个游戏中,如果玩家生命点为0,游戏结束。在天气应用中,如果在早上被查看,显示一个日出图片,如果是晚...
彻底搞定前后端所有鉴权方案,让你不再迷惘
前言 还记得之前在面试的时候,有一位面试官就问了,关于前端鉴权这块,Token、Cookie、Session、JWT、单点登录是什么?有什么作用?你一般是怎么做的?以及你是怎么存储的呢?那你又是怎么保证 它 的...
