前端必备
文章平均质量分 69
tangdou369098655
快乐生活~~~
展开
-
npm pnpm yarn 报错或常见问题处理集锦
各种卡死,报错问题处理汇总。原创 2024-01-15 15:57:25 · 2309 阅读 · 0 评论 -
图文并茂教你模拟302接口,实现js中axios,fetch遇到302状态码后跳转的多种方案axios,fetch成功响应拦截302
下面我将会手把手教你实现:- 如何使用多种方案实现前端代码+302后端接口实现页面跳转?- fetch 发送GET 或者 POST请求如何处理 302?或者是说fetch 怎么才能拦截302?- Axios 响应拦截 302 状态码的方案有哪些?如何实现?原创 2023-12-03 21:35:48 · 2000 阅读 · 0 评论 -
px批量转vw方法,适用于用户临时突发自适应需求,快速搞出项目多屏幕适应方案postcss-px-to-viewport,postcss.config.js配置
方案一:1. 下载依赖npm install postcss-import postcss-loader postcss-px-to-viewport --save-dev npm install postcss-px-to-viewport-opt 2. 根目录下新建postcss.config.js,配置如下// https://github.com/michael-ciniawsky/postcss-load-config// module.exports = {// 'plug原创 2021-04-22 22:26:51 · 811 阅读 · 0 评论 -
Vue3 + Quasar系列-代码配置以及报错汇总记录(不断更新中)
quasar的样式和其他的框架修改不太一样,需要我们使用动态的方式来进行变更,一般来说有两种方案进行主题修改。欢迎大家指出文章需要改正之处~原创 2023-10-14 20:29:35 · 402 阅读 · 0 评论 -
手把手教你基于windows系统使用nvm进行node切换版本
nvm是什么,为什么要用它?nvm(node version management)是一个node版本管理工具。开发不同项目,具有不同版本node环境需求,我们需要切换node版本情况下,需要使用它哦~原创 2023-10-14 09:44:12 · 212 阅读 · 0 评论 -
手把手教你基于windows系统使用GNVM进行node切换版本
GNVM 是一个简单的 Windows 下 Node.js 多版本管理器,类似的 nvm nvmw nodist 。原创 2023-10-14 09:41:59 · 420 阅读 · 0 评论 -
js对url进行编码解码的三种方案,JS在url中如何传递参数或特殊符号
为什么要进行url编码?当你的URL里出现%2F 怎么办?JS在url中如何传递参数或者特殊符号呢?在url链接中会经常碰到一些%2F、%2B等特殊符号怎么解决呢原创 2023-10-14 09:30:45 · 1430 阅读 · 2 评论 -
react18函数组件+antd使用指南-使用代码集合以及报错记录汇总(不断更新中)
vite热更新失败解决方案,手把手教你antd4.x和5.x如何自定义主题色,各种报错处理方案集合原创 2023-10-09 01:56:15 · 3806 阅读 · 2 评论 -
分分钟搞定MAC丝滑切换node版本,升级node
在日常工作中,我们经常会遇到不同项目的依赖需要不同的node版本来运行,这个时候就需要切换node版本啦~~用node.js的多版本管理器 n 来解决问题。欢迎大家指出文章需要改正之处~原创 2023-10-08 01:53:05 · 1331 阅读 · 1 评论 -
多种方案教你彻底解决mac npm install -g后仍然不行怎么办sudo: xxx: command not found
某些时候我们成功执行了npm install -g xxx,但是执行完成以后,使用我们全局新安装的包依然不行,如何解决呢?原创 2023-10-08 01:43:29 · 925 阅读 · 0 评论 -
一分钟带你快速了解Prettier+配置指南
prettier是一个代码格式化工具,它可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式。原创 2023-09-16 09:33:10 · 2072 阅读 · 0 评论 -
解决gyp verb `which` failed python2 Error: not found: python2
2)系统变量—Path 中添加环境变量 C:\Python27(python安装目录)1)电脑右击——属性——高级系统设置—高级—环境变量。欢迎大家指出文章需要改正之处~原创 2023-09-14 01:43:09 · 1776 阅读 · 0 评论 -
npm audit 报错 501 Method Not Implemented npm/v1/security/audits/quick not implemented yet
npm WARN audit 501 Method Not Implemented - POST https://registry.npmmirror.com/-/npm/v1/security/audits/quick - [NOT_IMPLEMENTED] /-/npm/v1/security/audits/quick not implemented yet原创 2023-08-20 02:55:31 · 2640 阅读 · 0 评论 -
使用nrm快速切换npm源以及解决Method Not Implemented
是npm 源管理器使用它可以快速切换 npm源。原创 2023-08-20 02:52:30 · 453 阅读 · 0 评论 -
前端代码规范-2分钟教会你在nodejs中使用eslint定制团队代码规范
问题可以是任何东西,从潜在的运行时错误,到不遵循最佳实践,再到风格问题。自定义处理器 - 从其他类型的文件提取 JavaScript 代码,然后让 ESLint 对 JavaScript 代码进行检查。ESLint插件 - npm 模块,可包含一组 ESLint 规则、配置、处理器和环境。根据我的nodejs项目配置,自动创建出来.eslintrc.js的是这个样子。ESLint 解析器 - 将代码转换为 ESLint 可以评估的抽象语法树。可共享配置-通过 npm 共享的 ESLint 配置。原创 2023-08-01 01:57:42 · 489 阅读 · 0 评论 -
多种方案教你实现iframe嵌套页面相互传参(父子通信)
在工作中,我们会遇到一些需求,使用iframe嵌套另一个页面,这个页面大部分情况下不会部署在父页面相同的域名下,但是又需要父子页面进行数据交互,那么我们该怎么处理呢?接收postMessage方的怎么用呢?postMessage方法有三个参数。欢迎大家指出文章需要改正之处~iframe页面添加代码。iframe页面添加代码。iframe页面添加代码。iframe页面添加代码。一起来看一下效果吧~原创 2023-06-30 01:48:10 · 17129 阅读 · 0 评论 -
vscode编辑器如何显示.git隐藏文件, vscode不显示git文件怎么办
我想要设置pre-commit hook ,但是我在vscode项目里创建的时候,发现此文件已存在,想看隐藏文件夹 .git,但是我看不到它,想看隐藏文件夹 .git,此时该怎么办呢?或者打开setting.json, 配置。欢迎大家指出文章需要改正之处~原创 2023-06-25 01:05:17 · 1983 阅读 · 0 评论 -
前端项目规范化:手把手教你使用prettier和pre-commit(git hook或者husky)优化规范项目代码
下图为git hooks的官方示例,以.sample结尾。注意这些以.sample结尾的示例脚本是不会执行的,重命名后会生效是一些自定义的脚本,用于控制git工作的流程,分为客户端钩子和服务端钩子。客户端钩子包括:pre-commit、prepare-commit-msg、commit-msg、post-commit等,主要用于控制客户端git的提交工作流。服务端钩子:pre-receive、post-receive、update,主要在服务端接收提交对象时、推送到服务器之前调用。原创 2023-06-25 01:02:06 · 2207 阅读 · 0 评论 -
Echarts配置系列-图文并茂教你配置渐变色面积图,折柱双图,环形图,仪表盘图等
echarts各种图表配置,折柱混合,渐变色,面积图,环形图,仪表盘图原创 2023-06-22 23:06:36 · 2868 阅读 · 0 评论 -
解决npm install各种报错的6种方案 Error: Command failed: cmd.exe autoreconf -ivf以及gifsicle pre-build test fail
解决npm install各种报错的6种方案 Error: Command failed: cmd.exe autoreconf -ivf以及gifsicle pre-build test failed以及其他报错原创 2023-04-24 23:48:34 · 11331 阅读 · 0 评论 -
解决前端安装sharp出错问题sharp: Command failed.
欢迎大家指出文章需要改正之处~原创 2023-04-13 00:59:49 · 2724 阅读 · 0 评论 -
vue打包---放到服务器下(一个服务器多个项目需要配置路径),以及哈希模式和历史模式的不同配置方法
打包配置原创 2019-09-26 21:52:25 · 648 阅读 · 0 评论 -
从0-1超详细教你使用nginx打包部署静态资源,以及hash和history配置汇总
首先呢,我们要有以下几个方面的知识和操作,来实现项目部署## 第一:我们要搭建nginx部署基础环境### 具体流程可参考这个链接[从0-1超详细教你实现前端代码nginx部署全流程](https://blog.csdn.net/tangdou369098655/article/details/106318268)第二:我们要知道前端路由hash和history实现以及区别原创 2023-03-10 00:13:15 · 1873 阅读 · 0 评论 -
超详细手把手教你四种方案彻底解决MAC npm install -g 报错permission denied
保存.bash_profile的编辑,执行一下文件。保存.bash_profile的编辑,执行一下文件。命令行重新打开,就可以使用yarn。命令行重新打开,就可以使用yarn。把下面内容粘贴到环境变量文件里,把下面内容粘贴到环境变量文件里,欢迎大家指出文章需要改正之处~原创 2023-03-08 00:24:59 · 11842 阅读 · 2 评论 -
mac配置yarn 环境,command not found: yarn,解决无法npm -g的情况
保存.bash_profile的编辑,执行一下文件。命令行重新打开,就可以使用yarn。把下面内容粘贴到环境变量文件里,欢迎大家指出文章需要改正之处~原创 2023-03-08 00:00:07 · 4085 阅读 · 0 评论 -
uniapp系列-真机运行报错:plus is not defined
uniapp系列-真机运行报错:plus is not defined。原创 2023-03-04 00:16:20 · 4960 阅读 · 1 评论 -
windows配置yarn 环境变量
【代码】windows配置yarn 环境变量。原创 2023-03-04 00:14:21 · 1489 阅读 · 0 评论 -
图文并茂手把手教你How to copy files or directory in nodejs npm scripts编写脚本用npm或者node命令复制文件
2.把下面代码放到你的package.json,就像下图那个样子2.In the package.json file, There is a script tag, add below line of code尝试一下下面的命令,感受一下不同吧~~运行代码原创 2022-07-12 00:25:59 · 1078 阅读 · 0 评论 -
prettier+ts+eslint+vscode配置代码保存自动格式化,自动remove unsed declaration,delete no-unused-imports
准备工作项目至少安装ESLint插件项目里有这些依赖安装vue插件提供vue代码片段、语法支持、代码高亮等,可以格式化html、标准css(有分号 、大括号的那种)、标准js(有分号 、双引号的那种)、vue文件安装prettier插件Code formatter 各种代码格式化,只关注格式化,并不具有eslint检查语法等能力,只关心格式化文件(最大长度、混合标签和空格、引用样式等),包括JavaScript · Flow · TypeScript · CSS · SCSS · Less ·原创 2022-07-11 01:38:03 · 3019 阅读 · 2 评论 -
windows系统批量转换CRLF和LF格式代码,解决eslint报错Delete `␍`解决‘unix2dos‘ is not recognized as an internal or extern
本文已参与「新人创作礼」活动,一起开启掘金创作之路。2.下载 UNIX2DOS工具点击下载3.解压到我们喜欢的路径下,比如我解压到这里C:\jin_env4.配置环境变量-把刚刚解压的那个路径写进去哦5.新开一个cmd 窗口, 输入path,看到我们设置的路径就代表着成功,试一把~6.开启我们的编辑器的自动保存功能-这个仅作为建议哦~~具体如何开启自动保存功能,我会在下一篇文章里写哇~~7.进入项目根文件,打开其路径下的cmd 窗口,根据你文件的格式,进行修改下面命令即可ps:建议不要包原创 2022-07-08 01:24:51 · 1020 阅读 · 0 评论 -
echarts系列-带图教你调整左右位置x轴样式网格虚线刻度居中双轴Y轴滚动上下移动文字旋转改分割线颜色部分字体改色折注混合,X轴的颜色,X轴字体颜色,调整柱子颜色,调整小图标图例的大小和位置,鼠标
本文已参与「新人创作礼」活动,一起开启掘金创作之路。1.饼图怎么调整左右位置只需要调整option.series里的center: [‘30%’, ‘50%’]2.更改x轴样式,控制样式里的X轴字在中间, 距离Y轴还有点距离3.echarts将网格线设置成虚线4.x轴刻度居中5.echarts X轴区间柱形图,X轴 刻度数组长度 比 数据数组长度 多一个6.设置y轴区间,最大值最小值,显得数据波动很好~~~7.dataZoom控制Y轴滚动看图鼠标滚动原创 2022-06-22 01:38:30 · 10700 阅读 · 0 评论 -
GIT安装步骤记录以及Git 常用命令,忽略文件,推送本地代码到仓库示例以及常用报错解决
git-scm.comgitforwindows.org附录:Git 常用命令初始化版本库,并提交到远程服务器端—名称为origin的远程服务器库忽略某个文件夹如果已经提交过的文件或者文件夹怎么办?此时更改.gitignore文件对已经提交的文件是无效的使用.gitignore忽略文件或者文件夹参考来源 https://blog.csdn.net/toopoo/article/details/88660806常用命令部分参考来源 https://www.cnblogs.com/k原创 2022-06-21 01:12:19 · 689 阅读 · 0 评论 -
从0到1手把手教你实现vite-读取js文件解析所有的import语法,处理字符串并改写文件路径
本文已参与「新人创作礼」活动,一起开启掘金创作之路。修改代码vite\src\serverPluginModuleRewrite.js解释一下这个是什么哦开始编写重写文件逻辑啦重点改了这里哦给大家看一下打印出来的内容......原创 2022-06-15 01:43:54 · 2618 阅读 · 1 评论 -
图文并茂学会Vite-中篇-通过服务访问静态资源以及重写请求路径
安装 koa-static在server.js里,编辑代码,搞一下插件,先来实现静态服务功能关键代码标记给大家:然后,去浏览器里输入http://localhost:8088/,看一下效果吧~~很成功哇,我们的服务调用了静态资源,运行起来啦添加插件引用代码到vite\src\server.js......原创 2022-06-14 01:51:18 · 996 阅读 · 1 评论 -
超高清截图手把手教你彻底学会Vite
安装依赖 koa 用来实现node服务器,它帮我们封装了node-http哦配置环境映射?怎么说,这个就是把这个环境临时搞到全局,让cmd也可以用使用nodemon来监控代码变化,然后来自动重新执行,我们要执行下面的命令,其实我之前用过另一个叫做 surpervisor,也是可以的在外层新建一个配置文件,监控这个目录的代码变化 nodemon.json...原创 2022-06-14 01:47:56 · 235 阅读 · 0 评论 -
最最最常用的Git提交规范以及常用命令总结
先来说type:用于说明 Git Commit 的类别,只允许使用下面的标识:sync:同步主线或分支的bug。merge:代码合并。revert:回滚到上一个版本。chore:构建过程或辅助工具的变动。test:增加测试。perf:优化相关,比如提升性能、体验。refactor:重构(既不是新增功能,也不是修改bug的代码变动)。style:格式(不影响代码运行的变动)。docs:文档(documentation)。fix / to:修复bug,可以是QA(Quality Assura原创 2022-06-12 23:02:10 · 696 阅读 · 0 评论