- 博客(57)
- 收藏
- 关注
RSS订阅原创 webpack
2.把错综复杂依赖关系和文件(jsx,.vue.sass)生成浏览器能识别的：html+css+js+图片。1.前端模块化打包机：打包+依赖关系。webpack依赖webpack.config.js打包。
2022-08-27 10:07:36
350
1
原创 vue-router 路由
beforeRnter() 作用：进入离开页面前做拦截，处理事情(跳转提示，权限检查)进入前 beforeRouterEnter(to,from,next)替换路由(不留当前页面历史记录) replace("/about")传递 next("/login?redirect=/cart")后退 back() go(-1)前进 forward() go(1)切换路由 push("/about")to="/user" 切换路由的地址。2、路由配置 /router/index。...
2022-08-06 09:17:37
883
原创 axios
3.可以通过get,post,put,delete操作资源。4.get获取,post新增,put修改,delete删除。4..put(url,data,config)修改。3..delete(url,config)删除。参数名=参数值&参数名2=参数值2?3.丰富拦截，扩展功能。4.可封装，复用性强。2.强调每个url地址都是一个资源。特点1.前后端都可以使用。get传递参数给后端。7、configaxios配置。一款ajax请求工具。3、在vue全局挂载。...
2022-07-28 21:12:05
288
原创 vue生命周期
1、概念每个组件从创建到销毁都会经历一系列特定的过程，称为。把过程执行的回调函数称为2、作用创建后发起ajax请求；挂载后操作dom；添加监听事件；销毁前移除间隔调用，事件监听；说明并不是每个生命周期都必须使用3、案例created请求数据；mounted监听事件查找dom节点beforeDestroy移除事件监听先网络请求axios用来请求数据像jquery中的$.ajax()通过网络请求到数据,在页面展示出来。...
2022-07-27 21:01:08
481
原创 vue组件传参
1、定义与使用2、父传子使用props，父传给子的数据是只读的(做默认值，读取显示)不能修改3、子传父使用的事件$emit$emit(事件名,事件值)发送一次事件，事件名{counterchange}和事件值{counter}是自定义的$event固定写法，事件的值{counterchange事件的值，也是子组件$emit的第二个参数}...
2022-07-27 20:37:22
4730
原创 npm指令
X大版本,X的升级是不兼容的，3.6.0-->4.0.1使用3.6.0的项目和现在的4.0.1的项目是不兼容。"jquery""3.6.0"限定版本范围，项目使用jquery可以升级的方法不但能大于等于4.0.0。Y中版本,Y的升级是代表有个新的内容增加(兼容的)3.开发依赖安装安装的插件在项目开发阶段使用,上线就不需要了。4.产品依赖安装安装的插件在开发与线上阶段都需要。2.全局安装电脑的任何项目都可以引用到安装的插件。开发依赖安装axios。...
2022-07-25 19:47:21
262
原创 ajax 原生js操作ajax
1.不需要插件支持（一般浏览器且默认开启JavaScript即可）；2.用户体验极佳（不刷新页面即可获取可更新的数据）；3.提升Web程序的性能（在传递数据方面做到按需放松，不必整体提交）；4.减轻服务器和带宽的负担（将服务器的一些操作转移到客户端）；...
2022-07-25 19:17:05
11176
1
原创 ajax jquery操作ajax
type可选返回内容格式，xml,html,script,json,text,_default。callback可选载入成功时回调函数。data可选待发送Key/value参数。url必需待载入页面的URL地址。
2022-07-25 19:16:46
1370
原创 http
5.安全性相对get来说较高，所以请求的数据涉及到安全性的情况下，使用Post方式。1.post形式请求数据，参数会打包到请求对象中进行传递，不会显示在url地址中。1.get形式请求数据，参数会以明文的形式拼接在url地址的后面。3.get请求可以被缓存，请求数据的效率上比post高。2.请求的长度受到url地址格式的限制。5.get方式安全性相对来说比较低。4.post请求不可被收藏为书签。4.get请求可被收藏为书签。2.一般来说请求长度不受限制。3.post请求不能被缓存。...
2022-07-25 19:16:29
116
原创 cmd命令
vue脚手架安装、插件包安装、插件管理都需要cmd命令。查看命令使用，helprd查看rd命令的使用教程。切换到Users\Administrator目录。type1.txt查看1.txt的内容。del1.txt删除1.txt文件。可以补全对应文件/文件夹名称。mdmy创建一个叫my的目录。删除空目录rdmy；切换到Users目录，......
2022-07-25 19:14:36
404
原创 jQuery动画
一、jQuery动画1、显示与隐藏显示与隐藏show() 方法显示隐藏的被选元素jquery对象.show(参数1，参数2)hide() 方法隐藏被选元素jquery对象.hide(参数1，参数2)toggle() 方法切换元素的可见状态jquery对象.toggle(参数1,参数2)参数1：可选 持续时间 数字 (单位默认毫秒)/字符串(normal 400 fast 200 ...
2022-05-21 21:44:25
168
原创 jQuery的引用和选择器
一、jQuery1、jQuery的简介jQuery是一个优秀的JavaScript库。使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。jQuery 最大的优势，就是特别的方便，最重要的是 jQuery 的代码兼容性非常好。2、jQuery的引用 本地调用：<script src="./js/jquery-3.6.0.min.js">&l...
2022-05-16 23:55:32
2332
原创 闭包
一、闭包1、闭包的定义：闭包是指有权访问另一个函数作用域中的变量的函数函数对象可以通过作用域链相互关联起来，函数体内部变量可以保存在函数作用域内，这就是闭包。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域 function sayHello() { var a = 10; function fun() { var a = 100; ...
2022-05-12 23:01:07
353
原创 JavaScript 正则表达式
一、正则表达式 正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。 正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。1、创建正则对象构造函数：var reg= new RegExp("正则表达式","修饰符“);字面量:var reg=/正则表达式/修饰符 2、修饰符...
2022-05-10 23:09:26
1055
原创 JavaScript DOM 事件
一、监听事件1、添加监听事件window.addEventListener('load', function () { alert('添加监听事件');}, false); 2、删除监听事件window.addEventListener('load', function () { alert('删除监听事件');}, false); 3、try - catch - finallytry { oBtn.add...
2022-05-06 22:27:06
495
原创 JavaScript DOM对象 事件
一、事件流事件流描述的是从页面中接受事件的顺序1、事件流类型事件冒泡流 默认事件捕获流 2、DOM0级事件 1.给一个元素对象绑定同一个事件多次，出现覆盖问题 2.无法修改事件流的类型 3、DOM2级事件添加监听事件...
2022-05-05 22:28:18
213
原创 JavaScript DOM对象
一、DOM树中的节点类型和节点关系1、节点类型1、元素节点 12、属性节点 23、文本节点 32、节点关系父子关系和同级关系二、W3C规定的三类DOM标准接口1、Core DOM(核心DOM)，适用于各种结构化文档 2、XML DOM，专用于XML文档 ...
2022-04-24 21:59:45
1582
原创 JavaScript window对象
一、window对象1、screen属性window.screen 对象包含有关用户屏幕的信息screen.availWidth 屏幕可视区域的宽度screen.availHeight 屏幕可视区域的高度 2、history属性history.forward()加载历史记录列表中的下一个url 前进...
2022-04-20 21:44:03
1124
原创 JavaScript 数组2
一、数组对象——方法 1、删除与添加删除与添加 arrObj.splice(参数1,参数2,参数3) 从参数1的位置开始删除参数2个元素，并在参数1位置添加参数3里的元素 参数1：必需 开始删除/添加元素的位置 参数2：必需 删除元素的个数 参数3：可选 添加的元素，多个元素之间用逗号隔开 返回值：删除元素构成的数组 var arr = [10, 7, "hello", 8, true]; c...
2022-04-14 21:04:16
70
原创 JavaScript 数组1
一、数组 1、构造函数var arr = new Array()var arr = new Array(10,7,"abc");var arr = new Array(3);//创建一个长度为3的数组var arr = [];var arr = [10,7,"hello"]; 2、属性arrObj.length 获取数组长度[0,arrObj.length-1] 3、遍历数组arrObj.forEach(fu...
2022-04-13 22:20:15
885
原创 JavaScript 字符串
一、字符串对象1、创建字符串构造函数var str = new String();字面量var str ="hello";2、属性strObj.length 字符串长度字符串索引 [0,strObj.length-1] 3、方法 1、strObj.indexOf(参数1,参数...
2022-04-12 21:54:38
1014
原创 JavaScript 8
一、日期对象var mydate = new Date()：1、获取：mydate.toLocaleDateString()根据本地时间把Date对象的日期部分转换为字符串，并返回结果mydate.toLocaleTimeString()根据本地时间把Date对象的时间部分转换为字符串，并返回结果mydate.toLocaleString()根据本地时间把Date对象的日期和时间部...
2022-04-11 22:38:21
1060
原创 JavaScript 7
一、DOM(Document Object Mdoel)文档对象模型1、document.getElementById(); 返回对拥有指定 ID 的第一个对象的引用。2、innerHTML 返回的是内容（包含标签）3、innerText 返回的是纯文本二、预编译js运行三部曲1.语法分析2.预编译3.解释执行...
2022-04-07 21:55:25
172
原创 JavaScript 6
一、函数1、函数特点：封装代码，代码的重用性强！2、全局函数1.eval(参数) 将字符串数字转换成数字，可进行直接执行js代码2.parseInt()/parseFloat() 将数字字符串转化为一个数值3.isNaN(参数) 判断参数是否是NaN，如果是NaN，返回true，否则返回false。它自动会类型转换，而Number.isNaN(参数)不会转换...
2022-04-06 20:52:38
957
原创 JavaScript 5
一、for循环1、for循环的语法和执行顺序for(参数初始化 ; 条件判断; 更新循环变量){ 循环体被执行; }参数：可以声明多个同一 类型的值并赋值，用“，”隔开循环变量：可以是用“，”隔开的多 个表达式，运算顺序从左到右2、使用for循...
2022-04-01 21:32:08
1216
原创 JavaScript 4
一、switch结构：switch (表达式) {case 常量 1: 语句1; break;case 常量 2:语句2; break;default: ...
2022-03-31 20:42:17
929
原创 JavaScript 3
一、保留小数点后两位toFixed(num) num规定小数的位数0~20，保留两位小数 小数点后有2位以上1.先扩大100倍(四舍五入+0.5)取整再缩小100倍2.先扩大100倍在除100取余是否等于0等于0就+".00" 整数不等于0就+".0" 小数点后有1位二、JavaScript的程序结构1.顺序结构：没有任何结构...
2022-03-30 22:52:48
689
原创 JavaScript 2
一、自增自减：1、自增与自减运算符出现的地方也有讲究2、a++ b-- 先赋值再自增（自减） +a --b 先自增（自减）再赋值3、比较运算符:大于>，小于<，小于等于<=，大于等于>=，等于==，不等于!= 比较运算符返回布尔值(true或false)4、逻辑运算符逻辑与&&，两者...
2022-03-30 08:59:37
445
原创 JavaScript
一、JavaScript： 1、JavaScript是一种轻量级的脚本语言。2、JavaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能。3、JavaScript通过浏览器进行解析。二、JavaScript的嵌入方式：1、内嵌式：嵌入在html的<script>标签中，通常我们都把JavaScript代码放到<head>中。<...
2022-03-28 20:50:06
530
原创 弹性盒子项目
一、align-self单个项目在交叉轴的对齐方式auto 默认 继承父容器align-items值align-items: flex-start;居上对齐align-items: flex-end; 居下对齐align-items: center; 居中对齐二、order项目的排列方式值 数字 默认为0 可为整正 负 值越小越靠前三、1...
2022-03-24 20:49:12
284
原创 css3弹性盒子
一、display: flex; 当容器空间不足时，项目会等比例缩小当容器空间有剩余时，项目不变二、主轴方向的对齐方式justify-content: flex-start; 项目水平方向起点对齐justify-content: flex-end; 项目水平方向终点对齐justify-content: center; 项目水平方向居中对齐justify-content: space-ar...
2022-03-23 20:15:37
645
原创 回流和重绘
一、HTML怎么加载在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体。 DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree，但区别很大，因为render tree能识别样式，render tree中每个NODE都有自己的style，而且ren...
2022-03-23 09:13:46
4831
原创 移动端知识点
一、css3新增样式column-count 列数 栏数column-width 列宽 栏宽columns: column-width column-count; 简写column-gap 列间距 栏间距column-rule 列样式二、媒体查询：@media scree and (max/min-width500px) { div{ }}三、...
2022-03-21 22:05:12
39
原创 css3知识点
一、变换transform：1、移动translate(x,y)：translateX() 水平移动translateY()垂直移动2、旋转 rotate()rotateX(数值+角度deg)绕X轴旋转rotateY(数值+角度deg)绕Y轴旋转rotateZ(数值+角度deg)绕Z轴旋转...
2022-03-17 21:58:20
67
原创 css3知识点
一、定义字体：定义字体@font-face{ font-family:自定义字体名称; src: url(字体路径);}使用字体选择器{ font-family：自定义字体名称;}二、阴影：1、文本阴影text-shadowtext-shadow:...
2022-03-16 21:11:11
530
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人