自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

快跑啊小卢的博客

日日有著數 時時百事通

  • 博客(16)
  • 收藏
  • 关注

原创 你到底是前端人还是搬砖人?推荐一款国产摸鱼神器!

做前端,不搬砖!

2022-09-21 14:00:00 382 1

原创 来!教你不用后端可以远程获取动态数据

大家好我是小卢,作为前端我先抛出几个疑问:如果以上三点有一点有同感时,那么你可以继续看下去了,这篇文章会帮你解决以上所有问题,是所有❗️看看大屏内的效果每次都是,对于一个大屏展示项目来说太酷了吧😍。至此,本次内新上线的云端功能的分享就到这里,上面只是我举的一小个例子,在项目中所有的接口我都给大家定义好了,可以直接拿我的接口来使用。,我把大屏的项目文档给到大家,大家只需要在直接导入就可以随意修改属于你自己的数据啦,如果大家不想下载客户端的话可以直接在版进行使用喔,地址贴给大家:...

2022-06-06 07:57:51 306

原创 几个一看就会的实用JavaScript优雅小技巧

☀️ 前言大家好我是小卢,在工作中我们经常可以通过一些小细节来增加代码可读性,让代码看起来更加优雅。这次我就给大家分享一些一看就会的实用JavaScript优雅小技巧。难度:🌟 推荐阅读时长:5min😎 正片减少if…else面条代码一旦当我们写到超过两个if...else的函数的时候就该想想是否有更好的优化方法。比如现在需要让我们根据名称计算出麦某劳的食品价格,你可能会这么做。这样的写法会让函数体有很多的条件判断语句,而当我们想下次增加一个商品的时候就需要修改函数内的逻辑增加一

2022-04-10 09:48:49 5187 5

原创 入职Apifox研发组三个月,我领悟了30个高效开发方法

☀️ 前言从去年入职Apifox研发组至今,已经有快四个月的时间了,今天来跟大家分享一下我的感想💭。写这篇文章的契机是在年后我成功通过三个月试用期,也算是给自己一个交代,从自身出发来进行反思与总结在这三个月学到的东西与一些感想✍🏻。☃️ 我学会了什么在这三个月内我更多接受到的是工作或者说是写代码甚至作为程序员应该掌握的方法,而这些方法不在于你是什么技术栈或者说什么职位都很有用🤓,所以今天我就来分享一些我总结的30个方法,我主要分成💻代码方面和💻程序员方面。💻 代码方面学会表达当你在

2022-03-29 08:17:29 386 4

原创 「前端该如何优雅地Mock数据」每个前端都应该学会的技巧

大家好我是小卢,事情是这样子,前段时间有个前端朋友入职了,为了简历更好看在里面写道:“在前端熟练使用Mock调试接口,模拟接口数据,减少联调问题大大提高了开发效率”。但是在入职后在开会的时候被指出项目开发进度缓慢。产品经理:为什么项目进度这么慢?后端:已经快马加鞭写接口中,部分接口我已经给了前端接口文档😅。前端:我的页面写好了后端接口没写好,我的前端页面大大依赖后端接口,我没有办法进行数据调试🥺。前端组长怒吼:你不是说你会用Mock?你倒是用啊😫!以上根据真实事件改编

2022-02-24 20:16:44 833 4

原创 「万事胜意」你可能不知道的烟花秀

???? 前言转眼间又到了一年春节,而今年的春节也正好是我的本命年????。因为疫情的原因可能又回不了家过年了,还是很想回去看看烟花感受下年味的????。既然回不去那就自己做一个吧~跟大家一起赏烟花????。Ps: 本文没有涉及到性能优化,请不要在正式项目使用喔~???? ToDoList 获取文字像素点 初始化烟花 烟花发射 烟花爆炸???? Just Do It获取文字像素点首先我们先创建一个canvas<!-- index.html --><c

2022-01-31 10:33:34 897

原创 我为大家带来了10张“科技感满满”的可视化数据大屏,收藏等于学会~

☀️ 前言相信大家平时工作中做大屏做得多了但难免也遇到被吐槽边边角角细节没有科技感的时候????。但是地球人都知道灵感有时候往往来自一瞬间,那我们就得去吸收别人的优点找到合适的灵感????。这次就给前端工友们分享我平时收录的一些科技感满满的大屏效果图,助你在开发中脱颖而出????‍♂️!!!???? 来吧展示1、交通云实时数据监控平台先放一张我个人最喜欢的大屏,这个大屏色彩比较分明该有的图表都基本上有了,其实这一版我自己已经使用Vue3.0+TSX+Vite做出来了效果并做了scale适配,演

2021-11-02 14:10:15 16156 1

原创 如何优雅的使用Vuepress编写组件示例(下)

前言✍️最近在搭自己的组件库,关于文档用的是Vuepress官网在文档说明展示组件示例的方法有很多种,但种种都不合心意通过查阅网上的资料和Element的源码找出了我认为的一种最优解,借此机会分享一下该篇主要是具体的实现,如果想看分析的可以看到如何优雅的使用Vuepress编写组件示例(上)实际效果✔️先把最后的成品发出来给大家看看李性分析????‍♂️在上篇中分析归纳了一下具体的步骤(如下),接下来我们就来具体的实现一下第一步构建一个通用组件用于接收代码块来展示demo并且统

2021-10-18 09:20:34 1312 8

原创 如何优雅的使用Vuepress编写组件示例(上)

前言✍️最近在搭自己的组件库,关于文档用的是Vuepress官网在文档说明展示组件示例的方法有很多种,但种种都不合心意通过查阅网上的资料和Element的源码找出了我认为的一种最优解,借此机会分享一下该篇主要是对思路的分析和归纳,如果想直接看具体操作可以看到如何优雅的使用Vuepress编写组件示例(下)实际效果✔️先把最后的成品发出来给大家看看优化前优化后可能对于效果没什么区别但是把markdown代码放出来就差别很大了可以看到,页面不仅美观了些许,代码可以说是非

2021-10-13 09:18:26 1392 5

原创 一杯茶的时间,带你彻底学会手写防抖节流

☀️ 前言前段时间群友说面试的时候老是分不清防抖和节流。其实防抖和节流不仅仅在面试中会让大家手写,在实际项目中也可以起到性能优化的作用,所以还是很有必要掌握的。接下来我就用一杯茶的时间带大家彻底学会手写防抖和节流。???? 防抖???? 举个例子我们先抛开概念不谈,其实在生活中也有很多防抖的例子:比如你现在使用的电脑,在不使用后一段时间自动休眠当你再次使用的时候重新激活,并开始你设置的时间倒计时10分钟在这10分钟内你继续使用电脑又会重新开始倒计时10分钟当你最后一次使用电脑并离

2021-10-08 11:49:25 343 13

原创 产品经理:你能不能让词云动起来?

☀️ 前言事情是这样的,前段时间拿到公司的数据大屏原型图让我一天内把一整个页面做出来。简单看了看,就是一个3840 * 1840的大屏然后几个列表几个图例看起来也没有多复杂。唰!很快啊加了一会班把整个页面调整好了信心十足拿给产品经理看。产品经理皱了皱眉头:你这词云不会动啊??????️ 之前的效果听到这话我发现情况不对,我寻思着这原型图的词云也看不出他要没要求我动啊,而且明明我做的是会动的呀!???? 关系图一开始我用的是echarts的graph关系图,这种图的特点是一开始会因

2021-09-28 09:23:10 2940 12

原创 一杯茶的时间,带你区分gulp和webpack

前言☀️对于刚毕业踏入社会的小白前端,在习惯了Vue脚手架完成业务功能后自带的webpack打包后对于打包的印象基本上就只有一个:npm run build但是往往我们看招聘信息上面都有这么一行 有使用Gulp、Webpack等项目自动工程化经验者优先这时候我们就去找两者的区别,听网上简单的描述就是 这两❓干的事情都一样呀不都是优化性能吗❓说到自动化,也就是我们经常说的前端构建工具,因为构建工具就是用来让我们不做机械重复的事情,解放我们的双手,但其实gulp和webpack的定位不同,没有什么可比

2021-09-26 09:10:13 1566 6

原创 看完还分不清重绘和重排过来捶我,我说的!!!

???? 前言不会吧不会吧??2021年了还有人分不清重绘和重排?不跟你多BB,直接开捶。????️ 关于渲染当一个页面开始呈现东西的时候大家其实也经常听到是怎么回事了,说白了就是浏览器下载了所有的html资源和css资源分别构建了Dom树和Style树,而当这两兄弟都准备就绪了就会有渲染树Render Tree的生成。渲染树渲染树大家听到这名字就知道它要干啥了,就是把东西给整到页面上,而这个过程就是所谓的渲染。这个渲染他又是怎么做的呢。你可以理解为先把页面具体结构给先确定好,比如这个页面

2021-09-22 09:42:24 297 8

原创 一杯茶的时间,搞定BEM命名规范

前言✍️最近在搭自己的组件库,关于CSS预处理器用的是SCSS。对于样式的命名使用了BEM,借此机会分享一下。怎么命名????样式命名有多难我以前觉得这是一个特别特别难的问题,这难的有恐怖呢,这就像产品让我做一个页面但没有设计图甚至原型图只是几个框框的情况下让我做的特别好看,色彩特别鲜艳一样,真是有(tian)点(da)困(lei)难(pi)????。大家有没有遇到一种情况就是再写一个模块的时候它的内容给他样式命名container,那他的左边内容呢?右边内容呢?left-containe

2021-09-16 09:28:53 679 11

原创 一文搞定echarts地图轮播高亮⚡⚡

???? 前言这次给大家分享一下在工作中经常用到的echarts地图轮播高亮。技术栈用的是vue2.x 相信效果大家已经清楚了那我们就开干吧。????️ toDoList 简单的准备一个地图 保存实例备用 设置定时器 设置鼠标移入移出事件???? just do it????️ 准备一个地图首先准备一个简简单单的地图,因为我在广州所以就用广东省的地图啦~怎么在echarts使用地图我就不说了看看文档然后把对应的地图json导入就可以了,相信大家也会。对了有人问到我在哪里找地图

2021-09-13 09:46:59 1616 20

原创 一杯茶的时间,搞定JavaScript提升

✍️ 前言我们都知道在JavaScript中同一个作用域内的变量都属于这个区域,在别的作用域是获取不到这个变量的。但是在同一个作用域内,其中变量的声明的先后顺序和位置其实是有奇特的关系的,而这个奇特的现象就是变量提升。????‍♂️ 什么是提升想要搞懂提升只需要了解以下四个方面即可。提升是什么现象变量提升函数提升变量和函数的提升优先级提升是什么现象我们都知道JavaScript是单线程的语言,一个任务结束才会进行下一个任务,这样大家都默认认为执行会从上到下一条一条代码去

2021-09-10 11:47:50 758 8

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除