常见的跨域问题 什么是跨域?跨域指浏览器不能执行其他网站的脚本,可以说是与浏览器的同源策略密切相关,同源指的是协议,域名,端口都要保持一致解决方案:在Springboot项目中配置文件CorsConfig.java,重启之后即可实现跨域访问,前端无需再配置跨域。import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import or..
idea:spring-boot-maven-plugin报红 一开始我是没有添加版本号就一直报红加上版本号后(尽量与自己的springboot版本匹配),重新下载就可以解决也许有些添加版本号后可能还是没有用这时可前往自己的本地仓库中的查看是否有下载相关的依赖,直接引用就可以了...
IDEA error:org.apache.maven.model.validation.ModelValidator 原因:可能因为maven版本不支持解决方案:降低maven版本,重新配置就可以了maven的下载路径直通车:https://maven.apache.org阿里云镜像:<mirror> <id>alimaven</id> <name>aliyun maven</name> <url>http://maven.aliyun.com/nexus/content/group.
JavaScript 闭包? Js 基本数据类型有哪些基本类型:字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol(独一无二的值)。引用数据类型:对象(object)、数组(Array)、函数(Function)。Ajax 如何使用(Ajax:通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。)一个完整的 AJAX 请求步骤:
【什么是DOM和BOM】 什么是DOM和BOM?DOM(Document),简称文档对象模型。通过创建树来表示文档,描述了处理网页内容的方法和接口。用DOM API可以轻松地删除、添加和替换节点。BOM (Browser object model),简称浏览器对象模型。描述了与浏览器进行交互的方法和接口BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一个Global(全局)对象。这意味着在网页中定义的任何对象,变量和函数,都作为全局对象的一个属性和方法存在...
vscode报错解决 类型注释只能在 TypeScript 文件中使用 报错原因:JavaScript是弱类型动态检查语言。多数变量可以再被声明时赋值数据,故常在运行时发现代码中的错误。解决方法:1.在VScode中使用Ctrl+Shift+P打开搜素框,输入Preferences: Open User Settings或Preferences: Open Workspace Settings。2.找到settings.json文件3.点击打开后,输入"javascript.validate.enable": false即可解决...
vue脚手架报错:error Component name “Index“ should always be multi-word vue\multi-word-component-names 报错原因:新手在使用脚手架时总会报各种错,报错信息指的是我们组件名有些问题,官方文档建议组件名写成驼峰式或者-衔接的形式,故在编译的时候把命名不规范的代码判定为不规格。解决方案:1.在项目的根目录找到vue.config.js文件,没有就创建,2.在文件中添加如下代码:const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ lintOnSave:false})3.保
无法加载文件 D:\node-v16.13.1-win-x64\yarn.ps1,因为在此系统上禁止运行脚本。 解决方法:1.搜索powerShell,然后右键以管理员身份运行2.以管理员运行后,弹出命令窗口在窗口上执行:set-ExecutionPolicy RemoteSigned,然后输入Y,按回车确认3.查看执行策略:get-ExecutionPolicy4.关闭,完成以上步骤之后即可解决...
前端面试题(HTML篇) 1.网络中使用最多的图片格式有哪些?JPEG,GIF,PNG最流行的是JPEG格式,可以把文件压缩到最小在PS以JPEG格式存储时,提供11级压缩等级2.简述CSS盒子模型一个CSS 盒子从外到内可以分为四个部分:margin(外边距)、border(边框)、padding(内边距)、content(内容)默认情况下,盒子的width和height属性只是设置content的宽和高盒子的真正宽度是:内容宽度+左右填充+上下填充+左右边距+左右边框盒子的真正高度是:内容高度
Javascript(6) **this:**---解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个隐含的参数就是 this,this 指向的是一个对象,这个对象我们称为函数执行的 上下文对象。根据函数的**调用方式**的不同,this 会指向不同的对象: 1.以 函数 的形式调用时,this 的指向永远都是 window。 2.以 方法 的形式调用时,this 指向调用方法的那个 对象 3.以 构造函数 的形式调用时,this 指向新创建的那个对象 4.以事件绑定函数的形式调用时,this 指向绑定事件的对象
Javascript(5) 函数: -函数也是一个对象 -函数中可以封装一些功能(代码),在需要的时候执行这些功能(代码) -可以保存一些代码在需要的时候调用-使用typeof检查一个函数对象时,会返回function//在实际开发中很少使用构造函数来创建一个函数对象//创建一个函数//可以将要封装的代码以字符串的形式传递给构造函数//var fun = new Function("console.log('hello');");//封装到函数中的代码不会立即执行//会在函数调用时执行函数调用的语法: 函数
javascript (4) for 循环:语法: for(初始化表达式; 条件表达式; 更新表达式){ 3.语句... }执行流程: 1.执行初始化表达式,初始化变量(初始化表达式只会执行一次) 2.执行条件表达式,判断是否执行循环: 如果为true,则执行循环3[语句] 如果为false,终止循环 4.执行更新表达式,更新表达式执行完毕继续重复2for循环中的三个部分都可省略,也可写在外部 如果在for循环中不写任何的表达式,只写两个; 此时循环是一个死循环(慎用)break:---可以用来退
JavaScript(3) 赋值运算符---可以将符号右侧的值赋值给符号左侧的变量。 = --- 直接赋值 var a = 5 += --- a += 5 等价于 a = a + 5 -= --- a -= 5 等价于 a = a - 5 *= --- a *= 5 等价于 a = a * 5 /= --- a /= 5 等价于 a = a / 5 %= --- a %= 5 等价于 a = a % 5关系运算符---通过关系运算符可以比较两个值之间的大小关系 如果关系成立它会返回true,如果关系不
Javascript(2) 强制类型转换 -指将一个类型强制转换为其他的数据类型 -类型转换主要指将其他的数据类型转换为String Number Boolean其他的数据类型转换为 **String** 1.调用被转换数据类型的 toString()方法---不会影响到原变量,它会将转换的结果返回 var a=13; //调用a的toString()的方法 a=a.toString(); console.log(typeof a); console.log(a); 注意: -null 和 undef.
Javascript(1) 计算机语言可分为机器语言、汇编语言和高级语言。**JavaScript由三部分组成:**ECMAScript: JavaScript 的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。DOM:Document Object Model(文档对象模型),操作页面上的元素的API。比如让盒子移动、变色、改变大小、轮播图等等。BOM:Browser Object Model(浏览器对象模型),操作浏览器部分功能的API。通过BOM可以操作浏览器窗口,比如弹框、控制浏览器跳转、获取
CSS3 动画+3D转换 CSS3 动画---是CSS3中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或者一组动画,从而实现复杂的动画效果。相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。动画的基本使用:1.先定义动画 keyframes定义动画(类似定义选择器) @keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px } }(动画序列)
CSS 2D转换 2D转换----可以是实现元素的位移、旋转、缩放等效果移动(translate):---改变标签在二维平面上的位置和形状**移动盒子的位置的方法:定位 盒子的外边距 2D转换移动** transform: translate(x, y) 只移动x坐标: transform: translateX(n) 只移动y坐标: transfrom: translateY(n) 如果里面的参数是 % 移动的距离是 盒子自身的宽度或者高度来对比的 }div { position
HTML+css补充 CSS属性书写顺序:建议遵循以下顺序: 布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式) 自身属性:width / height / margin / padding / border / background 文本属性:color / font / text-decoration / text-align / vertical-align / white- space