- 博客(278)
- 资源 (10)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 (Transfer)解决：Element-ui 中 Transfer 穿梭框因数据量过大而渲染卡顿问题的三种方法
(Transfer)解决：Element-ui 中 Transfer 穿梭框因数据量过大而渲染卡顿问题的三种方法
2024-04-09 08:30:00
866
2
原创 10、JS实现：数组四数之和算法的解决方案(一步一步剖析，很详细)
其一、代码为：其二、截图为：其一、哪里有不对或不合适的地方，还请大佬们多多指点和交流！其二、若有转发或引用本文章内容，请注明本博客地址() https://blog.csdn.net/weixin_43405300,创作不易，且行且珍惜！其三、有兴趣的话，可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏)()：https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482
2024-04-09 08:00:00
458
原创 09、JS实现：数组三数之和算法的解决方案(一步一步剖析，很详细)
所以返回值为：[ [ 1, 4, 10 ], [ 1, 5, 9 ], [ 1, 6, 8 ], [ 2, 3, 10 ], [ 2, 4, 9 ], [ 2, 5, 8 ], [ 2, 6, 7 ], [ 3, 4, 8 ], [ 3, 5, 7 ], [ 4, 5, 6 ] ]所以返回值为：[ [ -10, 3, 7 ], [ -6, -2, 8 ], [ -6, -1, 7 ], [ -2, -1, 3 ] ]给定 nums = [2, 3, 5, 6, 11, 15], target = 8;
2024-04-01 08:45:00
744
2
原创 08、JS实现：数组两数之和算法的两种解决方案(一步一步剖析，很详细)
对于这道题，我们很容易想到使⽤两层循环来解决这个问题，但是两层循环的复杂度为O（n2），但也能解决该问题，当然，我们也可以考虑能否换⼀种思路，减⼩复杂度。● 再计算第⼆个数字与 target 的差值，并与 map 对象中的数值进⾏对⽐，若相同，直接返回，若没有相同值，就将这个差值也存⼊ map 对象中。给定⼀个整数数组 nums 和⼀个⽬标值 target，请你在该数组中找出和为⽬标值的那 两个 整数，并返回他们的数组下标；给定 nums = [2, 7, 11, 15], target = 9;
2024-04-01 08:00:00
976
原创 07、JS实现：用回溯法实现数组全排列的算法(一步一步剖析，很详细)
然后继续从 [1,2,3] 选取⼀个数，并且这个数不能是已经选取过的数。给定⼀个 没有重复 数字的序列，返回其所有可能的全排列。重复这个过程直到选取的数字个数达到了 3。先从 [1,2,3] 选取⼀个数。输⼊: [1,2,3]
2024-03-27 17:21:41
428
原创 06、JS实现：用双数组实现接雨水的算法(一步一步剖析，很详细)
上⾯是由数组 [0,1,0,2,1,0,1,3,2,1,2,1] 表示的⾼度图，在这种情况下，可以接 6 个单位的⾬⽔（蓝⾊部分表示⾬⽔）；答：可以计算接雨之后的水位，减去 height 数组原本的高度，就是 height 数组每一项所能接的水数；给定 n 个⾮负整数表示每个宽度为 1 的柱⼦的⾼度图，计算按此排列的柱⼦，下⾬之后能接多少⾬⽔；上图中 height 数组的每一项所能接的水数，依次求和，然后相加就将是最终的输出结果；输⼊: [0,1,0,2,1,0,1,3,2,1,2,1]
2024-03-27 17:20:38
493
原创 05、JS实现：用回溯法实现组合总和的算法(即：使数组某些值的和为目标数值，重复/不重复)(一步一步剖析，很详细)
给定⼀个⽆重复元素的数组 candidates 和⼀个⽬标数 target ，找出 candidates 中所有可以使数字和为 target 的组合；这种题⽬其实有⼀个通⽤的解法，就是回溯法。输⼊：candidates = [2,3,6,7], target = 7,输⼊：candidates = [2,3,5], target = 8,candidates 中的数字可以⽆限制重复被选取。candidate 中的每个元素都是独⼀⽆⼆的。法，这⾥的所有的解法使⽤通⽤⽅法解答；解集不能包含重复的组合；
2024-03-25 15:10:00
364
原创 04、JS实现：用⼆分法思想实现搜索旋转排序数组(一步一步剖析，很详细)
/ 调用的函数为：searchPermutation([13, 14, 17, 18, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], 16)，此时的返回值为：-1;（例如，数组 [0,1,2,4,5,6,7] 可能变为 [4,5,6,7,0,1,2] ）。// 调用的函数为：searchPermutation([6, 7, 8, 1, 2, 3, 4, 5], 5)，此时的返回值为：7；输⼊：nums = [4,5,6,7,0,1,2], target = 0。
2024-03-25 15:09:12
960
原创 03、JS实现：用贪心思想实现下⼀个排列的算法
其三、再将 nums[i] 与 nums[nums.length - 1] 之间的数组值来进行反转 (即：将 nums[i] 与nums[nums.length - 1] 之间的数组值从降序排列反转成升序排列);其二、若在数组中能找到回溯值，就将 nums[i] 与 nums[nums.length - 1] 之间的大于 nums[i] 的最小的值与 nums[i] 交换;其一、需要将整个数组从后向前找到第一个逆序(即：非降序)的值 nums[i]，此时的 nums[i] 就是下一个排列的回溯值；
2024-03-20 08:45:00
539
原创 02、JS实现：使用二分查找实现两数相除的算法(要求：不使⽤乘法、除法和 mod 运算符)
整数除法的结果应当截去（truncate）其⼩数部分，例如：truncate(8.345) = 8 以及 truncate(-2.7335) = -2。符合直觉的做法是：减数⼀次⼀次减去被减数，不断更新差，直到差⼩于 0，我们减了多少次，结果就是多少。解释: 7/-3 = truncate(-2.33333…输⼊: dividend = 10, divisor = 3。输⼊: dividend = 7, divisor = -3。二分法的本质：有序数组查找指定的值；
2024-03-20 08:30:00
687
原创 09、用数据变量等控制 vue 项目标签中 CSS 样式的五种方法
通过 Vue3 的数据变量来控制 h1 标签样式;通过 vue3 的 computed 来控制 h1 标签样式;通过 vue3 的 computed 传值来控制 h1 标签样式;通过 vue3 的 computed 及数据变量来控制 h1 标签样式;通过 item 是否存在某个值来确定标签的类名;
2024-03-15 12:02:06
936
原创 01、JS实现：去除数组中重复项的算法之一
函数应该返回新的⻓度 5, 并且原数组 nums 的前五个元素被修改为 0, 1, 2, 3, 4。A、这道题如果不要求，O(n) 的时间复杂度， O(1) 的空间复杂度的话，会很简单。// 此时 fastP 及 slowP 的值对应的 nums 的值就是最终的数组值;函数应该返回新的⻓度 2, 并且原数组 nums 的前两个元素被修改为 1, 2。D、当快指针⾛完整个数组后，慢指针当前的坐标加 1 就是数组中不同数字的个数；给定 nums = [0,0,1,1,1,2,2,3,3,4],
2024-03-15 12:02:00
598
原创 vue 解决：点击左侧相同菜单，右侧页面不重新加载的问题
无论是通过路由组件形成的平台管理系统，还是通过文件配置形成的平台管理系统，都存在通过切换左侧的导航栏而使右侧的页面切换的业务需求；重复点击左侧导航栏的菜单(即：点击左侧导航相同菜单)，右侧页面不重新加载，但左侧切换不同的菜单，右侧页面加载就没有问题;但要在左侧点击相同页面的导航栏(即：已经展示该页面，再点击左侧相同菜单，右侧页面不再重新加载，当然也没进行刷新操作)；修改上述位置代码后，就解决了：点击左侧相同菜单，右侧页面不重新加载的问题；文件，且加载都没有问题(即：页面可以加载，对应的接口也可以加载)；
2024-02-29 20:00:27
798
2
原创 08、关于语法：resp?.data?.data 的含义与实际操作中可能遇到的问题
这是 `js` 中的一种新的语法；`resp?.data?.data` 的意思是尝试获取 `resp` 中的 `data` 中的 `data` 属性，它和 `resp.data.data` 的意思是一样的，但是比 `resp.data.data` 的容错性更高。
2024-02-29 20:00:18
1096
原创 解决 Git：ssh: connect to host github.com port 22: Connection timed out 问题的三种方案
**`ssh: connect to host github.com port 22: Connection timed out` `fatal: Could not read from remote repository.`****`ssh：连接到主机 github.com 端口 22：连接超时` `fatal：无法从远程存储库读取`**
2024-01-24 23:00:00
3533
2
原创 vue 解决：Module not found: Error: Can‘t resolve ‘vue-router‘ 的问题
`找不到模块：错误：无法解析“vue-router”`根据报错的中文信息可知：应该是无法解析 `vue-router` 模块，应该是 `vue-router` 的版本或引入出了问题;
2024-01-24 19:47:26
2934
2
原创 Vue3 解决：因为引入 element-plus 国际化而导致的“@ts-expect-error“ directive to explain why 的 TS 问题
想要在 **`Vue + TS + Element-plus`** 的项目中的入口文件中，引入 **`element-plus`** 国际化，却标红(如下图)，此时的原因是：由于没有 **`ts`** 的语法才标红； 但此时的 **`"lint": "eslint src"`** 命令，检测 **`eslint`** 的语法问题并没有问题；
2023-12-22 22:30:00
3954
原创 vue 简单实现购物车：商品基础信息最终的 html 文件 + 商品计数器的组件处理，实现了购物车；
vue 简单实现购物车：商品基础信息最终的 html 文件 + 商品计数器的组件处理，实现了购物车;
2023-12-21 22:30:00
4921
2
原创 Vue3 的 Mock 解决：if (!require.cache) { ^ ReferenceError: require is not defined 的问题
该 **`demo`** 是采用 **`Vue3+Vite+TS`** 的形式，在 **`pnpm install -D vite-plugin-mock mockjs`** 安装 **`mock`** 后，在 **`vite.config.ts`** 中引入 **`mock`** 并配置后，执行项目的过程中报错: **`require 未被定义`**
2023-12-21 22:00:00
827
2
原创 07实战：定制懒洋洋购物车：商品基础信息展示组件(slot插槽) + 商品计数器组件(父子通信和兄弟组件通信) + 商品总价计算组件 + 最终的 html 文件形成最终的提交版作业；
至少包含两款商品，每款商品有不同的单价、起购数量和加减数量，由父组件将商品数据传递给子组件，必须划分成三个组件实现，组件需提取为单独的JavaScript文件；
2023-11-21 01:00:00
1339
2
原创 07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化)
A、数组生成特定属性的二维数组和对象：B、数组生成特定属性的对象数组和对象：C、数组转化成对象的操作：D、对象转换成数组的操作：
2023-11-03 01:00:00
1995
8
原创 06、如何将对象数组里 obj 的 key 值变成动态的(即：每一个对象对应的 key 值都不同)
定义一个动态的 `key` 值来满足业务需求：`vlan_X`;通过 `map` 操作，获取目标对象数组;
2023-11-03 00:00:00
2015
6
原创 (el-Table)操作(不使用 ts)：Element-plus 中 Table 多选框的样式等的调整
【代码】(el-Table)操作(不使用 ts)：Element-plus 中 Table 多选框的样式等的调整。
2023-10-28 01:00:00
1690
8
原创 webpack 解决：TypeError: merge is not a function 的问题
想执行 `npm run dev` 命令，运行起项目时，控制台报错 `TypeError: merge is not a function;`
2023-10-26 00:00:00
2302
8
原创 解决 webpack 4.X：autoprefixer 插件使用不起作用的两种解决方案
在写 CSS3 这些新的特性时，存在着不同的浏览器解析这些新特性时，需要在新特性前加上厂商前缀的(即：autoprefixer 插件的作用)，能提高了我们的开发效率，但是此时页面并没有加上厂商的前缀；
2023-10-24 00:00:00
652
4
原创 webpack解决：background-image: url([object Module]) 的图片无法显示的问题；
在项目打包的时候 `npm run build`，项目控制台及浏览器控制台没有报错，但在浏览器页面中，指定的背景图片没显示;
2023-10-13 01:00:00
1890
4
原创 webpack 解决：Cannot use import statement outside a module 的问题
在项目打包的时候 `npm run build`，没有报错，页面也正常显示，但在浏览器调试的时候 `F12` 报错;
2023-10-13 00:00:00
1494
原创 Webapck 解决：[webpack-cli] Error: Cannot find module ‘vue-loader/lib/plugin‘ 的问题
在项目打包的时候 `npm run build`，控制台报错，并抛出一个 `Cannot find module 'vue-loader/lib/plugin'` 的问题；
2023-10-12 01:00:00
2308
2
原创 Webpack 解决：Error: error:0308010C:digital envelope routines::unsupported 的问题
在项目打包的时候 `npm run build`，控制台报错，并抛出一个 `Node.js v18.16.0` 的问题；
2023-10-12 00:30:00
1649
2
原创 Webpack 解决：ReferenceError: dist is not defined 的问题
想在 `webpack` 的配置中，创建一个 `dist 文件夹`来存放 `npm run build` 打包后的文件，但发现运行代码后报错；
2023-10-12 00:00:00
668
6
原创 04、javascript 修改对象中原有的属性值、修改对象中原有属性的名字(两种方式)、添加对象中新属性等的操作
/ 想将obj中的flag值，根据不同的值来变化(即：修改对象中原有的属性值)；
2023-09-08 22:00:00
3181
原创 (ElementPlus)操作(不使用 ts): Form表单检验、规则及案例分析(这一篇就够了)
FormJavaScript在数据被送往服务器前对HTML中的Form 表单中的这些输入数据进行验证的行为就称为表单检验;
2023-08-19 00:30:00
4530
4
原创 ElementPlusError 解决： [ElForm] model is required for validate to work 的三种方式
中文为：在 表单中需要进行规则校验，但是在提交的过程中，一直出现报错的提示，而且不能成功执行提交的操作;由报错信息可知是 绑定有些问题，将 正确绑定应该就能解决该问题;是 里面的一个属性，但与 没什么关系( 是 的一种内置的 ，本质是一种)，所以不要将 与 混淆;方式三、每个 中 绑定的值一定是 中的值：A、要在 中先定义：其一、哪里有不对或不合适的地方，还请大佬们多多指点和交流！其二、若有转发或引用本文章内容，请注明本博客地址() https://blog.csdn.net/weix
2023-08-19 00:00:00
5324
原创 (el-Form)操作(不使用 ts)：Element-plus 中 Form 表单组件校验规则等的使用
/ 此时虽然页面的样式有些变化，但实际上的用 form 语法或校验规则等都是没有变化的;
2023-08-11 23:00:00
1327
原创 解决：Unexpected ‘debugger‘ statement.eslint(no-debugger) (即：页面中的 debugger 标红)的问题
博主汇总：https://blog.csdn.net/weixin_44198965/article/details/99839604。官网(推荐)：https://cn.eslint.org/docs/rules/根据提示应该是 eslint 的问题，找到相应的位置给。后，标红用法不正确，但项目运行后的页面调试没问题;的调试过程中，突然发现在页面出现。加相应的规则应该就能解决该问题；
2023-08-11 01:00:00
2926
原创 (el-Table)操作(不使用 ts)：Element-plus 中Table 表格组件：多选修改成支持单选及表格相关样式的调整
但好像没有很好的效果，只是将原有的颜色变了而已;
2023-08-10 01:00:00
1917
原创 (el-switch)操作(不使用 ts)：Element-plus 中 Switch 将默认值修改为 “true“ 与 “false“(字符串)来控制开关
【代码】(el-switch)操作：Element-plus 中 Switch 将默认值修改为 “true“ 与 “false“(字符串)来控制开关。
2023-08-08 01:00:00
1824
原创 解决：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead 的警告问题
语言，而在使用穿透语法时，报了警告而非报错，但看着有警告就想来解决这个警告问题;根据中文的显示信息可以知道，本警告的主要问题在于。作为组合器的用法废弃，要使用。
2023-08-07 22:00:00
9656
6
使用webpack4 + vue2 从零开始创建的 TodoList 前端项目
2023-10-11
vue2 + webpack4相适配的 能成功打包的 package.json 文件
2023-08-25
vue2 + webpack5相适配的 能成功打包的 package.json 文件
2023-08-25
中转平台框架 + 登录页面 + 路由配置 + mockjs配置 + axios配置+退出配置+vuex配置+echarts 配置
2023-07-08
Vue3 框架 + Element-Plus 库 + mockjs 假数据 + vue3-demo + 环境已经配好拿来就用
2023-07-06
flexible.js
2021-10-29
动态创建夜空小星星的过程.rar
2021-06-16
Faststone capture.rar
2021-04-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人