- 博客(180)
- 资源 (19)
- 收藏
- 关注
RSS订阅原创 get请求传递数组
需要注意的是，如果请求参数中带有中括号[]，[]在url中属于功能性字符，前端需要使用decodeURIComponent()函数转义，否则会出现400 Bad Request错误。传递数据最好使用post请求放到body中，如果非要使用get请求传递数组，可以通过下面方式。axios中有一个专门对数据进行序列化的配置属性paramsSerializer。在axios请求拦截器中对参数进行序列化配置。
2025-03-27 19:00:00
1128
原创 vue代码中使用debugger不生效或无法跳转源码终极解决方案
debugger不生效，或者debugger生效，但进入的不是源码，终极解决
2024-08-09 18:00:00
4599
2
原创 js函数参数的默认值，参数为对象
比如，上面最后一个函数，定义了 3 个参数，其中有一个参数c指定了默认值，因此length属性等于3减去1，最后得到2。上面两种写法都对函数的参数设定了默认值，区别是写法一函数参数的默认值是空对象，但是设置了对象解构赋值的默认值；上面代码中，函数fetch没有第二个参数时，函数参数的默认值就会生效，然后才是解构赋值的默认值生效，变量method才会取到默认值GET。上面代码中，有默认值的参数都不是尾参数。上面代码中，x参数对应undefined，结果触发了默认值，y参数等于null，就没有触发默认值。
2024-06-18 19:47:34
1682
原创 pnpm原理：软连接、硬连接
在操作系统中，文件实际上是一个指针，只不过它指向的不是内存地址，而是一个外部存储地址（这里的外部存储可以是硬盘、U盘、甚至是网络）：硬链接是一个实实在在的文件，node不对其做任何特殊处理，也无法区别对待，实际上，node根本无从知晓该文件是不是一个硬链接。硬链接的概念来自于 Unix 操作系统，它是指将一个文件A指针复制到另一个文件B指针中，文件B就是文件A的硬链接。当我们删除文件时，删除的实际上是指针，因此，无论删除多么大的文件，速度都非常快。硬链接的数量没有限制，可以为同一个文件产生多个硬链接。
2024-04-26 15:58:08
1519
原创 浏览器存储cookie、webStorage、IndexedDB
MDN官网是这样解释Indexed DB的：IndexedDB 是一种底层 API，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象（blobs））。该 API 使用索引实现对数据的高性能搜索。虽然 Web Storage 在存储较少量的数据很有用，但对于存储更大量的结构化数据来说力不从心。而 IndexedDB 提供了这种场景的解决方案。
2024-04-23 16:48:12
453
原创 webpack中mode、NODE_ENV、DefinePlugin、cross-env的使用
mode是设置执行模式，webpack4会自动将mode的值通过设置为全局变量，业务代码中可以使用process.env.NODE_ENV读取值。NODE_ENV是设置Node环境变量，在webpack.config.js、webpack.dev.js等文件中通过读取值。cross-env是用来解决跨环境的。用来设置全局变量，在业务代码中通过读取值。
2024-04-23 16:20:11
1937
原创 URL的绝对路径/相对路
浏览器会拿到当前页面的地址，以及当前页面的请求方法，重新发一次请求，同时抛弃当前页面。浏览器要想发起请求,必须是一个完整的url地址.属性值，然后把表单中的数据组织到请求体中，发出。浏览器会拿到a元素的href地址，并发出一个。浏览器会自动解析URL，并发出一个。和当前页面的path密切相关。单页面应用使用的是绝对路径.浏览器会拿到对应的地址，发出。的请求，同时抛弃当前页面。和当前页面的path无关。请求，同时抛弃当前页面。请求，同时抛弃当前页面。，并注明了获取服务的。浏览器会获取按钮所在的。
2024-04-18 21:15:00
1540
原创 选择做程序猿的你后悔过吗
我是一名程序员，还在上大学的时候我就是了，或许当我报考《计算机科学与技术》这门专业的时候就是了。原因也很简单：和其他大多数行业相比，软件行业的薪资水平和福利待遇还是高一些的（注意我说的是大多数，如果你有不同见解，以你为准）！是的，就这么简单，对比之下，软件行业似乎是个还不错的选择！不然，也不会有那么多人花重金培训，往这个行业里挤。但，如果你没有其他选择，程序猿这个行业也可一试！如果你有更好的选择，那请一定不要选择程序猿！周末还坐在电脑前加班的时候后悔过！但我最终的答案是：不后悔！加班到凌晨的时候后悔过！
2024-04-18 18:09:58
530
原创 Macbook m1安装docker详细教程
修改完成之后，点击 Apply & restart 按钮，Docker 就会重启并应用配置的镜像地址了。将Docker拖到Applications中。接下来就开始愉快的使用Docker吧！如果没有账号点注册，有账号直接登录。点击Settings。
2024-03-20 20:42:45
6043
5
原创 vscode使用remote-ssh免密连接服务器
你还在使用XShellHyperFinalShell等等SSH客户端软件吗，作为前端的我们，一直在用的功能强大的开发工具vscode，早已实现SSH连接功能（借助官方提供的插件）。而且更加好用，可以直接打开服务器上的文件，直接在vscode中修改、保存。按照下面的步骤安装配置，去发现新大陆吧！
2024-03-12 21:31:26
2875
原创 在vue2中使用tailwindcss（完整教程）
如果你看过好多教程之后，还是报错，无法使用tailwindcss，我希望本教程可以让你成功上岸。
2024-03-08 21:06:53
5266
18
原创 git学习教程-前端这一篇文章就够了
当你学习 Git 时，可能会被其庞大的命令集和各种概念所吓到。但实际上，Git 并不要求死记硬背每一个命令，更重要的是理解其工作流程和使用场景。这篇文章的目的就是帮助你简化 Git 的学习过程，让你发现 Git 其实并不需要刻意去背，只需要真正理解它，就能轻松掌握。现在，就让我们一起踏上探索 Git 世界的旅程吧！
2024-02-28 21:45:00
1059
原创 Cookie完全解读
的请求都会打到这个服务上，通过修改电脑的 hosts 文件很容易做到这一点，https 的证书是采用 mkcert 生成的自签名证书。当 Access-Control-Allow-Credentials 的值不为 true 时。当 Access-Control-Allow-Origin 设置为 * 时。控制cookie在跨域请求的时候，是否可以携带。设置cookie在哪个域名下是有效的。cookie的名字，具有唯一性。cookie的过期时间-时间点。cookie的值，字符串。cookie的有效期。
2024-02-19 20:45:00
1331
原创 cookie封装，使用更方便
当提到"cookie封装"，通常是指在开发中对浏览器cookie的处理进行封装和管理，以简化代码和提高可维护性。在Web开发中，cookie是一种用于存储少量数据的小文件，存储在用户的浏览器中。它们被广泛用于跟踪用户会话，记录用户偏好，进行用户身份验证等。
2024-02-19 20:45:00
459
原创 js数组扁平化的几种方式
普通递归的思路很容易理解，就是通过for循环的方式，逐层逐个元素地去展平，如果当前元素是一个数组，那么就对它进行递归处理，再将递归处理的结果拼接到结果数组上。
2024-01-19 18:15:00
724
原创 jsPlumb、mxGraph和Antv x6实现流程图选型
jsPlumb、mxGraph学习成本比较大，且不再维护更新。AntV学习成本相对来说小很多，一直在持续更新中，且功能更加丰富。
2024-01-11 19:00:00
2124
原创 2023了，是时候使用pnpm了！
什么是pnpm 代表（高性能的npm），同和，都属于包管理安装工具，它较和在性能上得到很大提升，被称为快速的，节省磁盘空间的包管理工具。对比npm，yarn,当然也可以在bebel6中安装支持某个语法的plugin,比如你想使用 ES2020 中的可选链操作符,就要配置使用。
2023-10-19 19:09:48
2055
原创 Git常用命令
Git常用命令基本操作操作命令git clone https://gitee.com/*.git （远程git地址）克隆远程代码项目Value电脑$1600手机$12导管$1Column 1Column 2centered 文本居中right-aligned 文本居右你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读
2023-10-07 18:12:25
283
原创 解决VSCode报Delete `␍`eslint(prettier/prettier)问题
最优配置 为了最大限度兼容macOS以及Linux，需要： 提交时转换为LF，检出时不转换 拒绝提交包含混合换行符的文件 批量将CRLF转换成LF 如果在Windows下不慎…
2023-04-04 18:45:00
1174
原创 element ui通过formdata上传文件
使用场景：选取好excel文件后，再把导入的excel文件和参数同时提交给服务器，需要用到文件的手动上传，但是直接拷贝官网的demo会出现问题，下面会具体说明要注意的问题点。???直接上代码：index.vue
2023-03-27 20:45:00
3104
原创 git报错系列-fatal: The current branch develop has no upstream branch.
fatal: The current branch develop has no upstream branch.致命:当前开发的分支没有上游分支。解决方法：git push --set-upstream origin 远程分支名称解释：origin是你在clone远程代码时，git为你创建的指向这个远程代码库的标签，它指向repository。为了能清楚了解你要指向的repository，可以用命令git remote -v进行查看git push -u origin 远程分支名称两个命令
2023-03-15 18:00:00
1969
原创 安装element-ui后，运行报错ERROR in ./node_modules/element-ui/lib/element-ui.common.js Module not found: Erro
ERROR in ./node_modules/element-ui/lib/element-ui.common.jsModule not found: Error: Can’t resolve ‘throttle-debounce/debounce’ in “xxx”ERROR in ./node_modules/_element-ui@2.13.2@element-ui/lib/tooltip.jsModule not found: Error: Can’t resolve ‘throttle-d
2023-03-15 18:00:00
3711
3
原创 50 多个提高前端人效率的工具、网站和书籍整理
50 多个提高前端人效率的工具、网站和书籍整理JS每日一题本文包含了在线编译，在线编辑、实用工具、可视化工具、各种前端电子书等50多个网站，快放到你的收藏夹吃灰吧如果你看到最后了，记得给我一个免费的赞哦在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/[1]http-::www.jsfuck.com:.jpg嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/[2]htt
2023-03-15 18:00:00
269
原创 mac M1 nvm安装教程，避坑
我在通过命令行安装nvm成功之后（curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash），终端输入nvm，提示 command not found: nvm，因为还没执行下面红框中的脚本。通过nvm安装最新的node版本 v15.8.0，没有什么问题，可以正常安装，这是因为最新版本的nvm和node，已经对M1做了兼容处理。把下面的脚本复制到终端，回车之后执行nvm命令，发现可以正常使用了。
2023-03-04 22:31:24
1887
原创 vue2、vue3组件传值，引用类型，对象数组如何处理
纯展示直接使用父组件属性，不会有副作用！只子组件内部修改，父组件不会修改（即，父组件只做初始化）子组件 data 中声明新的数据，通过或者切断引用即可。return {父子组件都会修改通过 computed 或者 watch 进行处理} , this . parentObj) } } } < / script > 或者 watch 方式 export default {return {if(val) {vue computed正确使用方式。
2023-03-01 18:00:00
2751
原创 Vite内网ip访问，两种配置方式
方式一：修改vite的配置文件（vite.config.ts）方式二：修改package.json文件。运行项目的时候，控制台会只出现。采用上面任一方式，就可以通过。
2023-02-21 13:56:31
9726
2
原创 .vscode/extensions.json和setting.json 是项目用到的插件推荐列表和设置
在前端项目，文件目录中存在.vscode文件夹，文件夹下一般存在两个文件extensions.json和setting.json。作用是保持所有开发者安装了相同的插件和相同的配置，保持开发环境一致性。和对于团队协作开发起到很重要的作用。如遇到问题或有什么建议，可以留言。
2023-01-13 18:15:00
7734
原创 Delete `␍`eslint(prettier/prettier) 错误的解决方案
罪魁祸首是git的一个配置属性：core.autocrlf由于历史原因，windows下和linux下的文本文件的换行符不一致。Windows在换行的时候，同时使用了回车符CR(carriage-return character)和换行符LF(linefeed character)而Mac和Linux系统，仅仅使用了换行符LF老版本的Mac系统使用的是回车符CR
2023-01-10 22:30:00
16096
原创 ESLint + StyleLint + Prettier + VSCode 打造最优雅的前端开发体验
一个理想的开发体验可以抽象成这样：只关心业务代码，具备优雅的工作流，调试时所有代码都在源码中，产物符合规范要求。但要想真正符合规范的要求，光靠字面约束以及开发自觉是远远不够的，必须利用工程手段，让开发在开发过程中能使用自动化的工具来完成规范化的要求，而开发本身可以全身心的投入到业务开发中。
2022-12-21 15:52:13
3172
3
原创 JavaScript 触发浏览器页面全屏，某div区域全屏
全屏API可以控制浏览器的全屏显示，让一个Element节点（以及子节点）占满用户的整个屏幕。目前各大浏览器的最新版本都支持这个API（包括IE11），但是使用的时候需要加上浏览器前缀。
2022-08-17 19:30:00
3488
软件工程中的产品需求设计说明书PRD模板解析
2024-12-30
计算机专业毕业论文，java加源码，电子商城系统
2022-03-30
一键清理流氓软件SoftCnKiller
2022-08-04
软件方案设计模板软件开发
2022-07-24
jquery.js文件
2016-12-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人