- 博客(56)
- 收藏
- 关注
原创 跨域&解决方案
浏览器为确保资源安全,而遵循的一种策略源的组成部分源=协议+域名+端口号下面表格中,只有最后一行的两个源是同源同源请求与非同源请求总结:【所处源】与【目标源】不一致,就是【非同源】,又称【异源】或【跨域】Cross-Origin Rresource Sharing(跨域资源共享)服务器明确表示拒绝跨域请求,或没有表示,则浏览器校验不通过服务器明确表示允许跨域请求,则浏览器校验通过备注:使用CORS解决跨域是最正统的方式,且要求服务器是“自己人”
2024-08-07 00:54:03
1588
原创 github小技巧:在vscode中打开项目
即github.com修改为github.dev即可在在线vscode中打开项目,方便查看代码。在项目中按下英文的.
2024-03-18 17:43:41
731
原创 vue3项目中 全局引入element和自定义主题;按需引入element和自定义主题
在styles/element/index.scss文件中。在styles/element/index.scss文件中。将此文件引入到main.js中替换掉原先的样式。在项目中全局引入element-plus。在项目中按需引入element-plus。在vite.config.js中导入。在vite.config.js中。在main.js文件中引入。
2023-08-17 14:58:50
563
原创 css自定义属性/css变量
全局变量:在:root伪类上定义自定义属性,可以在 HTML 文档中全局应用它。如果变量值是数值,不能与数值单位直接连用。必须使用calc()函数,将它们连接。局部变量:在选择器中定义的变量 或 在标签中定义的变量。如果变量值是一个字符串,可以与其他字符串拼接。如果变量值带有单位,就不能写成字符串。
2023-06-07 14:56:03
1075
原创 vue3依赖注入
如果父组件要传递数据给孙子组件,那么需要父组件props传递给子组件,子组件再把props传递给孙子组件;最后,如果你想确保提供的数据不能被注入方的组件更改,你可以使用 readonly()这样可以确保所提供状态的声明和变更操作都内聚在同一个组件内,使其更容易维护。后代组件会用注入名来查找期望注入的值。可以解决这一问题:一个父组件相对于其所有的后代组件,会作为。在应用级别提供的数据在该应用内的所有组件中都可以注入。,使用不同的注入名,注入不同的依赖值。要注入上层组件提供的数据,需使用。
2023-05-25 18:03:17
856
原创 Vue2 使用 beforeunload 事件阻止浏览器刷新页面
属性设置为空字符串,这样浏览器会弹出确认框。如果用户点击确认离开页面,则浏览器会刷新页面,否则页面不会刷新。函数,如果页面有内容,则阻止默认行为,并将。
2023-05-05 15:43:37
4124
原创 a标签下载文件
使用a标签属性download下载pdf,txt链接文件,如果是相同域时,可以直接下载。已知通过a标签的download属性,可以直接下载后台接口返回的数据流文件。但是如果域不同,则不是下载,而是直接打开页面预览文件。但是需求是直接点击下载文件,而不是打开预览。所以可以模拟发送http请求,将。来使用a标签download下载。
2023-04-21 14:19:06
1725
原创 iconfont字体图标的使用
首先在iconfont.cn中"新建项目"找到想要的字体图标"添加入库"点击购物车会看到刚刚添加进来的图标将图标"添加至项目"方式一:下载至本地解压得到一个文件夹,将此文件夹放到项目中,引入文件夹下的iconfont.cssimport './iconfont/iconfont.css'function App2() { return ( <> <i className='iconfont icon-Eye'></i>
2022-04-23 22:19:28
512
原创 基于js数组和js对象的Stack类
基于js数组的Stack类 class Stack { constructor() { this.items = [1, 2, 3] } //向栈添加元素 push(element) { this.items.push(element) } //移除栈顶元素 pop() { return this.items.pop()
2022-02-24 23:02:12
292
1
原创 js迭代器、生成器
es6为Array类增加了@@iterator属性,需要通过Sysbol.iterator来访问let number = [1, 2, 3]let iterator = number[Symbol.iterator]()console.log(iterator.next())//{value: 1, done: false}console.log(iterator.next())//{value: 2, done: false}console.log(iterator.next())//{valu
2022-02-20 23:24:07
340
原创 JS Array数组方法
JS Array数组concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。语法:array1.concat(array2,array3,…,arrayX)参数可以是具体的值,也可以是数组对象。可以是任意多个。var arr=[1,2,3]var arr2=[4,5,6]var num=7var newArr=arr.concat(arr2,num)console.log(newArr)//[1, 2, 3, 4, 5, 6, 7]
2022-02-18 12:05:37
416
原创 JS String对象方法
JS String对象方法charAt() 方法可返回指定位置的字符。语法:string.charAt(index)返回值为String类型var str='abc'console.log(str.charAt(2))//ccharCodeAt() 方法可返回指定位置的字符的 Unicode 编码,返回值是 0 - 65535 之间的整数,表示给定索引处的 UTF-16 代码单元。语法:string.charCodeAt(index)返回值为Number类型var str='ab
2022-02-08 23:08:03
1181
原创 移动端基础
视口布局视口 layout viewport视觉视口 visual viewport理想视口 ideal viewport移动端布局理想视口:手机屏幕有多宽,布局视口就有多宽添加meta视口标签<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maxmum-scale=1.0,user-scalable=no">pc端页面 1px=1个物理像素但移动
2021-10-24 20:06:42
581
原创 html5和css3新特性
html5新特性html5新增的语义化标签header头部标签nav导航标签article内容标签section定义文档某个区域aside侧边栏标签footer尾部标签html5新增多媒体标签视频video(MP4,WebM,Ogg)音频audio(MP3,Wav,Ogg)autoplay:autoplay视频就绪自动播放autoplay:autoplaycontrols :controls显示播放控
2021-10-14 09:47:18
116
原创 css复习
基础选择器基础选择器作用特点标签选择器可以选出所有相同的标签不能差异化选择类选择器可以选出一个或多个标签可以根据需求选择id选择器一次只能选择一个标签id属性只能在文档中出现一次通配符选择器*表示选取页面中所有的元素选择的太多,有部分不需要复合选择器复合选择器是由两个或多个 基础选择器 通过不同的方式组合而成的复合选择器后代选择器元素1 元素2 {样式声明} 选择元素1里面的所有元素2子选择器元素1>元素
2021-10-14 08:46:02
167
原创 html复习
html简介网站:网页集合网页:html文件浏览器内核IETridentfirefoxGeckoSafariWebkitchrome/OperaBlinkBlink其实是Webkit的分支web标准提出的最佳体验方案:结构,表现,行为相分离html标签文档类型声明 <!DOCTYPE html>当前页面采取html5版本显示网页UTF-8万国码,基本包含了全世界所有国家需要用到的字符根据标签的语义,在合适的地方用最合理的标签,
2021-10-14 08:11:06
146
原创 ES6新特性
一、ES6新特性es6是2015年发布的,并且每年都会发布新的版本1.let关键字用let声明变量变量不能重复声明块级作用域不存在变量提升不影响作用域链2.const关键字用const声明常量一定要赋初始值不能重复声明一般常量名大写常量的值不能修改块级作用域常量值为数组或对象时,对数组或对象进行修改时,不算作对常量的修改,不会报错3.解构赋值es6允许按照一定的模式从数组和对象中提取值,对变量进行赋值4.模板字符串es6引入的新的声明字符串的方式使用反引号
2021-09-05 10:35:16
245
原创 数据库学习
1,初始MySql1.1,为什么要学习数据库岗位需求大数据时代,得数据者得天下被迫需求:存数据数据库是所有软件体系中最核心的存在1.2,什么是数据库DB(DataBase)概念:是指长期存储在计算机内的,有组织,可共享的数据的集合。数据库中的数据按一定的数学模型组织、描述和存储,具有较小的冗余,较高的数据独立性和易扩展性,并可为各种用户共享。作用:存储数据,管理数据1.3,数据库分类关系型数据库:(SQL)MySql, Oracle, Sql Server, DB2, SQLl
2021-04-07 21:00:55
294
原创 js基础
JavaScript引入js的方式数据类型number: 整数,浮点数,NaN,Infinity(无限大)字符串 : ‘abc’,“abc”布尔值 :true,false逻辑运算 :&& || !比较运算 : ==(类型不同值相同,true) ===(类型不同值相同,false)NaN===NaN //false,NaN与所有的数值都不相等,包括自己//只能通过isNaN(NaN)来判断这个数是否是NaN浮点数问题:存在精度问题,尽量避免使用浮点数
2021-04-04 16:44:25
184
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人