- 博客(38)
- 收藏
- 关注
RSS订阅
1原创 Vue-router路由，路由守卫
是指器从一个接口上收到数据包，根据数据包的目的地址进行定向并转发到另一个接口的过程。to="/user" 切换路由的地址{}{}在页面中获取要配置在最后面{}$route路由参数 params查询 query地址 path全地址 fullPath名称 name哈希值 hash。...
2022-08-07 22:29:03
679
原创 axios
err.response.data返回失败数据。res.data请求返回的数据。在运行npmiaxios-S。01导入main.js。例如添加token。
2022-07-28 18:04:45
377
原创 vue组件传参与vue的生命周期
特点会执行多次数据更新，dom节点没有更新。特点有this，没有data与methods。特点有data，没有$el,dom节点。特点会执行多次数据更新，dom节点也更新。每个组件从创建到销毁都会经历一系列特定的过程,称为生命周期。特点没有this，切换视图与vue实例。用处ajax请求，定时器，事件监听。特点有dom节点，数据也渲染。或特点有$el，数据没有渲染。用处操作节点，ajax请求。创建后发起ajax请求。...
2022-07-28 00:26:54
367
原创 vue脚手架和搭建vue2脚手架
选择>Default([Vue2]babel,eslint)敲回车。VueCLI是一个基于Vue.js进行快速开发的完整系统。通过@vue/cli搭建交互式的项目脚手架。运行成功后会给两个地址复制在浏览器打开即可。就会自动进行搭建vue2脚手架。vuecreate项目名称。...
2022-07-25 22:41:11
486
原创 cmd与npm
的全称是NodePackageManager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。配置淘宝镜像源npm的服务器在国外随意会影响我们以后的资源安装，所以需要配置镜像源而淘宝镜像源是淘宝团队做的国内镜像。也可以检查是否可以连通某网站等如pinghttp//www.baidu.com。cmd模式打开后是C盘输入D或F等后敲回车键就可以进行盘符的切换。查看目录文件在对应的目录下输入。可以查看本机的ip地址等。就可以查看目录下的文件。...
2022-07-25 22:25:27
593
原创 jquery总结
jQuery是什么？ jquery是一种方法库 $ jQueryjquery文件引用 本地引用 远程调用jQuery对象与dom对象转换 dom对象转换为jquery对象$(dom对象) jquery对象转换为dom对象 jquery对象[索引号] jquery对象.get(索引号)jquery入口小函数 $(document).ready(function(){ }) 简写：$(func...
2022-05-16 23:16:57
73
原创 javaScript正则
正则对象语法1:字面量形式： /正则表达式/附加参数 附加参数可选2:构造函数形式 ：new regExp("正则表达式" ，"修饰符")使用 test()test() 方法是一个正则表达式方法。test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。以下实例用于搜索字符串中的字符 "e"：正则表达式模式1 方括号：他是用于查找某个范围内的字符如下[abc] 查找方括号间的任何字符[0-9]...
2022-05-10 00:52:41
173
原创 DOM对象
DOM是一个文档对象模型可以通过改变DOM来改变文档内容查看/修改/删除属性节点getAttribute("属性名")setAttribute("属性名","属性值")removeAttribute(“属性名”)节点对象.nodeName 获取节点名称节点对象.tagName 获取标签名称节点对象.nodeType 判断节点类型元素节点 返回值为1属性节点返回值为2文本节点返回值为3节点对象.nodeValue 获取节点值查找节点父找子..
2022-04-24 23:02:51
301
原创 BOM对象
history对象以下为返回历史记录上一页back() 加载历史列表中的前一个 URLforward() 加载历史列表中的下一个 URLgo(number) 加载历史列表中的某个具体的页面 -1 前一个页面locationhref 返回当前页面的url（地址）pathname 返回url的路径名reload() 刷新本页面open打开一个新的浏览器窗口，加载给定 URL 所指定的文档open方法 用于打开一个新的浏览器窗口...
2022-04-20 23:14:15
65
原创 数组对象---方法
方法 说明 pop() 删除最后一个元素，返回最后一个元素 push(元素1，元素2，……) 添加元素，返回数组的长度 在数组最后添加可添加多个 splice(位置，多少[,元素1,元素2,……]) 从数组中删除或替换元素 sort() 排序数组 reverse() ...
2022-04-14 23:48:43
60
原创 数组第一节
数组对象——新建数组 使用数组之前首先要创建，而且需要把数组本身赋至一个变量。创建对象创建数组对象有三种方法：1.新建一个长度为零的数组var 变量名=new Array( );2.新建一个长度为N的数组var 变量名=new Array( n );3.新建一个指定长度的数组，并赋值var 变量名=new Array( 元素1,元素2,元素3,…);4.字面量数组var myarr=[数值1，数值2]; //直...
2022-04-13 23:21:43
321
原创 js字符串方法2
indexOf()stringObject.indexOf(substring, startpos)说明：1.该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 substring。2.可选参数，从stringObject的startpos位置开始查找substring，如果没有此参数将从stringObject的开始位置查找。3.如果找到一个 substring，则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的
2022-04-12 23:07:03
222
原创 js内置对象
日期对象var 日期对象=new Date(参数)例如：var today=new Date(); //返回当前日期和时间var tdate=new Date("september 1,2009,14:58:12"); Date方法分组 说明 setXxx 这些方法用于设置时间和日期值 getXxx 这些方法用于获取时间和日期值 Da...
2022-04-11 21:26:49
711
原创 函数的应用
预定义函数在js中，函数分为两种: 自定义函数、系统函数(内置函数)系统函数里还包括预定义函数。预定义函数是指不属于任何对象，他们的使用也不需要通过任何对象来应用。全局的函数eval() 将字符串数字转换成数字，可进行直接执行js代码可以把字符串当js来执行isNaN() 用来计算一个参数以确定它是否为非数字他会进行类型转换先类型转换在判断Numder.isNaN()只有参数为NaN的数字时才会返回true 他不会类型转换直接判断是否为NaN类型3.pa...
2022-04-06 20:56:27
361
原创 js多循环
Switch循环switch (表达式（计算表达式的值）){case 常量 1:语句;break;（跳出循环）case 常量 2:语句;break;default:（找不到匹配值输出下边语句）语句;}While循环（先循环在判断）while ( 循环条件 ) {循环操作}do-while循环（先执行在判断）do {循环操作}while ( 循...
2022-04-02 00:00:34
471
原创 js第三讲
警示对话框:alert()方法用于显示警示对话框确认对话框:confirm()方法用于显示确认对话框。提示输入对话框:prompt()方法Javascript中的程序结构分为：1.顺序结构:没有任何结构就是顺序，所有语句从上到下，逐条执行顺序结构主要包括注释语句、赋值语句、输入输出等语句2.分支结构:比较时有一侧为数字就可以进行类型转换。(1).单分支:要么做，要么不做；如果if(条件)条件为true，那么执行if(){}所有语句，否则直接跳过if结构预备知识:{}叫做语句.
2022-03-30 23:11:29
61
原创 js运算符
算数运算符加号运算：null+数字其中null为0加号两侧都为数字表示加法运算加号一侧为字符串时表示字符拼接减法运算：两侧都为数字表示算数运算乘，除，取余都是这样符号任何一侧为非数字会把该侧进行转换转换成功进行对应算数运算转换不成功最终结果为NAN三元运算符一个等于号是赋予两个等于号是等于比较运算符比较操作符:大于>，小于<，小于等于<=，大于等于>=，等于==，不等于!=数值比较过程中也会进行类型转换比较操作符返回
2022-03-29 22:47:49
72
原创 js第一节总结
Javascript三种引入方式1.嵌入式 嵌入在html的<script>标签中2.外部引入 单独的js文件，后缀名以.js结尾（用script来引入）3.事件定义 嵌入在html标签的属性中注意事项1.avascrit区分大小写2.Javascript每一行的结束都要有分号外链式：文件扩展名为 .jsJs文件内写程序代码，如 alert("一个对话框");在网页中使用<script ...
2022-03-28 21:20:27
940
原创 css弹性盒子
align-self属性align-self属性允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。align-self:auto（默认）| flex-start （头部）| flex-end 居下| center（居中）| baseline与第一行基线对齐| stretch默认是中间;该属性可能取6个值，除了auto，其他都与align-items属性完全一致order属性order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。flex...
2022-03-24 23:56:31
555
原创 css弹性盒子
弹性布局Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。 它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 任何一个容器都可以指定为 Flex 布局。 display : flex; display : -webkit-flex; 行内元素也可以使用 Flex 布局。 display:
2022-03-23 19:11:18
96
原创 css移动端
Css新增样式column-count : 3; 列数column-width : 100px; 列宽column-gap : 2em; 列间距column-rule : 2px #f00 outset 列样式columns : column-width column-count ;媒体查询 @media screen（针对有屏设备）and(max-width:800px){ }（一般称为响应式布局）推荐把范围大的写到小范围前@media screen and (max.
2022-03-21 21:23:53
186
原创 css3第三节总结
变换transformtransform: rotate | scale | skew（扭曲） | translate（移动）;属性之间用空格隔开 注意：不是逗号“，”一、移动translate1、translate(<translation-value>[, <translation-value>])2、translateX(<translation-value>)3、translateY(&l...
2022-03-18 08:52:37
109
原创 css3第二节总结
颜色：透明度：opacity: 0.1;opacity: 0.5;opacity: 0.9;filter:alpha(opacity=50)（只有IE8以下版本支持）RGBA：color: rgba(255, 0, 0, 0.6);注意: RGBA是在RGB的基础上多了控制alpha透明度的参数。文本阴影：语法:text-shadow: h-shadow（必需。水平阴影的位置。允许负值） v-shadow（必需。垂直阴影的位置。允许负值） blur（...
2022-03-16 21:44:55
173
原创 css3第一节
基本选择器类选择器（.className）1、使用类选择器之前需要在html元素上定义类名<li class="active important items">2</li>.important {font-weight: bold; color: yellow;}2、类选择器还可以结合元素选择器来使用，如：p.items {color: red;}3、多类选择器(多类选择器不被IE6支持)，如：.important.items {background:
2022-03-15 21:58:33
301
原创 HTML5新增标签
main标签语义化标签结构性标签<details>（块元素）关于文档的细节：目前只有 Chrome 和 Safari 6 支持 <details> 标签。<details><summary （概要概述简要 标题）>Copyright 2011.</summary><p>All pages and graphics on this web site are the prope
2022-03-14 20:34:25
385
原创 css定位
Css定位重叠问题：取决于谁后写谁显示在上方不过可以加z-index（值越大越靠上）除了基于“文档流”的定位，CSS还定义了标签的其他定位方式，CSS使用position属性指定标签的定位方式position的值static，默认值，即使用基于“文档流”的定位relative，相对定位（相对于自己原来的位置，不会因为移动导致原来位置不在），即在“文档流”的基础上，结合left和top属性，相对定位注意相对与原来的位置，使用left,right进行偏移原来的位置对于后继元素的定
2022-03-11 21:42:34
43
原创 css定位
Css定位重叠问题：取决于谁后写谁显示在上方不过可以加z-index（值越大越靠上）除了基于“文档流”的定位，CSS还定义了标签的其他定位方式，CSS使用position属性指定标签的定位方式position的值static，默认值，即使用基于“文档流”的定位relative，相对定位（相对于自己原来的位置，不会因为移动导致原来位置不在），即在“文档流”的基础上，结合left和top属性，相对定位注意相对与原来的位置，使用left,right进行偏移原来的位置对于后继元素的定
2022-03-10 21:28:56
208
原创 CSS第四节总结
background-color定义标签的背景颜色background-image定义背景图片,可定义多背景Background-imge：url（图片相对路径）background-repeat（背景图片的平铺方式 默认水平垂直都重复）样式：background-repeat：值;定义背景图片的显示方式repeat，图片重复repeat-x，图片横向重复repeat-y，图片纵向重复no-repeat，图片不重复backgroun
2022-03-07 21:31:59
49
原创 css第三节总结
边框的三个方面(webkit、firefox和ie) border-width,边框的宽度 border-color,边框的颜色 border-style,边框的样式（border-style:dotted（点状线）、solid（单实线）、double（双实线）、dashed（虚线）; ）border-none无样式 边框的综合定义分开单独设置，例：border-width:1px; border-color:#00f; border-style:solid;使用综...
2022-03-04 21:36:47
96
原创 css第二节总结
通配符选择器选择所有的元素，常常用来做元素格式化CSS修饰html标签的基础就是选择符，即可以通过多种选择符来选择要修饰的html标签通配选择器即所有的标签语法：*{规则}例：*{font-family:"宋体";}类型（标记）选择器即使用标签的名字作为选择符语法：标签{规则}例：td{color:#F00;}分组选择器：有相同样式时可以用分组选择器写一块例如：伪类未访问状态a:link{}访问后状态a:visited{}鼠标悬停
2022-03-03 20:46:17
469
原创 CSS第一节总结
CSS：层叠样式表 （Cascading Style Sheets） HTML（结构层）用来搭建网页基本骨架CSS（表现层）用来修饰主页 javascript（行为层）脚本优点 使HTML专注于网页的内容，CSS专注于网页的表现 提供了丰富的格式化功能 可以针对各种可视化浏览器（主要有显示器、打印机、PDA等）来设置不同的样式 CSS与浏览器并不是所有的CSS的样式都被浏览器支持不同的浏览器对CSS的实现有细微的不同，需要特别注意Css语法属性值和属性值之间
2022-03-02 21:39:30
200
原创 HTML大总结
五大浏览器：谷歌，火狐，IEopera，欧朋，safari苹果什么叫html：（HyperText Markup Language）即超文本标记语言标记标签：双标记标签：<标签名>内容<标签名>单标记标签 ：<标签名>HTML文档基本结构: <!DOCTYPE html><html> <head> <...
2022-03-01 21:31:30
177
原创 表单的总结
什么是表单表单是用来采集用户的输入数据，然后将数据提交给服务器表单的组成一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮； 表单标签＜form＞＜/form＞功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的数据将被提交到服务器语法：&
2022-02-28 21:57:12
287
原创 HTML第四节总结
表格：表格的基本结构定义表格的基本框架border表示表格边框cellspacing单元格与单元格的距离cellpadding单元格边距，内边距 ，内容与单元格边框四周的距离bordercolor修改表格边框颜色bgcolor修改表格单元格背景颜色，可以单独给单个单元格或行align水平对齐方式 left居左对齐 right 居右对齐 center 居中对齐（可以加给整个表格也可以加给行或单独单元格）valign单元格垂直方向对齐方式（top：顶部 bottom：底部..
2022-02-25 21:38:57
501
原创 HTML第三节总结
块元素：<p></p>(段落标签)<div></div><ol></ol>（有序列表）<ul></ul>（无序列表）<h1></h1>~<h6></h6>（标题标签）<hr>（水平线）内联元素：<em></em>（倾斜表强调）<i></i>（倾斜）<strng></s
2022-02-24 20:38:47
51
原创 HTML第一节总结
HTML（HyperText Markup Language）即超文本标记语言HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面标记标签：双标记标签<标签名>内容</标签名>单标记标签<标签
2022-02-22 19:53:52
63
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人