- 博客(176)
- 资源 (19)
- 收藏
- 关注
RSS订阅原创 pnpm原理：软连接、硬连接
在操作系统中，文件实际上是一个指针，只不过它指向的不是内存地址，而是一个外部存储地址（这里的外部存储可以是硬盘、U盘、甚至是网络）：硬链接是一个实实在在的文件，node不对其做任何特殊处理，也无法区别对待，实际上，node根本无从知晓该文件是不是一个硬链接。硬链接的概念来自于 Unix 操作系统，它是指将一个文件A指针复制到另一个文件B指针中，文件B就是文件A的硬链接。当我们删除文件时，删除的实际上是指针，因此，无论删除多么大的文件，速度都非常快。硬链接的数量没有限制，可以为同一个文件产生多个硬链接。
2024-04-26 15:58:08
886
原创 Shadowsocks PAC模式自定义规则
关键词：Shadowsocks, PAC自动模式, 编辑PAC用户自定规则, PAC规则Shadowsocks使用PAC自动模式时，访问一个网站要不要走代理，需要用户手动进行干预。
2024-04-24 06:00:00
495
1
原创 浏览器存储cookie、webStorage、IndexedDB
MDN官网是这样解释Indexed DB的：IndexedDB 是一种底层 API，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象（blobs））。该 API 使用索引实现对数据的高性能搜索。虽然 Web Storage 在存储较少量的数据很有用，但对于存储更大量的结构化数据来说力不从心。而 IndexedDB 提供了这种场景的解决方案。
2024-04-23 16:48:12
329
原创 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
581
原创 URL的绝对路径/相对路
浏览器会拿到当前页面的地址，以及当前页面的请求方法，重新发一次请求，同时抛弃当前页面。浏览器要想发起请求,必须是一个完整的url地址.属性值，然后把表单中的数据组织到请求体中，发出。浏览器会拿到a元素的href地址，并发出一个。浏览器会自动解析URL，并发出一个。和当前页面的path密切相关。单页面应用使用的是绝对路径.浏览器会拿到对应的地址，发出。的请求，同时抛弃当前页面。和当前页面的path无关。请求，同时抛弃当前页面。请求，同时抛弃当前页面。，并注明了获取服务的。浏览器会获取按钮所在的。
2024-04-18 21:15:00
331
原创 选择做程序猿的你后悔过吗
我是一名程序员，还在上大学的时候我就是了，或许当我报考《计算机科学与技术》这门专业的时候就是了。原因也很简单：和其他大多数行业相比，软件行业的薪资水平和福利待遇还是高一些的（注意我说的是大多数，如果你有不同见解，以你为准）！是的，就这么简单，对比之下，软件行业似乎是个还不错的选择！不然，也不会有那么多人花重金培训，往这个行业里挤。但，如果你没有其他选择，程序猿这个行业也可一试！如果你有更好的选择，那请一定不要选择程序猿！周末还坐在电脑前加班的时候后悔过！但我最终的答案是：不后悔！加班到凌晨的时候后悔过！
2024-04-18 18:09:58
472
原创 Macbook m1安装docker详细教程
修改完成之后，点击 Apply & restart 按钮，Docker 就会重启并应用配置的镜像地址了。将Docker拖到Applications中。接下来就开始愉快的使用Docker吧！如果没有账号点注册，有账号直接登录。点击Settings。
2024-03-20 20:42:45
860
2
原创 vscode使用remote-ssh免密连接服务器
你还在使用XShellHyperFinalShell等等SSH客户端软件吗，作为前端的我们，一直在用的功能强大的开发工具vscode，早已实现SSH连接功能（借助官方提供的插件）。而且更加好用，可以直接打开服务器上的文件，直接在vscode中修改、保存。按照下面的步骤安装配置，去发现新大陆吧！
2024-03-12 21:31:26
1536
原创 在vue2中使用tailwindcss（完整教程）
如果你看过好多教程之后，还是报错，无法使用tailwindcss，我希望本教程可以让你成功上岸。
2024-03-08 21:06:53
1014
9
原创 git学习教程-前端这一篇文章就够了
当你学习 Git 时，可能会被其庞大的命令集和各种概念所吓到。但实际上，Git 并不要求死记硬背每一个命令，更重要的是理解其工作流程和使用场景。这篇文章的目的就是帮助你简化 Git 的学习过程，让你发现 Git 其实并不需要刻意去背，只需要真正理解它，就能轻松掌握。现在，就让我们一起踏上探索 Git 世界的旅程吧！
2024-02-28 21:45:00
970
原创 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
931
原创 cookie封装，使用更方便
当提到"cookie封装"，通常是指在开发中对浏览器cookie的处理进行封装和管理，以简化代码和提高可维护性。在Web开发中，cookie是一种用于存储少量数据的小文件，存储在用户的浏览器中。它们被广泛用于跟踪用户会话，记录用户偏好，进行用户身份验证等。
2024-02-19 20:45:00
400
原创 js数组扁平化的几种方式
普通递归的思路很容易理解，就是通过for循环的方式，逐层逐个元素地去展平，如果当前元素是一个数组，那么就对它进行递归处理，再将递归处理的结果拼接到结果数组上。
2024-01-19 18:15:00
486
原创 jsPlumb、mxGraph和Antv x6实现流程图选型
jsPlumb、mxGraph学习成本比较大，且不再维护更新。AntV学习成本相对来说小很多，一直在持续更新中，且功能更加丰富。
2024-01-11 19:00:00
879
原创 2023了，是时候使用pnpm了！
什么是pnpm 代表（高性能的npm），同和，都属于包管理安装工具，它较和在性能上得到很大提升，被称为快速的，节省磁盘空间的包管理工具。对比npm，yarn,当然也可以在bebel6中安装支持某个语法的plugin,比如你想使用 ES2020 中的可选链操作符,就要配置使用。
2023-10-19 19:09:48
1275
原创 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
252
原创 解决VSCode报Delete `␍`eslint(prettier/prettier)问题
最优配置 为了最大限度兼容macOS以及Linux，需要： 提交时转换为LF，检出时不转换 拒绝提交包含混合换行符的文件 批量将CRLF转换成LF 如果在Windows下不慎…
2023-04-04 18:45:00
865
原创 element ui通过formdata上传文件
使用场景：选取好excel文件后，再把导入的excel文件和参数同时提交给服务器，需要用到文件的手动上传，但是直接拷贝官网的demo会出现问题，下面会具体说明要注意的问题点。???直接上代码：index.vue
2023-03-27 20:45:00
2539
1
原创 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
1348
原创 安装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/[email protected]@element-ui/lib/tooltip.jsModule not found: Error: Can’t resolve ‘throttle-d
2023-03-15 18:00:00
2961
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
169
原创 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
1417
原创 vue2、vue3组件传值，引用类型，对象数组如何处理
纯展示直接使用父组件属性，不会有副作用！只子组件内部修改，父组件不会修改（即，父组件只做初始化）子组件 data 中声明新的数据，通过或者切断引用即可。return {父子组件都会修改通过 computed 或者 watch 进行处理} , this . parentObj) } } } < / script > 或者 watch 方式 export default {return {if(val) {vue computed正确使用方式。
2023-03-01 18:00:00
2299
原创 Vite内网ip访问，两种配置方式
方式一：修改vite的配置文件（vite.config.ts）方式二：修改package.json文件。运行项目的时候，控制台会只出现。采用上面任一方式，就可以通过。
2023-02-21 13:56:31
7172
2
原创 .vscode/extensions.json和setting.json 是项目用到的插件推荐列表和设置
在前端项目，文件目录中存在.vscode文件夹，文件夹下一般存在两个文件extensions.json和setting.json。作用是保持所有开发者安装了相同的插件和相同的配置，保持开发环境一致性。和对于团队协作开发起到很重要的作用。如遇到问题或有什么建议，可以留言。
2023-01-13 18:15:00
5050
原创 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
14468
原创 ESLint + StyleLint + Prettier + VSCode 打造最优雅的前端开发体验
一个理想的开发体验可以抽象成这样：只关心业务代码，具备优雅的工作流，调试时所有代码都在源码中，产物符合规范要求。但要想真正符合规范的要求，光靠字面约束以及开发自觉是远远不够的，必须利用工程手段，让开发在开发过程中能使用自动化的工具来完成规范化的要求，而开发本身可以全身心的投入到业务开发中。
2022-12-21 15:52:13
2639
2
原创 JavaScript 触发浏览器页面全屏，某div区域全屏
全屏API可以控制浏览器的全屏显示，让一个Element节点（以及子节点）占满用户的整个屏幕。目前各大浏览器的最新版本都支持这个API（包括IE11），但是使用的时候需要加上浏览器前缀。
2022-08-17 19:30:00
3095
原创 部署YApi时，出现报错信息：Accessing non-existent property ‘count‘ of module exports inside circular dependency
部署YApi时，出现报错信息：Accessing non-existent property ‘count’ of module exports inside circular dependency。解决的办法很简单，卸载最新版的node v14，重新安装稳定版的node v12，这个问题就解决了。GitHub上未找到解决方案，网上发现其他同学也遇到了类似的问题。也可以使用nvm管理node版本，更方便切换哦。注意切换后要重新全局安装yapi-cli。产生这个的原因是node的版本太高了。...
2022-08-02 22:30:00
2726
原创 Cookie的作用域不区分协议和端口
如果cookie在一个端口上运行的服务可读，则cookie也可由在同一服务器的另一个端口上运行的服务读取。如果cookie在一个端口上可由服务写入，则cookie也可由在同一服务器的另一个端口上运行的服务写入。出于这个原因，服务器不应该在同一主机的不同端口上运行相互不信任的服务，并使用cookie来存储安全敏感信息。在http://localhost:3000和http://localhost:4000之间跳转时，Chrome会传入相同的cookie，每个服务都无法理解cookie并生成新的cookie。.
2022-08-02 17:27:35
1665
原创 软件开发方案设计文档ppt
1、先确定目标，由目标反推需求，问题，再寻求解决方素，2注意事项目标和需求要从实际出发，务于高户，要有实际应用价值，注意汇报的对象听取方案汇报的对象通常并不直接参与到开发过程中，对系统的现状、现有方案、为什么出现问题等等并不了解，因此在文档中应当尽可能清晰、详细的描述，必要的地方可以佐以泳道图、流程图、界面截图、DEMO演示等;...
2022-07-24 13:51:04
1058
一键清理流氓软件SoftCnKiller
2022-08-04
软件方案设计模板软件开发
2022-07-24
计算机专业毕业论文，java加源码，电子商城系统
2022-03-30
jquery.js文件
2016-12-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人