自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Aucanon的博客

A rookie studying。

  • 博客(16)
  • 收藏
  • 关注

原创 vue项目中使用axios发送http请求添加header自定义变量出现跨域问题

硬跨域 后端也配了cors 其它接口没问题 传token的也没问题。最后百度也没搜明白说是可能什么http协议的问题的等等没找到解法。或者让你的后端直接本地NGINX转发一遍。最后解决办法 前端本地proxy代理。正常拿到headers中添加的键值。上线了可以NGINX。

2023-12-25 16:52:03 1380

原创 vue组件子组件修改变量同步修改父组件

父组件中绑定传递的值使用v-modle 然后子组件中可以使用update:(变量name)的emit事件直接修改父组件中传递给子组件的值。

2023-12-25 16:42:09 670

原创 windows10默认浏览器总是自动更改为Edge浏览器

在设置的默认应用设置中把默认浏览器改为chrome或其他之后他自动又会改回Edge。不得不说*软真的狗。后来发现在Edge浏览器的设置中有这么一个选项,会很无耻的默认是Edge。把它关掉后重新设置就行了。

2023-09-01 08:46:33 4528 1

原创 JS关键词 new call apply bind的原理和手写实现

当 构造函数返回一个和 this 无关的对象时,new 命令会直接返回这个对象而不是通过 new 执行步骤而生成的 this 对象。所以 new 关键词执行之后总会返回一个对象,要么是实例对象,要么是 return 语句返回的指定对象。三个方法都是 Function 下的方法三者的作用都是改变函数 func 的this 指向。call 和 apply 的区别在于传参的写法不同,call 的第二个至第 N 个都是给 func 的传参,而 apply 的第二个参数是一个数组。

2023-07-21 08:50:42 88

原创 vite-ssr

还有就是在使用 ElementUI-Plus 的时候有些组件是无法在 ssr 中使用的。就目前而至的有(el-popover、el-menu、el-table)。如果使用的话可以使用标签进行包裹,就不会再服务端进行渲染。该功能是使用 node 服务器进行代理,所以在 node 中没有 ES 中相应的 document、windows、localStorage 等对象所以使用其相应的方法就需要注意,或者可以对这些方法进行一些手动的封装。但是看了下别人的好像还可以用一个插件进行处理。

2023-07-19 14:55:04 223

原创 状态码422

在接口文档里面测试的时候就是不成功的并且状态码是422。正常去百度 结果大概意思就是传参不对。就一直认为自己的传参方式不对吗?从文档里面看参数应该只有 name 是 required 所以。最后是后端说有参数有问题,不是前端的问题。这样写应该也是正常的 但是。所以 还好不是我的问题。

2023-06-30 10:30:23 502

原创 webpack5中getOptions没了?

但是好像没有替换的方法,后来注意到方法 interpolateName 的参数中有一个。但是现在使用这个方法进行打包的时候就会报没有getOptions方法的错误。虽然不知道是不是正解,但是目前就是好像可以拿到配置的options了。在做一个webpack的demo的时候创建一个自定义的。,对loader进行配置的时候设置了。,看的教程以及别的教程的博客都是用的。方法来获取options的配置项。的参数然后就直接拿来试了一下。在官方文档中方法好像只剩下了。

2022-11-18 18:16:45 555

原创 webpack基本使用

html-webpack-plugin 该插件⽤来创建 HTML ⽂件,创建的 HTML ⽂件默认引⼊打包后的所有资源⽂件。@babel/polyfill 会对所有的 JS 新语法进⾏转译(没⽤到的新语法也会被转译),因此打包后的 JS 会。eslint-webpack-plugin(Webpack 的 eslint 插件)babel-loader Webpack 中,转换 JS 的加载器。使⽤ eslint-webpack-plugin 来进⾏ JS 的格式校验。

2022-11-16 21:23:23 338

原创 自动化构建工具Gulp

在首页面就展示了基本使用的步骤。后面自己创建一个使用Gulp的用例。首先全局安装Gulp客户端初始化项目在项目下安装Gulp在项目下新建一个的Gulp入口文件。在中创建一个Gulp任务该任务会虽然会执行出结果但是会有报错,因为在最新Gulp中支持的是异步任务所以在任务中应该有一个回调函数。在任务中还可以配置默认执行任务项,执行gulp命令时就可以不用输入人物名。

2022-11-11 16:00:37 206

原创 JS的7种继承方法

这个方法接收两个参数:作为新对象原型的对象,以及给新对象定义额外属性的对象(第二个可选)。而ES6先将父类实例对象的属性和方法,加到this上面(所以必须先调用super方法),然后再用子类的构造函数修改this。寄生组合式继承:通过借用构造函数来继承属性,通过原型链的混成形式来继承方法。本质上,就是使用寄生式继承来继承超类型的原型,然后再将结果指定给子类型的原型。寄生式继承:寄生式继承背后的思路类似于寄生构造函数和工厂模式:创建一个实现继承的函数,以某种方式增强对象,然后返回这个对象。

2022-11-02 11:28:52 263

原创 HTML+CSS+Javascript简易记账本(localStorage)

续上github那几个小项目,接着来记账本数据在本地存储中Window.localStorage只读的localStorage 属性允许你访问一个Document 源(origin)的对象 Storage;存储的数据将保存在浏览器会话中。localStorage 类似 sessionStorage,但其区别在于:存储在 localStorage 的数据可以长期保留;而当页面会话结束——也就是说,当页面被关闭时,存储在 sessionStorage 的数据会被清除 。另外,localStorage 中

2022-04-28 14:36:19 3318 2

原创 HTML+CSS+JS实现简易汇率计算器(使用Fetch)

还是github上找的小玩意跟着模仿着敲的。首先看一下fetch,我也是学过ajax之后头一次见这玩意,然后就看着人家代码顺便上MDN看了一下。Fetch API 提供了一个 JavaScript 接口,用于访问和操纵 HTTP 管道的一些具体部分,例如请求和响应。它还提供了一个全局 fetch() 方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。反正这个东西好像就是比ajax要牛的东西?具体的还是MDN看一下文档吧MDN-fetch链接直接看最基本用法:fetch('http://

2022-04-26 15:29:15 3663 1

原创 SpeechSynthesisUtterance语音播报的使用text-reader(HTML+CSS+Js)

SpeechSynthesisUtteranceWeb Speech API的SpeechSynthesisUtterance接口代表一个语音请求。它包含语音服务应阅读的内容以及有关如何阅读的信息(例如语言、音高和音量)。–引自MDN属性SpeechSynthesisUtterance.lang 获取和设置说话的语言。SpeechSynthesisUtterance.pitch获取和设置说话的音调。SpeechSynthesisUtterance.rate获取和设置说话的速度。Speech

2022-04-24 12:30:36 4108

原创 HTML+CSS+JavaScript实现打字小游戏

github找的项目模仿着做的HTML代码<body> <div class="setting"> <form action=""> <label for="">Difficulty</label> <select name="" class="difficulty"> <option value="easy">easy&lt

2022-04-21 20:36:44 3475

原创 Git的常用方法和命令

.gitignore文件1.#忽略所有.a文件*.a2.#跟踪index.html(即使前面用*.html忽略了所有html文件)!index.html3.#忽略当前目录下的index.css文件/index.css4.#忽略任何目录下名为index.html的文件夹index.html/5.#忽略 lib/1.txt(但不忽略 lib/dir/1.txt)lib/*.txt6.#忽略 doc/目录及其所有子目录下的.docx文件doc/**/*.docx分支查看分支git

2022-04-21 16:00:35 228

原创 Git的基本使用方法和命令

绑定用户名/邮箱下载安装Git后通过Git Bash Here打开Git的命令行窗口配置用户信息。git config --global user.name "your username"git config --global user.email "your email"初始化仓库在现有目录中初始化仓库git init添加到暂存区add . 是将所有文件添加到暂存区,当然也可以单独添加某一文件,将. 直接换为该文件名即可。git add .将暂存区内容添加到仓库也可以通过添加-

2022-04-20 22:00:06 174

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除