09 2023 档案
摘要：查询之后发现是浏览器的同源策略，跨域了。浏览器的同源策略就是协议、域名、端口都要相同，只要当前页面的协议、域名和端口与请求地址的没有完全一样就会产生跨域问题。解决方案就是在vite.config.js文件中设置一下代理就行了，具体代码如下。其中proxy属性用于配置代理的规则，/api表示需要代理的
阅读全文
摘要：因为都是双引号识别就会出问题，可以改成下面里面包单引号，使用反义斜杠试了不行。
阅读全文
摘要：百度翻译了一下：TypeError：对常量变量的赋值。看了之后发现是定义了一个响应式的数据，在js中没有用.value赋值，直接变量名赋值导致的错误。
阅读全文
摘要：一、当前页面铺满整个屏幕 这个只需要设置占据整个页面容器的高为100vh，1vh是当前屏幕高度的1%，宽为100vw，1vw是当前屏幕宽度的1%，页面的body的margin为0就行了。需要注意的是style中有没有限制样式的范围scoped，App.vue只是一个组件，限制样式的话最后渲染出来的b
阅读全文
摘要：1、axios axios是一个基于promise的网络请求库，可以用于浏览器和node.js。 官网地址：https://www.axios-http.cn/。具体使用可以登录官网看文档，简单使用如下。 其他使用文档的地址：http://www.axios-js.com/zh-cn/docs/#a
阅读全文
摘要：一、vue3创建项目与介绍 vue3创建项目与vue2使用vue-cli（基于webpack）脚手架不同，vue3使用create-vue（基于vite，更快）。创建项目的指令如下，首先看一下node的版本（node -v），16以上才支持。第一次创建项目会去下载create-vue比较慢（下载是下
阅读全文
摘要：百度翻译一下未捕获的反应错误，defineProps这个函数没定义。原本以为是宏编译器没开的原因，网上搜了有说在.eslintrc.cjs中配置开启"vue/setup-compiler-macros": true。我的项目创建时没有加eslint所以没有这个配置文件，我又重新创建项目添加这个代码规
阅读全文
摘要：一、自定义创建项目 默认的项目有很多包不全，需要的时候还要导包搭架子，因此我们可以自定义创建项目。 选择的项目按照自己需要的设置，可参考如下参数设置。（eslink是一种代码规范） 首先cd进入项目需要存放的位置，再用下面的命令创建项目。 vue create 项目名 二、vuex 1、vuex概述
阅读全文
摘要：一、路由的封装抽离 目标：将路由模块抽离出来。好处：拆分模块，易于维护。 第一步：在src目录下新建一个router目录，在创建一个index.js文件，将先前main.js中的路由代码转移到index.js文件中。（这里需要使用到vue所以需将vue包导入；需修改组件路径，@符号代表绝对路径src
阅读全文
摘要：npm时node.js的包管理工具，和java里面的maven有点相似，但便捷性远不如maven。 想使用npm命令往项目中引包，但总是不成功，后来发现时npm指令不清楚导致的，记录一下npm几条指令的使用。 在Windows系统下，npm包安装的默认目录是在用户的AppData目录下 本地安装 首
阅读全文
摘要：一、自定义指令 自定义指令:自己定义的指令,可以封装一些dom操作，扩展额外功能 全局注册语法 Vue.directive('指令名',{ "inserted" (el){ //可以对el标签，扩展额外功能 } }) View Code 局部注册语法 directives:{ "指令名":{ "in
阅读全文
摘要：一、组件的三大组成部分 <template> 里面只能有一个根元素 <style> 全局样式(默认):影响所有组件局部样式: scoped 下样式，只作用于当前组件 <script> el根实例独有, data是一个函数,其他配置项一致 二、scoped设置局部样式 默认情况:写在组件中的样式会全局
阅读全文
摘要：运行Vue项目出现下面截图中的这个问题 百度翻译一下，说是不能同时使用tab键和空格来对代码进行缩进。看了一下代码，确实有行代码缩进了6个字符，改回来正常运行。
阅读全文
摘要：一、Vue生命周期 Vue生命周期就是一个Vue实例从创建到销毁的过程 生命周期四个阶段：1、创建 2、挂载 3、更新 4、销毁 Vue生命周期函数（钩子函数） Vue生命周期过程中，会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。 创建阶段其实就是开辟存放数据
阅读全文
摘要：async、await用于异步请求，await必须在async中不然会报错。 async放在函数前面就可以了，表明这是一个异步函数，不会阻塞后面代码地执行，异步函数调用的话和其他函数一样。默认返回的是一个Promise对象，如果需要获取Promise的话可以用then方法。 await就是等待，等待
阅读全文
摘要：一、指令修饰符 通过"."指明一些指令后缀，不同后缀封装了不同的处理操作 → 简化代码①按键修饰符@keyup.enter → 键盘回车监听②v-model修饰符v-model.trim →去除首尾空格v-model.number →转数字③事件修饰符@事件名.stop →阻止冒泡@事件名.prev
阅读全文
摘要：Vue是一个构建用户界面的渐进式框架。官网：https://cn.vuejs.org/。 Vue可以用网上的CDN，也可以下载到本地（下载的话就是进入官网打开学习文档，点击基础里面的安装，点击里面的开发版本这几个字，建议下载开发版本，里面包含完整的警告和调试模式） 1、创建Vue2实例 首先将下载的
阅读全文
摘要：事务的ACID原则：原子性、一致性、隔离性、持久性。 <!-- 配置事务管理器 --> <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"> <p
阅读全文
摘要：Spring整合Mybatis就是将原本Mybatis中的Mapper.xml文件在Spring容器中注册为对象。 导入mybatis-spring依赖包 <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</
阅读全文
摘要：一、静态代理 静态代理就是有一个公共的接口，接口中有一些业务方法，称为抽象角色。一个类实现这个接口，专注于里面业务方法的实现而不去关注其他的东西，称为真实角色。再写一个类实现这个接口，通过组合的方式，将真实角色包含其中，可以另外增加一些其他的方法，扩展附属业务，称为代理角色。 角色分析:●抽象角色:
阅读全文
摘要：在Spring4之后，要使用注解开发，必须保证aop的依赖包导入。这里我们在maven的pom.xml中导入spring-webmvc这个大的依赖整合包就可以了。 <dependency> <groupId>org.springframework</groupId> <artifactId>spri
阅读全文
摘要：一、Bean的作用域 ScopeDescription singleton (Default) Scopes a single bean definition to a single object instance for each Spring IoC container. prototype S
阅读全文
摘要：一、构造器注入 1）下标赋值 <bean id="user" class="com.along.pojo.User"> <constructor-arg index="0" value="along"/> </bean> 2）类型（不推荐） <bean id="user" class="com.al
阅读全文
摘要：1、别名 在spring的xml配置文件中使用alias标签可以为类取别名，这样我们从spring容器中取出对象的时候可以用别名也可以用原名。 <bean id="user" class="com.along.pojo.User"> <constructor-arg name="name" valu
阅读全文
浙公网安备 33010602011771号