- 博客(85)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 ＜ JavaScript技巧：如何优雅的使用 【正则】校验 ＞
🏳🌈 大家新年好啊！新年第一篇文章，主要想跟大家分享一下在Javascript中正则的使用方法，以及一些常用的正则表达式，希望这篇文章能够帮助到你。下面我们开始今天的内容吧！！！
2024-02-27 16:05:00
698
原创 ＜ JavaScript小技巧：如何优雅的用【一行代码 】实现Js中的常用功能 ＞
在开发中，采用简洁的语法和结构，遵循一致的命名规范，具有良好的代码组织和注释，能很好的提高代码的质量。可读性：易于阅读和理解。清晰的命名、简洁的语法和良好的代码结构可以使代码的意图更加明确，降低理解代码的难度，提高代码的可读性。可维护性：易于维护。当代码逻辑清晰、结构简洁时，开发者可以更快速地定位和修复bug，进行功能扩展或修改。同时，可读性高的代码也有助于后续的代码重构和优化。可扩展性：更具有扩展性和灵活性。清晰的代码结构和简洁的代码风格使得添加新功能、修改现有功能或扩展代码更加容易。
2023-08-08 18:06:37
295
原创 ＜ vueUse工具集：初识 vueUse 和 useIntersectionObserver 响应式监听目标元素的可见性，实现组件异步加载 ＞
这些天小温通过互联网自学呢, 发现了个挺有用的Vue实用的工具集。它包含了各种各有的Vue一些常用函数 / 组件，并对其进行封装。而且用法也更简单了，国内也有对应的中文文档（吐槽： 就是解释性文字比较少，但是胜在有案例，配合案例去使用，也不算难理解！最重要的是，兼容Vue2和Vue3，支持Typescript。配合使用，能达到很好的效果！接下来，就是今天这篇文章要讲的知识点啦！
2023-08-01 14:53:21
625
原创 ＜ 今日小技巧：Axios封装，接口请求增加防抖功能 ＞
今天这篇文章，主要是讲述对axios封装的请求，由于部分请求可能存在延时的情况。使得接口可能存在会被持续点击（即：接口未响应的时间内，被持续请求），导致重复请求的问题，容易降低前后端服务的性能！故提出给axios封装的配置里面，新增一个防抖函数，用来限制全局请求的防抖。
2023-07-24 16:32:13
1018
原创 ＜ 每日算法 - JavaScript解析：跳跃游戏 Ⅰ/ Ⅱ - 贪心 ＞
给大伙带来两个 “ 贪心算法 ”相关的题目，希望能给大家带来不一样的理解！
2023-07-14 16:55:00
631
原创 ＜ 每日算法 - JavaScript解析：一文解决 “ 买卖股票 ” 系列算法题 ＞
接下来，就由小温带大家解决 “买卖股票”系列算法题， 以最基础的 `121 题：买卖股票的最佳时机（简单）` 为例，讲解解决思路！
2023-07-07 19:19:10
725
2
原创 ＜ vue + ElementUi 组件封装：实现弹窗展示富文本数据，允许全文搜索高亮显示搜索内容 ＞
在 Vue + elementUi 开发中，遇到需要实现一个富文本展示 且 需要实现富文本全文搜索，高亮对应搜索内容。显示关键词出现次数，允许上下按顺序切换，实现滚动条定位到对应关键词位置！接下来，简单阐述下，开发中使用方法！话不多说，先上效果图！ 白嫖万岁！当然，如果有帮助，希望不要吝啬你的点赞呀！
2023-06-29 17:20:13
5365
1
原创 ＜ 每日算法：一文带你认识 “ 双指针算法 ” ＞
`双指针`并非指的是一种具体的公式或者范式。而是一种运算思路，用于节省逻辑运算时间的`逻辑思路`！双指针算法通常用于`优化时间复杂度`！
2023-06-07 18:35:31
822
7
原创 ＜ axios封装篇 ：一文看懂Axios + ElementUi 配置全局遮罩loading ＞
今天这篇文章，主要是用于补充上次的 axios封装 相关文章，用于补充全局配置接口遮罩！下面我们开始今天的内容吧 ！ ！！
2023-06-02 16:36:35
656
1
原创 ＜ ElementUi组件库： el-progress 进度条Bug及样式调整 ＞
在 Vue + elementUi 开发中，在使用Progress进度条时，往往会因为需求原型太过花里胡哨而烦恼（原本的样式并不能满足需求）。为什么呢？因为这个组件elementUi并没有提供过多的自定义属性及插槽，对的，插槽也没有，不能自定义进度条文本样式。即使在elementUi的文档里面写了属性，但是实际使用并未生效（怀疑是bug）。Tips: 基于 elementUi来说，好像elementUi - Plus升级了，修复了bug，也增加了对应的属性、开放了插槽！
2023-05-25 18:37:47
8053
1
原创 ＜组件封装：Vue + elementUi 通过excel文件实现 “ 批量导入 ” 表单数据，生成对应新增信息 ＞
在 Vue + elementUi 开发中，当某些新增表单数据过多时，为了提高新增数据的效率，往往会需要实现批量新增的功能。为此，我们就需要封装一个批量新增弹窗的功能组件，因实际场景需要，本次封装的批量导入组件，涵盖附件上传功能，组件仅以抛砖引玉！ 需要按照实际应用场景进行调整！👉 三、效果演示🔥 ＜ 每日小技巧： 基于Vue状态的过渡动画 - Transition 和 TransitionGroup＞🔥 ＜ 每日份知识快餐：axios是什么？如何在Vue中 封装 axio
2023-05-19 19:03:29
1797
1
原创 ＜ 每日小技巧： 基于Vue状态的过渡动画 - Transition 和 TransitionGroup＞
Vue提供了两个内置组件，可以帮助用户制作基于状态（会在一个元素或组件进入和离开DOM 时应用动画，本章节会介绍如何使用它。
2023-04-29 10:00:00
4619
原创 ＜ 封装公共导出模块：配合element实现提示 ＞
在 Vue + elementUi 开发中，我们偶尔会遇到需要导出的列表，或者指定位置的导出内容。在一个项目里面是十分常见的，但是由于导出代码有稍微有点长，不方便维护！基于项目开发需求，封装了一个公用的导出模块，模块入口提供了 四个参数，分别是：导出接口地址导出参数对象导出文件名称导出时选择的服务地址（需要配合config文件实现选择功能）。且基于信息安全问题，实现信息提示，当提示点击遵守规则才允许下载文件！
2023-04-26 18:30:00
760
原创 ＜ elementUi组件封装： 通过 el-tag、el-popover、vue动画等实现公告轮播 ＞
在 Vue + elementUi 开发中，遇到这么一个需求，要实现公告轮播的效果。说实话，一开始是打算通过Javascript去获取并修改对应元素来控制轮播的，但是发现这样子代码比较多，而且性能不是很好。然后…聪明的小温想到了，能不能通过vue的动画过渡，实现公告的滚动效果呢！一不做二不休，直接上手，果然是可以实现的！接下来，简单阐述下，开发中使用方法！tipsvue动画过渡 - Transition 官方文档。
2023-04-22 10:00:00
2400
原创 ＜ 前端性能优化: 资源加载优化 ＞
众所周知，前端是由HTML、CSS、JS等文件资源共同作用下渲染构建出来的。现今前端项目，大多为单页面应用，单页面应用的优点非常多（点击跳转 SPA单页面讲解），但是也并非没有缺点。由于单页面的原因，项目所需资源都需要在初次加载首屏时被加载，这就造成了首屏加载性能受到影响！对于首屏性能优化，就衍生出了相关需要思考的问题。如何将首屏加载的资源，分段将需要的资源及时加载出来，避免页面内容不显示的同时，又能避免加载多余并非立刻需要使用的资源呢？
2023-04-19 09:00:00
999
原创 ＜ element-Ui表格组件：表格多选功能回显勾选时因分页问题，导致无法勾选回显的全部数据 ＞
在 Vue + elementUi 开发中，elementUI中表格在本身是自带多选功能的，但是在某些情况下，并不能完全适用，甚至可能产生bug。本案例场景：在表单中，通过表单参数筛选某个明细表格数据，后端要求新增时可多选明细表格中的内容。但由于明细列表存在分页的功能，在回显时，由于element表格提供的勾选函数），因为数据不全面，只勾选了当前分页的内容。且由于业务需要，通常在表格中多选方法。
2023-04-18 15:21:52
2692
原创 ＜ 每日闲谈：你真的了解 “ ChatGPT ” 嘛 ？ ＞
相信小伙伴们最近肯定没有少从互联网上听到关于 ChatGPT 的信息，最近越来越多和 ChatGPT 相关的 Ai 人工智能内容的工具被宣传出来。也越来越多行业直接或者间接受到 "Ai" 的影响，衍生出了相关的新兴职位，例如： Ai插画师、AI提词工程师、Ai艺术画师等等。所以，清楚的了解认识它，非常有必要！
2023-04-10 17:33:24
5635
原创 ＜ 每日算法 - JavaScript解析：搜索旋转排序数组 ＞
给你 旋转后 的数组 nums 和一个整数 target ，如果 nums 中存在这个目标值 target ，则返回它的下标，否则返回 -1。根据示例，可以思考得出，数组nums存在一点，旋转了数组的数值结构（即上图分界点Point，存在。：在日常使用，数据量不多的情况下，可以直接用indexOf搜索。，那就只能使用二分查找了，因为indexOf是逐个遍历匹配，时间复杂度为 O(n)而我们通过这规律，就可以区分两段升序的数组，然后在对应的升序区间内，进行。在传递给函数之前，nums 在预先未知的某个。
2023-03-24 15:58:11
392
原创 ＜ CSS小技巧：类似photoShop的混合模式（mix-blend-mode / background-blend-mode）使用 ＞
CSS3新增了一个很有意思的属性，其中mix和blend的中文意译均为混合，那么这个属性的作用直译过来就是混合模式。当然，我们我们通常称之为混合模式。混合模式最常见于photoshop中，是PS中十分强大的功能之一。当然，瞎用乱用混合模式谁都会，利用混合模式将多个图层混合得到一个新的效果，只是要用到恰到好处，或者说在 CSS 中利用混合模式制作出一些效果则需要对混合模式很深的理解及不断的尝试。接下来，就让小温给小伙伴们将近几个合理的使用方案吧！
2023-03-17 17:42:07
1291
原创 ＜开源： 推荐10个开源的前端低代码项目＞
近几年，在技术领域低代码是比较热门的话题，比如阿里云推出了钉钉低代码，通过简单的拖拽配置，即可完成业务应用的搭建，腾讯云则是推出了微搭，通过行业化模板、拖放式组件和可视化配置快速构建多端应用。
2023-03-15 17:17:29
3719
原创 ＜ CSS小技巧：那些不常用，却很惊艳的CSS属性 ＞
随着技术的迭代，前端需求也在越来越复杂和 “花哨”。为了适应复杂的需求，CSS（层叠样式表）也在不断的迭代更新， 越来越多的 CSS 属性不断加入提案。本文列举 6 个不常用但很有用且你见过也可能没见过的 CSS 属性，带大家领略 CSS 之美。
2023-03-14 18:28:06
907
原创 ＜ JavaScript小技巧：Array构造函数妙用 ＞
今天这篇文章，主要想跟大家分享几个实用的Array方法使用小技巧，希望能够帮助到你。下面我们开始今天的内容吧！！！
2023-03-10 15:19:27
679
原创 ＜ elementUI组件样式及功能补全： 实现点击steps组件跳转对应步骤 ＞
在 Vue + elementUi 开发中，elementUI中steps步骤条组件只提供了change方法，并未提供各个步骤的点击跳转方法。在实际项目使用中，如果步骤条并非一步一步进行，而是有步骤跳转。那么就需要自己去自定义DIY了。接下来，简单阐述下，开发中使用方法！
2023-02-23 18:29:47
5018
5
原创 ＜ elementUi 组件插件： el-table表格拖拽修改列宽及行高 及 使用注意事项 ＞
由于项目需求，需要给定原先使用的element列表新增一个列宽动态拖拽功能。结合在网上找到的资源，出一期 “ 使用事项 ” 及 使用过程中的问题汇总
2023-02-17 14:44:49
10735
6
原创 ＜ 算法基础 之 二分查找 ＞
在开发中，我们常常会需要查找某个顺序存储结构中的内容时，我们常常会直接使用Javascript中已经封装好的函数去查找或者辅助查找。但是也由于封装的特性，我们对这种封装好的函数，比较难以控制其复杂度，包括其内部执行语句的庸余部分难以把控。所以，在算法中，诞生了二分查找这个算法概念。二分查找（Binary Search）也叫作折半查找。二分查找有两个要求，一个是数列有序，另一个是数列使用顺序存储结构（比如数组）。
2023-02-15 17:44:32
483
1
原创 ＜ CSDN周赛解析：第 27 期 ＞
各位卷王们好！ 基于最近比较经常接触算法相关的编程题，所以于前天，也就是CSDN第27期周赛。报名参加了，为了记录一下自己在哪里跌倒，特此打算新开一个栏目，名为： **`CSDN周赛解析`** 。希望大伙不要吝啬，三连支持一下呀！
2023-02-10 18:28:08
1099
4
原创 ＜ 每日算法 - JavaScript解析：二叉树灯饰【初识动态规划 - dp， 具体理解配合代码看最合适，代码均有注释】 ＞
这道算法题，对于没有了解过动态规划的萌新非常合适，内容非常详细，可以冲一波！尝试了解DP（动态规划）、状态转移、递归等知识点
2023-02-06 19:33:39
490
1
原创 ＜ 每日算法 - JavaScript解析：获取最小展台数量 ＞
力扣嘉年华将举办一系列展览活动，后勤部将负责为每场展览提供所需要的展台。 已知后勤部得到了一份需求清单，记录了近期展览所需要的展台类型， `demand[i][j]` 表示第 i 天展览时第 j 个展台的类型。 在满足每一天展台需求的基础上，请返回后勤部需要准备的 `最小` 展台数量。
2023-02-04 22:56:25
621
1
原创 ＜ 每日算法 - Javascript解析： 交通枢纽 ＞
为了缓解「力扣嘉年华」期间的人流压力，组委会在活动期间开设了一些交通专线。path[i] = [a, b] 表示有一条从地点 a通往地点 b 的 单向 交通专线。 若存在一个地点，满足以下要求，我们则称之为 `交通枢纽`
2023-02-01 15:13:21
334
1
原创 ＜ 每日算法 - JavaScript解析：用两个栈实现队列 ＞
任务描述：用两个栈实现一个队列。队列的声明如下，请实现它的两个函数 `appendTail` 和 `deleteHead` ，分别完成在队列尾部插入整数和在队列头部删除整数的功能。(若队列中没有元素，deleteHead 操作返回 -1 )
2023-01-31 13:28:43
867
2
原创 ＜ CSS小技巧：filter滤镜妙用＞
在前端开发中，所有页面都是以渲染的方式，通过HTML + CSS渲染出来的。本质来说，就是一些可以根据逻辑互动的图形元素组成，而在有些时候，我们往往需要拿我们对图片的理解去实现一些样式。为此，CSS中存在filter滤镜这个属性，去实现一些比较特殊的图形渲染方式。
2023-01-12 18:16:10
1335
14
原创 ＜ JavaScript技术分享： 大文件切片上传 及 断点续传思路 ＞
在开发过程中，不管怎样简单的需求，在量级达到一定层次时，都会变得异常复杂。就拿今天要说的文件上传来说，文件上传简单，但是当文件大小变得太大超出控制时，就会变得复杂了！当上传大文件时，会存在以下几个变量会影响我们的用户体验服务器处理数据的能力上传时间会变长，高频次文件上传失败，失败后又需要重新上传等等当遇到网络波动时，大文件上传容错率下降上传文件请求超时为了解决上述问题，我们需要对大文件上传单独处理这里涉及到切片上传及断点续传两个概念。
2023-01-04 16:06:51
1607
3
原创 ＜ 在element-ui中： 使用el-tree + el-table组件，联动请求用户数据表格组件 （基础版，后续可能更新） ＞
在 Vue + elementUi 开发中，实现通过树状组织机构，点击查询用户信息联动效果！ 组件较为简单，可以直接嵌入到需要使用的位置，具体操作还得看各位大佬如何使用！ 纯记录！话不多说，先上效果图！ 白嫖万岁！当然，如果有帮助，希望不要吝啬你的点赞呀！通过组合element-ui 中的 tree 和 table组件，实现联动效果，单选（有需要可以自己改成多选）用户信息，传出到父组件中，通过触发方法接收。
2022-12-13 12:07:40
3176
1
element-ui 的列表动态拖拽修改列宽和行高
2023-02-16
广东省中山市 -- 下至区县一级地图 Geo.Json数据
2022-05-29
Echarts可视化图表： 发光折线图 及 渐变色柱状图
2022-05-11
Vue3 学习文档（含案例） -- 简单易学
2022-04-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人