自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 Ajax中Get和Post的区别

get和post的区别?get是从服务器上获取数据,post是向服务器传送数据。get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTPpost机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。G

2021-03-31 14:57:46 93

原创 路由

什么是路由对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源;对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现.在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由);在 vue 中使用 vue-router导入 vue-router 组件类库:先要导入vue ,再

2021-03-30 14:08:36 228

原创 组件传参

父组件向子组件传递参数(还可以传递函数) ====》props父组件通过自定义属性的方式传给子组件(:parentmsg=”msg”),子组件用props接受(props:[“parentmsg”])<ahead :foo="mag"></ahead> new Vue({ //父组件 el:"#box1", data:{ mag:"首页" }}) Vue.component("ahead",{ //子组件 props:["foo

2021-03-29 10:02:52 253

原创 组件

组件(创建的时候可以用驼峰,使用的时候用- myCom )组件除了没有el 和 data 变成函数之外,其他的跟new vue一样,还多了一个template,template就相当于new vue的视图全局组件Vue.component("myCom",{ data(){ return{ msghead:"首页" } }, methods:{ }, template:`<h1>{{this.msghead}}</h1>`

2021-03-29 09:40:03 60

原创 vue.js自定义指令

基本介绍自定义指令:在定义时不需要写v-,在使用时需要指明v-自定义指令是一个对象,对象的属性名即是指令的名字,对象的值是一个函数第一个参数是指令所在的元素。使用到 directives : { … } ------- directives n. 指令(directive的复数形式);指示代码展示:(局部定义)使用 directives//html<div v-color="'green'">第三</div>//js new Vue({ e

2021-03-28 18:29:10 58

原创 Vue实例的属性和方法

一、Vue之实例属性Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,以便与代理的数据属性区分组件树$parent:用来访问组件实例的父实例$root: 用来访问当前组件树的根实例$children:用来访问当前组件实例的直接子组件实例$refs:用来访问v-ref指令的子组件DOM访问$el:用来挂载当前组件实例的dom元素els:用来访问els:用来访问els:用来访问el元素中使用了v-el指令的DOM元素 - <div id="app2"&

2021-03-28 18:22:21 196

原创 Ajax的四步操作

ajax第一步 创建 XMLHttpRequest 核心对象—》(new)普通写法var xhr=new XMLHttpRequest();//有兼容问题 IE6及一下不支持兼容写法var xhr=null; if(window.XMLHttpRequest){ xhr=new XMLHttpRequest(); }else{ xhr=new ActiveXObject("Microsoft.XMLHttp");//IE6及一下 }封装写法function getX

2021-03-26 15:07:50 271

原创 表单

表单集合<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <input type="text" v-model="rule

2021-03-25 10:31:58 61

原创 表单修饰符

表单修饰符: .lazy:失去焦点(change事件同步)或者回车的时候才会同步数据 .number:变成数值 .trim:去掉前后空格,不会去掉中间空<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单修饰符</title> <script src="js/vue.js"></script> &l

2021-03-25 10:27:27 119

原创 生命周期

beforeCreate: 组件实例刚被创建,无属性created: 组件实例创建完成,有属性,没有DOM(el没有被挂载),data已经完成,el生成了,还没有挂载。beforeMount: 模板编译之前,有DOM,并没有把DOM挂载mounted: 模板编译之后,数据都加载到页面上beforeUpdate: 组件更新之前,数据已经更新了,但是没有挂载updated:

2021-03-25 10:24:07 45

原创 DOM事件

按钮点击事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>按钮点击事件</title> </head> <body> <input type="button" value="按钮" id="btn"/> <script type="text/javascript"> /* 文档 --

2021-03-24 16:50:39 82

原创 array数组对象

创建数组两种方式 1- 构造函数 var arr = new Array(3); 2- 字面量 var arr1 = {};//[]--trueinstanceof关键字 判断 变量 instanceof 对象 true falseconsole.log(arr1 instanceof Array);//falseArray.isArray(); 判断是否是一个数组console.log(Array.isArray(arr));//trueconcat() 拼接数组v

2021-03-23 15:32:25 103

原创 string字符串对象

静态对象: Math.random()实例对象:new Object(); 对象名.方法名 = function(){}String — 是一个对象,string中字符串内的字符是可以通过索引下标来取的,string中的每一个字符是只读的不可以进行修改的定义一个字符串var str = "hepdo";console.log(str);console.log(str[2]);遍历字符串var str4 = "我最好看"; for(var i = 0; i < str4.lengt

2021-03-23 14:41:56 145

原创 data日期对象

date对象分两种情况:1- 获取当前时间2- 录入指定的时间注意:指定的对象会跟随1\2两种情况获取不同数据获取当前年console.log(da.getFullYear());获取当前月console.log(da.getMonth()+1);获取当前日console.log(da.getDate());获取当前小时console.log(da.getHours());获取当前分钟console.log(da.getMinutes());获取当前秒conso

2021-03-23 14:04:55 180

原创 内置对象

js三种对象:1- 内置对象2- 自定义对象3- 浏览器对象 BOm绝对值[1 == 1][-1 == 1]console.log(Math.abs("-1"));//1console.log(Math.abs("-8"));//8ceil() 向上取整console.log(Math.ceil(2.0003));//3console.log(Math.ceil(-2.0003));//-2floor() 向下取整console.log(Math.floor(2.9));//2c

2021-03-23 13:51:35 60

原创 对象

编程思想:将生活中的事物添加道程序中对象:看得见,摸得着,具体指的某一个事物,万物结对象,具有一定特征与行为,具体事物,具有属性与方法的,具体事物创建对象的方式:构造函数var per = new Object();特征 – 属性 对象名.属性名 = ‘属性值’;per.height1 = '180cm';per.kg = 80;per.abc = function (){ alert('老会做饭了');} alert(per.height1);per.abc();对象属性“

2021-03-23 10:55:22 52

原创 函数总结

1- 函数:一堆一堆的代码封装在一起2- 函数作用:重复调用3- 参数: a- 形参:在定义函数时函数名后的小括号里的参数 b- 实参:在调用函数时函数名后小括号里的参数 4- 返回值: a- 函数中有返回值: 有return b- 函数中没有返回值: 没有 return c- 没有明确的返回: 有return undefined ,没有有return 返回值最终返回的位置是函数的调用处5- 有参数,有返回值的函数 有参数,无返回值的函数 无参数,有返回值的函数

2021-03-23 08:02:14 47

原创 函数定义

函数定义JavaScript 使用关键字 function 定义函数。函数可以通过声明定义,也可以是一个表达式。通俗地说函数:就是将一堆一堆的代码放在一起,在需要的时候调用定义:function 函数名(){ 函数执行代码;} 调用:函数名();实例:<script>var num1 = 10; var num2 = 20; function sum(){ alert(num1 + num2); } sum();</script>循环输出4行

2021-03-22 14:09:09 78

原创 二维数组

1-声明一个一维数组 数组名为 arrvar arr = [1,2,3,4];console.log(arr);2- 声明一个二维数组 数组名为arr1var arr1 = [[1],[2,3],[4,5,6]];console.log(arr1);3- 遍历二维数组for(var i = 0; i < arr1.length;i++){ for(var j=0;j<arr1[i].length;j++){ document.write(arr1[i][j]); }}

2021-03-22 13:59:55 47

原创 数组去重及冒泡排序

去重案例<script type="text/javascript"> var arr = [10,20,30,40,10];//10 var arr1 = []; for(var i = 0; i < arr.length; i++){ if(arr[i] != 10){ arr1[i] = arr[i]; } arr1[0] = 10; } console.log(arr1);</script>冒泡排序<script type=

2021-03-22 13:51:46 118

原创 while和do…while

whilewhile循环 好男人循环先问问,在执行do…whiledo..while循环 坏男人循环先斩后奏初始值1; do{ 表达式3; 代码块4; }while(条件表达式2);循环输出 1-10的累加和 声明累加和的变量名为sum<script>var sum = 0;var n = 1; do{ n++; sum+=n; }while(n<=10); document.write(sum+' ');</script>

2021-03-22 13:49:22 44

原创 数组

数组数组:一组有序的数据作用:有效的存储一组数据数组的写法方式一:var 数组名 = new Array();方式二:var 数组名 = []; 取值 -- 数组名[下标]1- 声明一个空得数组var array = new Array();console.log(array);2- 声明一个指定长度的数组var arr = new Array(3);console.log(arr);3- 声明一个空的数组 方式二var arr1 = [];console.log(a

2021-03-22 09:54:45 51

原创 js条件语句

js条件语句if else if else 结构if(条件表达式1){ 表达式1; }else if(条件表达式2){ 表达式2; }else if(条件表达式3){ 表达式3 }else{ 以上条件都不满足 执行此处代码 }<script> var cj = 60; if(cj>=90 && cj <=100){ document.write("你很优秀"); }else if(cj >= 80 &&

2021-03-22 09:48:12 120

原创 js运算符

运算符运算符:用来运算的符号就是运算符运算:由一个数值或多个数值在运算的过程中产生一个新的值得过程就叫做运算算术运算符(+ - * / %)<script> //算数运算符:+ - * / % var num1 = 10; var num2 = 20; var num3 = num1 + num2;//30 num3 = num1 - num2;//-10 num3 = num1 * num2;//200 num3 = num1 / num2;//0.5 num3 = n

2021-03-22 09:21:09 47

原创 js数据类型

数据类型值类型(基本类型):字符串(String)、数值类型(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。数值类型(Number)字符串(String)布尔类型(Boolean)类型转换1- 强制转换 [显性]2- 自动转换 [隐性]布尔类型转为数值类型 [自动转换]var bool = false;var num = 1;console.

2021-03-22 09:05:51 42

原创 js入门

Javascriptjs的概念JavaScript的核心,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关JavaScript和HTML、CSS的区别HTML:提供网页的结构,提供网页中的内容CSS: 用来美化网页JavaScript: 可以用来控制网页内容,给网页增加动态的效果在HTML中书写JavaScript的三种方式第一种方式 行内<input type="button" value="按钮" onclick="alert('

2021-03-22 08:25:00 51

原创 点位

定位 positionposition 属性的五个值:staticfixedrelativeabsolutestickystatic静态定位HTML 元素的默认值,即没有定位,遵循正常的文档流对象。静态定位的元素不会受到 top, bottom, left, right影响fixed 固定定位Fixed 定位在IE7和IE8下需要描述!DOCTYPE才能支持。Fixed定位使元素的位置与文档流无关,因此不占据空间。Fixed定位的元素和其他元素重叠、relative 相对定

2021-03-22 08:12:25 94

原创 盒子模型

盒子模型盒子模型的属性外边距 margin内边距 padding边框 border内容 content盒子阴影box-shadow:10px 10px 10px 30px pink inset;参数一:水平位置参数二:垂直位置参数三:模糊度参数四:阴影尺寸参数五:阴影颜色参数六:阴影位置外边距 margin一个参数:margin:10px;四个方向的距离都是10像素,二个参数:margin:10px 20px;上下 左右三个参数:margin:10px 20px

2021-03-16 15:47:03 51

原创 css字体属性

伪类选择器未激活的状态 a:link{color:pink;}激活后的状态a:visited{color:red;}鼠标悬浮 a:hover{color:cyan;}鼠标按住 a:active{color:yellow;}字体属性字体大小font-size字体加粗 font-weight:bold字体族科 font-family:‘楷体’字体样式 font-style字体颜色 color结合字体:样式 加粗 大小 族科font:italic bold 40px 楷体字体属性1.1

2021-03-16 15:07:58 73

原创 css的选择符

css的选择符属性选择器1.匹配a标签中属性为b的采用此样式2.匹配a标签中属性的值是以b开头的采用此样式3.匹配a标签中b属性的值是以c字母结束的采用此样式4.匹配a标签中b属性的值中包含c字母采用此样式5.匹配a标签中b属性的值有c字母结束的采用此样式6.匹配a标签中b属性的值为c的采用此样式!结构性伪类选择器1.a标签中第一行内行采用此样式2.a标签中第一个字母采用此样式3.在a标签之前添加此内容采用此样式4.在a标签之后添加此内容采用此样式5.a标签中第一个

2021-02-20 18:57:11 70

原创 css选择器

css选择器基本选择器层级选择器属性选择器结构性伪类选择器其它选择器基本选择器优先级层级选择器HTML导入css3种方式(一)外链样式作用:可作用多个文件(二)内嵌样式作用:作用于当前文件(三)行内样式作用:作用于本行...

2021-01-23 20:32:53 46

原创 HTML中锚点定位及tab表格

锚点定位1.锚点的作用就是快速找到页面中的指定的位置,需要在找到的页面中定义一个id属性,属性值任意<a id="">要找到的位置</a>2.然后在跳转的标签使用"#"跟id属性值来快速找到指定位置<a href="#"></a>tab表格表格由 <table> 标签来定义。每个表格均有若干行(由<tr> 标签定义),每行被分割为若干单元格(由<td>标签定义)。字母 td 指表格数据(table data)

2021-01-23 20:18:36 506

原创 HTML表单标签

HTML表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 来设置HTML 表单标签表单项的类型...

2021-01-21 21:38:08 50

原创 HTML的各种标签

head头部标签文本标签列表标签img 图片标签注意:宽度与高度不建议同时设置,设置比例不准确时,会导致图片变形,建议单独设置宽或高超链接 a标签

2021-01-18 10:11:24 56

原创 HTML

**HTML 简介****实例解析**1. 声明为 HTML5 文档2. 元素是 HTML 页面的根元素3. 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。4. 元素描述了文档的标题<br/>5. 元素包含了可见的页面内容<br/>6.<h1> 元素定义一个大标题<br/>7.<p> 元素定义一个段落</p></h1>**什么是HTML ?**HTML 是用来

2021-01-18 09:49:01 173 1

原创 git常用命令集

git常用命令集常用命令1.1 最常用/版本对比/其他git status 查看当前分支状态git reflog 查看每一次的命令,都做过什么git log 查看此分支完整的提交记录,回车继续看,q停止git log --oneline 查看此分支简略的提交记录,只展示提交号和提交信息git show 查看最近一次提交的具体代码变化git show <提交ID> 查看某次提交的具体代码变化git diff 查看当前代码add后,会add哪些内容git diff --stag

2021-01-13 10:01:09 67

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除