- 博客(274)
- 资源 (15)
- 问答 (2)
- 收藏
- 关注
原创 07、JS实现:用回溯法实现数组全排列的算法(一步一步剖析,很详细)
然后继续从 [1,2,3] 选取⼀个数,并且这个数不能是已经选取过的数。给定⼀个 没有重复 数字的序列,返回其所有可能的全排列。重复这个过程直到选取的数字个数达到了 3。先从 [1,2,3] 选取⼀个数。输⼊: [1,2,3]
2024-03-27 17:21:41 299
原创 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 386
原创 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 343
原创 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 941
原创 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 517
原创 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 657
原创 09、用数据变量等控制 vue 项目标签中 CSS 样式的五种方法
通过 Vue3 的数据变量来控制 h1 标签样式;通过 vue3 的 computed 来控制 h1 标签样式;通过 vue3 的 computed 传值来控制 h1 标签样式;通过 vue3 的 computed 及数据变量来控制 h1 标签样式;通过 item 是否存在某个值来确定标签的类名;
2024-03-15 12:02:06 720
原创 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 569
原创 vue 解决:点击左侧相同菜单,右侧页面不重新加载的问题
无论是通过路由组件形成的平台管理系统,还是通过文件配置形成的平台管理系统,都存在通过切换左侧的导航栏而使右侧的页面切换的业务需求;重复点击左侧导航栏的菜单(即:点击左侧导航相同菜单),右侧页面不重新加载,但左侧切换不同的菜单,右侧页面加载就没有问题;但要在左侧点击相同页面的导航栏(即:已经展示该页面,再点击左侧相同菜单,右侧页面不再重新加载,当然也没进行刷新操作);修改上述位置代码后,就解决了:点击左侧相同菜单,右侧页面不重新加载的问题;文件,且加载都没有问题(即:页面可以加载,对应的接口也可以加载);
2024-02-29 20:00:27 743 2
原创 08、关于语法:resp?.data?.data 的含义与实际操作中可能遇到的问题
这是 `js` 中的一种新的语法;`resp?.data?.data` 的意思是尝试获取 `resp` 中的 `data` 中的 `data` 属性,它和 `resp.data.data` 的意思是一样的,但是比 `resp.data.data` 的容错性更高。
2024-02-29 20:00:18 1024
原创 解决 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 3131 2
原创 vue 解决:Module not found: Error: Can‘t resolve ‘vue-router‘ 的问题
`找不到模块:错误:无法解析“vue-router”`根据报错的中文信息可知:应该是无法解析 `vue-router` 模块,应该是 `vue-router` 的版本或引入出了问题;
2024-01-24 19:47:26 2434 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 3859
原创 vue 简单实现购物车:商品基础信息最终的 html 文件 + 商品计数器的组件处理,实现了购物车;
vue 简单实现购物车:商品基础信息最终的 html 文件 + 商品计数器的组件处理,实现了购物车;
2023-12-21 22:30:00 4856 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 734 2
原创 07实战:定制懒洋洋购物车:商品基础信息展示组件(slot插槽) + 商品计数器组件(父子通信和兄弟组件通信) + 商品总价计算组件 + 最终的 html 文件形成最终的提交版作业;
至少包含两款商品,每款商品有不同的单价、起购数量和加减数量,由父组件将商品数据传递给子组件,必须划分成三个组件实现,组件需提取为单独的JavaScript文件;
2023-11-21 01:00:00 1329 2
原创 07、如何取出对象数组里的固定 key 值来拼成一个对象(以及对象与数组之间的转化)
A、数组生成特定属性的二维数组和对象:B、数组生成特定属性的对象数组和对象:C、数组转化成对象的操作:D、对象转换成数组的操作:
2023-11-03 01:00:00 1976 8
原创 06、如何将对象数组里 obj 的 key 值变成动态的(即:每一个对象对应的 key 值都不同)
定义一个动态的 `key` 值来满足业务需求:`vlan_X`;通过 `map` 操作,获取目标对象数组;
2023-11-03 00:00:00 1989 6
原创 (el-Table)操作(不使用 ts):Element-plus 中 Table 多选框的样式等的调整
【代码】(el-Table)操作(不使用 ts):Element-plus 中 Table 多选框的样式等的调整。
2023-10-28 01:00:00 1581 8
原创 webpack 解决:TypeError: merge is not a function 的问题
想执行 `npm run dev` 命令,运行起项目时,控制台报错 `TypeError: merge is not a function;`
2023-10-26 00:00:00 2205 8
原创 解决 webpack 4.X:autoprefixer 插件使用不起作用的两种解决方案
在写 CSS3 这些新的特性时,存在着不同的浏览器解析这些新特性时,需要在新特性前加上厂商前缀的(即:autoprefixer 插件的作用),能提高了我们的开发效率,但是此时页面并没有加上厂商的前缀;
2023-10-24 00:00:00 621 4
原创 webpack解决:background-image: url([object Module]) 的图片无法显示的问题;
在项目打包的时候 `npm run build`,项目控制台及浏览器控制台没有报错,但在浏览器页面中,指定的背景图片没显示;
2023-10-13 01:00:00 1777 4
原创 webpack 解决:Cannot use import statement outside a module 的问题
在项目打包的时候 `npm run build`,没有报错,页面也正常显示,但在浏览器调试的时候 `F12` 报错;
2023-10-13 00:00:00 1386
原创 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 2103 2
原创 Webpack 解决:Error: error:0308010C:digital envelope routines::unsupported 的问题
在项目打包的时候 `npm run build`,控制台报错,并抛出一个 `Node.js v18.16.0` 的问题;
2023-10-12 00:30:00 1345 2
原创 Webpack 解决:ReferenceError: dist is not defined 的问题
想在 `webpack` 的配置中,创建一个 `dist 文件夹`来存放 `npm run build` 打包后的文件,但发现运行代码后报错;
2023-10-12 00:00:00 647 6
原创 04、javascript 修改对象中原有的属性值、修改对象中原有属性的名字(两种方式)、添加对象中新属性等的操作
/ 想将obj中的flag值,根据不同的值来变化(即:修改对象中原有的属性值);
2023-09-08 22:00:00 2926
原创 (ElementPlus)操作(不使用 ts): Form表单检验、规则及案例分析(这一篇就够了)
FormJavaScript在数据被送往服务器前对HTML中的Form 表单中的这些输入数据进行验证的行为就称为表单检验;
2023-08-19 00:30:00 4028 4
原创 ElementPlusError 解决: [ElForm] model is required for validate to work 的三种方式
中文为:在 表单中需要进行规则校验,但是在提交的过程中,一直出现报错的提示,而且不能成功执行提交的操作;由报错信息可知是 绑定有些问题,将 正确绑定应该就能解决该问题;是 里面的一个属性,但与 没什么关系( 是 的一种内置的 ,本质是一种),所以不要将 与 混淆;方式三、每个 中 绑定的值一定是 中的值:A、要在 中先定义:其一、哪里有不对或不合适的地方,还请大佬们多多指点和交流!其二、若有转发或引用本文章内容,请注明本博客地址() https://blog.csdn.net/weix
2023-08-19 00:00:00 4682
原创 (el-Form)操作(不使用 ts):Element-plus 中 Form 表单组件校验规则等的使用
/ 此时虽然页面的样式有些变化,但实际上的用 form 语法或校验规则等都是没有变化的;
2023-08-11 23:00:00 1294
原创 解决: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 2655
原创 (el-Table)操作(不使用 ts):Element-plus 中Table 表格组件:多选修改成支持单选及表格相关样式的调整
但好像没有很好的效果,只是将原有的颜色变了而已;
2023-08-10 01:00:00 1809
原创 (el-switch)操作(不使用 ts):Element-plus 中 Switch 将默认值修改为 “true“ 与 “false“(字符串)来控制开关
【代码】(el-switch)操作:Element-plus 中 Switch 将默认值修改为 “true“ 与 “false“(字符串)来控制开关。
2023-08-08 01:00:00 1682
原创 解决:::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead 的警告问题
语言,而在使用穿透语法时,报了警告而非报错,但看着有警告就想来解决这个警告问题;根据中文的显示信息可以知道,本警告的主要问题在于。作为组合器的用法废弃,要使用。
2023-08-07 22:00:00 8630 6
原创 过程:从虚拟机上添加 git 并成功提交到 GitLab 的全过程
/ 此时就能将代码仓中所有的分支展示在页面上(此时就能发现有自己新创建的分支 dev-web-*******命令来合并,但在虚拟机中可以直接在提交的过程中直接创建基于某个分支的新分支)// 此时就能成功将想要更新的代码传到对应的代码仓上(即:成功提交到。// 此时会报错: 因保护项目分支而被不允许合在。// 此时会报错: 因保护项目分支而被不允许合在。的值(即:在命令输入过后的最后就能拿到。// 此时就能在虚拟机环境下看到。// 此时就能成功设置上传到。// 此时就能成功设置上传到。
2023-08-03 22:00:00 1634
原创 解决:Uncaught (in promise) SyntaxError: “[object Object]“ is not valid JSON 问题的过程
中文为:后台返回的数据虽然是 字符串的样式,但是通过 方法一直解析不出来;应该是返回的字符串的数据不正确,可能多了一些不必要的符号等情况;其一、可能多了一些不必要的回车:A、数据格式为:B、数据展示为:其二、可能多了一些不必要的逗号(如:多了最后一个逗号就报错):A、数据格式为:B、数据展示为:其三、可能多了一些不必要的双引号:A、数据格式为:B、数据展示为:其四、正确的数据格式:A、数据格式为:B、json.parse() 操作后的数据为:C、数据展示为:其一、哪里有不对或不合适的地方,还请大佬们
2023-08-01 22:00:00 7763
原创 (el-radio)操作(不使用 ts):Element-plus 中 Radio 单选框改成垂直排列的样式操作与使用
【代码】(el-radio)操作:Element-plus 中 Radio 单选框改成垂直排列的样式操作与使用。
2023-07-28 22:00:00 1678
原创 Vue3解决:Mockjs 引入后并访问 404(Not Found) 的页面报错问题
但在页面 报错为:GET http://localhost:5173/list 404 (Not Found)(即:在页面并没有找到自己引入 Mockjs 时,设置的地址和假数据)功能常用于解决数据模拟问题,有了 Mock 工具模拟数据后,前后端可以同步进入开发,提升团队研发效率;前端开发往往依赖于后端数据接口,在后端接口就绪能够返回数据之前,前端通常很难开工;根据上述的问题剖析和描述,发现:在引入。项目中,引入了 Mockjs。后,设置的数据和地址有问题;
2023-07-27 22:00:00 3528 4
使用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关注的人