- 博客(159)
- 收藏
- 关注
RSS订阅原创 bizcharts中LineChart时间戳使用moment转化出现Invalid Date
最近在使用bizcharts绘制折线图LineChart的时候，发现X轴的时间显示成了。如下图所示：发现是后端返回了时间戳字符串，前端在xAxis中的formatter进行moment处理。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-03-29 14:48:13
682
原创 我的创作纪念日
`2023年07月10 日`开始第一篇文章，到今天`2024年03月29日`，将近`8`个月的时间里，我创作了`158`篇文章。其实被同行夸奖了，还是挺开心的
2024-03-29 14:38:44
737
原创 使用rrweb悄悄录制用户操作过程
在做项目监控埋点中，有些时候很不好复现用户操作的步骤。这时就需要做一些用户行为的记录，主要是为了更好地还原用户在某一个时间点的操作过程。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-03-18 16:45:35
1053
原创 使用volta自动切换前端项目的node版本
之前项目中如果依赖了不同的node版本，我们通常使用nvm手动切换版本。这样可以解决一部分场景，如果你有多个依赖不同node版本的项目同时开发的话，你可能就要爆炸了。1、新老项目的更替问题。有些老项目使用旧版本node，而新项目肯定是与时俱进使用新版本Node。2、依赖包依赖node版本问题。有些依赖包只支持node 12版本编译，有的只支持node 10编译。不然还会报错，我真的被搞烦了，印象最深就是canvas这个包版本手动切来切去让人烦躁，就不要给自己开发添堵了。查了下资料，有尝试过以下2。
2024-03-15 15:38:30
1075
原创 javascript正则深入
正则表达式也许是javascript语言中最晦涩难懂的，但是也往往是最简洁的。工作中遇到的很多问题，诸如搜索,查找，高亮关键字等都可以使用正则轻松解决。如果大家觉得正则表达式理解起来很麻烦,也可以使用如下在线网站【前往本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-03-08 12:00:00
983
原创 js判断页面是否是在iframe里面
上面是父前端项目里的iframe加载了子前端项目的页面。此时如果点击子项目的内容，如果要进行父项目浏览器页面跳转，可以使用方法。这里的target会有2种跳转方式，_self和_blank。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-03-07 11:29:53
723
原创 使用八爪鱼爬取京东商品详情页数据
打开京东商品详情页，使用八爪鱼采集点击不同的参数后得到的数据。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-02-19 16:49:23
1565
原创 vue中没有hooks
经常在网上看到有很多同学说：“在Vue中创建hooks？提升 什么什么什么”我每次看到这样的概念时都很疑惑：hooks应该是react中的概念呢，什么时候vue中也有hooks了？本着不懂就问的态度，我去各大官方文档中搜寻了的概念，很遗憾没有任何一个vue官方文档指出vue存在hooks的说法。所谓hooks到底是啥？vue中是否存在所谓的hooks？总体来说：hooks一般指的是【回调钩子函数】。在React中存在hooks的明确概念，通常是以use开头的函数。但是Vue中是没有hooks。
2024-02-11 12:00:00
1056
原创 基于css-vars-ponyfill实现换肤
自定义变量颜色：对于业务来说，可能基础色并不能满足所有业务的颜色覆盖，或者每种主题下基础色并不能一一对应，此时自定义变量颜色，这个功能变得必不可少。主要原理也是根据每种主题可以自己填写对应的业务需要的颜色（极端情况），这边也分以下两种情景：（1）完全自定义常量多态，即一种主题色自定义常量都有对应一种颜色例如 系统主题有四种，某个业务背景色，我们定义了一个常量dark1主题下的颜色是一个基础色dark.C01；dark2主题下的颜色是一个基础色dark.C02；light1主题下的颜色是一个基础色。
2024-02-10 12:00:00
1283
原创 ECMAScript更新了两个对象分组Object.groupBy和Map.groupBy
在日常的开发实践中，数据分组是一个很常用的操作。一般情况下，我们需要编写自定义的分组函数或者借助于三方库中的groupBy函数来实现。不过，有个激动人心的好消息：谷歌在117版本，ECMAScript更新了两个原生的分组方法——和。Object本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-02-07 12:00:00
1129
2
原创 JavaScript常用技巧专题七
主要介绍以下几点：提炼函数、合并重复的条件片段、把条件分支语句提炼成函数、合理使用循环、提前让函数退出代替嵌套条件分支、传递对象参数代替过长的参数列表、少用三目运算符、合理使用链式调用、纯函数。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-02-06 12:00:00
935
原创 常用ES技巧二
ES6引入了许多实用但相对较冷门的高级技巧。和可以方便地在对象和键值对之间进行转换。Symbol类型和Symbol属性可以创建唯一的标识符。WeakMap和WeakSet提供了一种在没有其他引用时自动垃圾回收的集合类型。可以处理多个promise并返回所有结果。BigInt允许表示任意精度的整数。Array.ofArray.from.at和flat提供了更方便的数组操作方法。这些技巧可以帮助开发者更高效地编写代码。本人每篇文章都是一字一句码出来，希望大佬们多提提意见。创作不易，给我打打气，加加油☕。
2024-02-05 10:54:18
1338
原创 使用data_url预览图片
我们选择了一张图片进行上传，服务器会保存图片，然后返回给我们一个url访问地址，我们前端拿到这个url地址赋值给image元素，随后我们又要发送一个请求传递一个url给服务器，服务器再返回给我们图片数据，我们才能预览图片从上传图片到预览图片，需要我们发送两个网络请求，我们为什么不发送一个请求，本地去处理预览呢?
2024-02-04 00:28:20
1007
原创 合并分支rebase和merge的区别
实际开发工作的时候，我们都是在自己的分支开发，然后将自己的分合并到主分支，那合并分支用2种操作，这2种操作有什么区别呢？git上新建一个项目，默认是有master分支的，将项目克隆到本地，我们的准备工作就完成了git merge会让2个分支的提交按照提交时间进行排序，并且会把最新的2个commit合并成一个commit。最后的分支树呈现非线性的结构git reabse将dev的当前提交复制到master的最新提交之后，会形成一个线性的分支树本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-02-04 00:05:26
1457
原创 Vue3批量异步更新是如何实现
多次修改数据(例如自身num10次)，只进行一次页面渲染（页面只会渲染最后一次num10指的是响应式数据发生变化出发副作用函数重新执行时，我们有能力去决定副作用函数的执行时机次数和方式。来看个例子num: 1})})如果我们想要它按照这个顺序输出呢？1 end 2你可能会说，我调换一下代码顺序就好了哇！！！num: 1})})淫才啊！😄 瞬间就解决了问题。不过看起来这不是我们想要最终答案。我们想要通过实现可调度性来解决这个问题。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-02-02 12:00:00
513
原创 设计一个支持并发的前端缓存接口
缓存池不过就是一个map，存储接口数据的地方，将接口的路径和参数拼到一块作为key，数据作为value存起来罢了，这个咱谁都会。封装一下调用接口的方法，调用时先走咱们缓存数据。// 先来一个简简单单的发送然后加上咱们的缓存needCache?: boolean// 这里用params是因为params是 GET 方式穿的参数，我们的缓存一般都是 GET 接口用的// 判断是否需要缓存，并且缓存池中有值时，返回缓存池中的值// 这里简单判断一下，200就算成功了，不管里面的data的code啥的了。
2024-02-01 12:00:00
1754
原创 组件如何组织以提升维护性、扩展性
提升组件的维护性和扩展性。当组织组件以提升维护性和扩展性时。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-31 12:00:00
1010
原创 推荐6个开源可视化表单生成器
表单设计器和表单渲染器。表单设计器负责提供直观的可视化界面，让用户能够方便地搭建表单，并生成对应的JSON配置文件。表单渲染器则负责读取这些JSON配置，并将其转换成实际可用的表单界面。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-30 12:00:00
3745
2
原创 element中el-cascader级联选择框组件实现一级目录下的末梢节点只能选中一个但是不同一级目录下的末梢节点可以选择多个
最近接了个需求，用element中的选项实现如下2个需求，而且还不止，先做出一些总结。官网中作为级联选择组件，并不能同时支持一级多选，二级单选的功能，只能要么是单选或者多选。不过既然产品提了这个需求，皱着眉头也得上啊。网上也没找到相关特别明显能找到的示例插件，最终只能手撸一个出来。难受😫本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-29 12:00:00
2037
原创 css设置不可点击
在网页开发中，经常会遇到一种情况，就是需要将某个元素的点击事件屏蔽，使其在用户点击时没有任何反应。这时候，我们可以通过CSS的属性设置为none来设置元素不可点击，实现这个功能。CSS的属性是一种较为简单的实现元素不可点击的方法，可以通过设置元素的属性为none，来实现屏蔽元素的点击事件。但是需要注意的是，这种方式会影响该元素上的所有鼠标事件，并不是所有浏览器都支持属性。在实际开发中，我们需要根据实际情况来选择是否使用这种方式。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-26 21:30:03
697
原创 js树形控件zTree使用总结
zTree的APIzTree的在线示例：http://www.treejs.cn/v3/demo.php](https://gitee.com/link?树形控件的使用是应用开发过程中必不可少的。zTree是一个依靠jQuery实现的多功能树插件。优异的性能、灵活的配置、多种功能的组合是zTree最大优点。从zTree官网下载的zTree包括以下组成部分metroStylezTree的metro风格样式相关文件（图片及css样式表）。zTreeStylezTree的标准风格样式文件夹（图片及css。
2024-01-25 12:00:00
1445
原创 js中找出两个数组中不同的元素
两个数组 `var A = [1, 5, 6]; var B = [2, 6, 7]`，实现一个方法，找出仅存在于`A` 或者仅存在于`B`中的所有数字。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-23 12:00:00
1236
原创 css中＞＞＞、/deep/、::v-deep的作用和区别，element-ui自定义样式
deep/在style经常用scoped属性实现组件的私有化时，要改变element-ui某个深层元素（例如）或其他深层样式时，需要使用/deep/注意，/deep/在vue 3.0会报错个人推荐项目使用::v-deep修改样式本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-22 09:50:21
1170
原创 JS使用window.location.replace删除上一条浏览器历史记录的方法（登录回退）
如果用户登录状态过期，或者没有登录，当用户登录之后回退上一个页面的时候，就会回退到登录页面，这样的体验不是很好。`history`不支持删除历史记录的方法，当从当前页面跳转到下一个页面的时候可以用以下方法，用新的文档替换当前文档就相当于删除了当前页面的历史记录。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-21 00:03:25
1152
原创 element中el-cascader级联选择器只有最后一级可以多选
element-ui中级联选择器只有最后一级可以多选，其它级只有展开子节点的功能，如下图所示：可以观察到最后一级的li节点上没有属性，可以通过这个来隐藏非最后一级节点的来解决此问题本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-14 10:56:43
2364
原创 js中try...catch捕捉错误
说到都觉得非常熟悉了，不就是用来捕捉代码块中的错误嘛，平时也用得比较多的本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-13 11:57:55
535
原创 浏览器History对象
属性指向History对象，它表示当前窗口的浏览历史。History对象保存了当前窗口访问过的所有页面网址。下面代码表示当前窗口一共访问过3个网址。由于安全原因，浏览器不允许脚本读取这些地址，但是允许在地址之间导航。// 后退到前一个网址// 等同于浏览器工具栏的“前进”和“后退”按钮，其实就是对History对象进行操作。MDN文档，点击【前往本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-12 00:22:40
945
原创 js关闭当前窗口报错Scripts may close only the windows that were opened by them
在`Chrome`浏览器中调用`window.close`()关闭当前页面时浏览器控制台报出 `Scripts may close only the windows that were opened by them.` 且无法关闭当前页面。**先上结论**：不是通过`JS`打开的浏览器标签，都不能通过`window.close`()来关闭当前页面。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。MDN。
2024-01-11 10:57:44
2408
原创 CSS渐变透明
使用场景：在做两个元素的连接处的UI适配时，图片的颜色不能保证一定跟背景颜色或者是主色调保持一致时，会显得比较突兀。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-10 00:12:43
452
原创 Vue3打印插件Print.js的使用
如何认识和快速上手 `Print.js`，我们可以从官网的内容开始阅读，在官网中有很详细的介绍和使用例子，虽然是英文版的。`Print.js` 打印插件包括了 `PDF` 打印、`HTML` 打印、`JSON` 打印、图像打印等。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-09 09:42:21
2435
原创 vue3开启摄像头并进行拍照
Vue3调用本地摄像头实现拍照功能，由于调用摄像头有使用权限，只能在本地运行，线上需用https域名才可以使用。主要是使用这个API来实现。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-08 10:12:14
905
2
原创 js中函数动态调用
在`JS`开发中，例如有些场景下，后端要求一个功能要请求不同的接口，但是传参及后续逻辑其实都是一样的，有些同学可能会想到在接口`url`处统一处理就好，但是不在本篇文章要讲的范围。在源头处理，动态调用多个方法名，其实也就可以了。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-03 11:05:23
881
原创 Vue3全局属性app.config.globalProperties
在main.ts文件中设置//全局方法app.config.globalProperties.$type = '类型';本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-01 21:29:53
1458
原创 ant-design-vue的form表单全局禁用不生效
实际使用`ant-design-vue`在开发表单的时候或许会遇到编辑与查看的需求，但是查看的时候表单不允许编辑，`ant-design-vue`的官方是没有像`element`一样提供全局`disabled`属性的，但是我们对一个一个的`form-item`去添加又有一些麻烦，所以我使用了一个全局`css`属性才设置。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2024-01-01 21:15:01
1085
原创 Vue独立组件开发-动态组件
在开发中，你经常会遇到这么一种情况：根据条件动态地切换某个组件，或动态地选择渲染某个组件。Vue提供了另外一个内置的组件和is特性，可以更好地实现动态组件。动态组件广泛应用于灵活渲染组件的场景，根据某种条件来渲染不同的组件，搭配可以避免组件频繁的创建与销毁。源码地址可点击【跳转】访问，在线调试代码本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2023-12-31 12:00:00
1024
原创 14个强大的JS库
在软件开发领域有一句谚语：“不必重新发明轮子”。这正说明了库（library）的重要性。它们是开发者的好朋友和救星。我认为，一个好的项目会使用一些最优秀的库。挑选库时，人们通常会首先看GitHub上的星标数，因为这代表了库的受欢迎程度和实用性。下面，我将为您介绍2024年最受欢迎的14款JavaScript库，这些库肯定会在您的开发旅程中提供帮助。Driver.js可用于创建各种覆盖效果，如暗化背景，以突出显示页面中的特定元素。提供复杂交互功能方面的受欢迎程度和实用性。
2023-12-31 12:00:00
1261
原创 Vue独立组件开发-递归组件
递归组件就是指组件在模板中调用自己。递归组件的使用需要特别关注结束条件，否则会一直递归下去导致程序报错。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
2023-12-30 12:00:00
501
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人