javascript
文章平均质量分 92
快跑啊小卢_
这个作者很懒,什么都没留下…
展开
-
几个一看就会的实用JavaScript优雅小技巧
☀️ 前言大家好我是小卢,在工作中我们经常可以通过一些小细节来增加代码可读性,让代码看起来更加优雅。这次我就给大家分享一些一看就会的实用JavaScript优雅小技巧。难度:🌟 推荐阅读时长:5min😎 正片减少if…else面条代码一旦当我们写到超过两个if...else的函数的时候就该想想是否有更好的优化方法。比如现在需要让我们根据名称计算出麦某劳的食品价格,你可能会这么做。这样的写法会让函数体有很多的条件判断语句,而当我们想下次增加一个商品的时候就需要修改函数内的逻辑增加一原创 2022-04-10 09:48:49 · 5403 阅读 · 5 评论 -
入职Apifox研发组三个月,我领悟了30个高效开发方法
☀️ 前言从去年入职Apifox研发组至今,已经有快四个月的时间了,今天来跟大家分享一下我的感想💭。写这篇文章的契机是在年后我成功通过三个月试用期,也算是给自己一个交代,从自身出发来进行反思与总结在这三个月学到的东西与一些感想✍🏻。☃️ 我学会了什么在这三个月内我更多接受到的是工作或者说是写代码甚至作为程序员应该掌握的方法,而这些方法不在于你是什么技术栈或者说什么职位都很有用🤓,所以今天我就来分享一些我总结的30个方法,我主要分成💻代码方面和💻程序员方面。💻 代码方面学会表达当你在原创 2022-03-29 08:17:29 · 827 阅读 · 4 评论 -
「前端该如何优雅地Mock数据」每个前端都应该学会的技巧
大家好我是小卢,事情是这样子,前段时间有个前端朋友入职了,为了简历更好看在里面写道:“在前端熟练使用Mock调试接口,模拟接口数据,减少联调问题大大提高了开发效率”。但是在入职后在开会的时候被指出项目开发进度缓慢。产品经理:为什么项目进度这么慢?后端:已经快马加鞭写接口中,部分接口我已经给了前端接口文档😅。前端:我的页面写好了后端接口没写好,我的前端页面大大依赖后端接口,我没有办法进行数据调试🥺。前端组长怒吼:你不是说你会用Mock?你倒是用啊😫!以上根据真实事件改编原创 2022-02-24 20:16:44 · 1010 阅读 · 4 评论 -
「万事胜意」你可能不知道的烟花秀
???? 前言转眼间又到了一年春节,而今年的春节也正好是我的本命年????。因为疫情的原因可能又回不了家过年了,还是很想回去看看烟花感受下年味的????。既然回不去那就自己做一个吧~跟大家一起赏烟花????。Ps: 本文没有涉及到性能优化,请不要在正式项目使用喔~???? ToDoList 获取文字像素点 初始化烟花 烟花发射 烟花爆炸???? Just Do It获取文字像素点首先我们先创建一个canvas<!-- index.html --><c原创 2022-01-31 10:33:34 · 1036 阅读 · 0 评论 -
我为大家带来了10张“科技感满满”的可视化数据大屏,收藏等于学会~
☀️ 前言相信大家平时工作中做大屏做得多了但难免也遇到被吐槽边边角角细节没有科技感的时候????。但是地球人都知道灵感有时候往往来自一瞬间,那我们就得去吸收别人的优点找到合适的灵感????。这次就给前端工友们分享我平时收录的一些科技感满满的大屏效果图,助你在开发中脱颖而出????♂️!!!???? 来吧展示1、交通云实时数据监控平台先放一张我个人最喜欢的大屏,这个大屏色彩比较分明该有的图表都基本上有了,其实这一版我自己已经使用Vue3.0+TSX+Vite做出来了效果并做了scale适配,演原创 2021-11-02 14:10:15 · 19029 阅读 · 2 评论 -
如何优雅的使用Vuepress编写组件示例(下)
前言✍️最近在搭自己的组件库,关于文档用的是Vuepress官网在文档说明展示组件示例的方法有很多种,但种种都不合心意通过查阅网上的资料和Element的源码找出了我认为的一种最优解,借此机会分享一下该篇主要是具体的实现,如果想看分析的可以看到如何优雅的使用Vuepress编写组件示例(上)实际效果✔️先把最后的成品发出来给大家看看李性分析????♂️在上篇中分析归纳了一下具体的步骤(如下),接下来我们就来具体的实现一下第一步构建一个通用组件用于接收代码块来展示demo并且统原创 2021-10-18 09:20:34 · 1987 阅读 · 8 评论 -
如何优雅的使用Vuepress编写组件示例(上)
前言✍️最近在搭自己的组件库,关于文档用的是Vuepress官网在文档说明展示组件示例的方法有很多种,但种种都不合心意通过查阅网上的资料和Element的源码找出了我认为的一种最优解,借此机会分享一下该篇主要是对思路的分析和归纳,如果想直接看具体操作可以看到如何优雅的使用Vuepress编写组件示例(下)实际效果✔️先把最后的成品发出来给大家看看优化前优化后可能对于效果没什么区别但是把markdown代码放出来就差别很大了可以看到,页面不仅美观了些许,代码可以说是非原创 2021-10-13 09:18:26 · 1994 阅读 · 5 评论 -
一杯茶的时间,带你彻底学会手写防抖节流
☀️ 前言前段时间群友说面试的时候老是分不清防抖和节流。其实防抖和节流不仅仅在面试中会让大家手写,在实际项目中也可以起到性能优化的作用,所以还是很有必要掌握的。接下来我就用一杯茶的时间带大家彻底学会手写防抖和节流。???? 防抖???? 举个例子我们先抛开概念不谈,其实在生活中也有很多防抖的例子:比如你现在使用的电脑,在不使用后一段时间自动休眠当你再次使用的时候重新激活,并开始你设置的时间倒计时10分钟在这10分钟内你继续使用电脑又会重新开始倒计时10分钟当你最后一次使用电脑并离原创 2021-10-08 11:49:25 · 514 阅读 · 13 评论 -
产品经理:你能不能让词云动起来?
☀️ 前言事情是这样的,前段时间拿到公司的数据大屏原型图让我一天内把一整个页面做出来。简单看了看,就是一个3840 * 1840的大屏然后几个列表几个图例看起来也没有多复杂。唰!很快啊加了一会班把整个页面调整好了信心十足拿给产品经理看。产品经理皱了皱眉头:你这词云不会动啊??????️ 之前的效果听到这话我发现情况不对,我寻思着这原型图的词云也看不出他要没要求我动啊,而且明明我做的是会动的呀!???? 关系图一开始我用的是echarts的graph关系图,这种图的特点是一开始会因原创 2021-09-28 09:23:10 · 5326 阅读 · 14 评论 -
一文搞定echarts地图轮播高亮⚡⚡
???? 前言这次给大家分享一下在工作中经常用到的echarts地图轮播高亮。技术栈用的是vue2.x 相信效果大家已经清楚了那我们就开干吧。????️ toDoList 简单的准备一个地图 保存实例备用 设置定时器 设置鼠标移入移出事件???? just do it????️ 准备一个地图首先准备一个简简单单的地图,因为我在广州所以就用广东省的地图啦~怎么在echarts使用地图我就不说了看看文档然后把对应的地图json导入就可以了,相信大家也会。对了有人问到我在哪里找地图原创 2021-09-13 09:46:59 · 2595 阅读 · 22 评论 -
一杯茶的时间,搞定JavaScript提升
✍️ 前言我们都知道在JavaScript中同一个作用域内的变量都属于这个区域,在别的作用域是获取不到这个变量的。但是在同一个作用域内,其中变量的声明的先后顺序和位置其实是有奇特的关系的,而这个奇特的现象就是变量提升。????♂️ 什么是提升想要搞懂提升只需要了解以下四个方面即可。提升是什么现象变量提升函数提升变量和函数的提升优先级提升是什么现象我们都知道JavaScript是单线程的语言,一个任务结束才会进行下一个任务,这样大家都默认认为执行会从上到下一条一条代码去原创 2021-09-10 11:47:50 · 831 阅读 · 8 评论