Theworld007的博客

原创 vue.1

基础的vue创建双向绑定如果是单选框的话用到自己的数据需要加this双向绑定的修饰符计算属性box的值发生变化，他就执行

原创 Jq的基础三种隐藏显示的方法和改变css样式和停止动画和DOM操作

jq三种隐藏显示的方法jq链，支持链式调用改变css当多个css属性的时候要用对象参数动画效果，不支持背景色停止动画1.jq的回调函数(callback)2.jquery链 支持链式调用3.jq三种显示隐藏的方法,实际原理都是取改变元素的display属性1.hide() show() toggle()2.fadeIn() fadeOut() fadeToggle(...

原创 jq的基础

jq选择器

原创 AJAX的小总结

1，ajax是异步的2，原生ajax是分四步的：创建核心对象，存在兼容性问题一定要分类讨论!请求方式 ：xmlhttp.open（‘get或者post’，“请求地址”，true）发生请求参数：xmlhttp.send（null），如果是get请求的话 请求参数不能写在send里面要写在请求地址后面用？连接，如果是post的话一定要设置请求头setRequestHeader(“Content...

原创 AJAX的基础3：选择城市的练习

这是之前写的post和get写法，但是post要加一个控制请求头因为是值是变量，所以要用字符串拼接的形式setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”)练习：可以避免城市叠加的问题...

原创 AJAX的基础2

DNS Domin Name Systemip: 192.168.1.1域名 https: www.baidu.com完整的域名 协议+域名+:端口号+路径ajax:前端向后端去取数据的技术,异步的向服务器发送请求ajax核心对象其他浏览器：XMLHttpRequestie低版本（ie6:XMLHTTP）get请求与post请求的区别：get比post更快更简单，如果没有任何要求...

原创 AJAX的基础

post的请求参数写在send里面用，参数之间用&连接get的请求参数写在地址后面，用?连接，send里面要穿null

原创 JS的验证码倒计时练习

原创 JS的原型与继承2

原型(prototype):方法背后，专门保存由方法创建出来的对象的共有数据 自有属性：属于对象实例自身的属性 共有属性：由同一构造函数创建出来的对象共同享有的属性(原型里面的) 任何实例对象没有权力修改原型中的数据...

原创 JS的this属性和原型继承

this:this指当前对象，永远指向函数调用时所在的对象 原型与继承： prototype:方法背后，专门保存由方法创建出来的对象的共有数据 构造函数/对象模板：专门用来反复创建相同结构的对象的专门方法 构造函数的函数名要大写 对象字面量的形式 new 关键字实际上做了四件事 1.创建一个空对象 var ll={}; 2.改变this指向...

原创 JS定时器

定时器：让网页无人值守的时候自动进行的操作是一个异步多线程的程序一次性定时器：等待一定的时间，干啥事 setTimeout(干啥事,等待的时间)周期性定时器：每隔多长时间，干啥事 setInterval(干啥事,间隔时间)第一个参数要么是一个函数名，要么是一个匿名函数停止定时器：clearInterval(timer) timer=nullclearTimeout()作业：写一个距...

原创 JS点击事件

//事件:onclick onmouseover onmouseout onmousemove onfocus onblur onchange//addEventListener//点击事件//作业:写一个注册界面:/*包含手机号输入框，密码输入框，确认密码输入框，一个注册按钮手机号是标准手机号，密码要求六位纯数字，确认密码输入完之后，验证两次密码是否一致，红字提示，并且确认密码有一...

原创 JS创建表单的小练习

var data = [{ "name": "张三", "age": 18, "salary": 3500 }, { "name": "李四", "age": 17, "salary": 4500 }, { "name": "王五", "age": 20, "salary": 6500 }, { ...

原创 JS的DOOM操作

DOM:document object modelDOM操作:增删改查查：查找元素1.document.getElementById() 返回的是元素对象2.document.getElementsByClassName() 返回的是数组3.document.getElementsByTagName()返回的是数组4.document.getElementsByName()返回的是数组...

原创 JS日期和DOM操作

new Date()得到的是当前时间对象 日期对象可以直接相减，得到的结果是间隔毫秒数 getDate() 返回的是几号(1-31) getFullYear() 返回哪年 getMonth() (0-11)加1修正 getDay() 0-6 getHours() 0-23 getMinutes() 0-59 getSeconds() 0-...

原创 JS的math方法

String Number Boolean Array RegExp Math Date Math:专门封装了一些与数学计算相关的api Math.round()四舍五入取整 Math.ceil()向上取整 Math.floor()向下取整 Math.min/max()取一堆数中的最小值 参数接受的是参数序列，不接收数组 Math.random(...

原创 JS正则表达式

正则表达式对象RegExp正则表达式：字符串中字符出现的规律（定字符串规则的）正则表达式都是写在双斜线里面的正则表达式的规则写在[]里面；[]是用来放备选字符的,一个中括号只能代表一位字符的匹配规则正则表达式对于任意连续的区间，都可以以横线连接数量词：{num} 前面一位规则重复num次,如果想修饰多位，加小括号{min,} 前面一位规则重复至少min次{min,max} 前面一...

原创 数组的一些练习

求和：求最大值：数组串字符串数组去大于10的元素反转数组排序2个数之间的和

原创 JS对象方法

对象.属性/方法1.String对象 Number Boolean 基本包装类型; string对象是不可更改的length 能通过角标访问toUpperCase()转大写toLowerCase()转小写slice() 截取子字符串substring() 完全同上split(切割符)切割字符串的 结果肯定是数组indexOf(你要查找的关键字)查找关键字 ，返回的是关键字的位置,...

原创 JS对象的使用方法2

内置对象:js里已经定义好了的对象，有现成的属性和方法供我们使用 js里面一共有17个内置对象 1.Array: length push(你要追加的元素):向数组的结尾追加元素 pop()删除数组最后一位元素 unshift()向数组的开头添加元素 shift()删除数组第一位元素 reverse()反转数组 splic...

原创 JS对象的循环和方法

对象的属性名一定是字符串。 如果希望对象的属性名是变量，那么要在属性名外面套中括号 方法是可以作为对象的属性的，方法名就被当作为属性名，方法体被当作为属性值 访问对象的值 对象名.属性名 更改对象的属性值 对象的循环 for(var 属性名 in 你要遍历的对象) 对象的属性名如果是变量的话，那么属性名要加中括号 对象的循环中，如果要取...

原创 JS数组与循环

1.js里面一切皆对象 4.循环结构：程序反复执行同一套代码 循环三要素：1.循环条件：循环继续运行的条件 2.循环变量：循环中做判断的量，循环变量一定是向着循环退出的趋势变化 3.循环体：循环做什么事 while(条件){干什么事} for(){} 完全等效于while循环 5.原始数据类型：数据保存在变量本地 保存...

原创 JS的数据类型补充和循环

3.闭包：用来解决全局污染的，用来保护变量的。 里面的函数使用了外面函数定义的局部变量 弊端:内存泄漏 性能： 4.循环结构：程序反复执行同一套代码 循环三要素：1.循环条件：循环继续运行的条件 2.循环变量：循环中做判断的量，循环变量一定是向着循环退出的趋势变化 3.循环体：循环做什么事 while(条件){干什么事...

原创 js的作用域和闭包

1.作用域：一个变量的可用范围 全局作用域：除了函数内，（客厅） 局部作用域：函数内 （小房间） 全局变量：在全局作用域内声明的变量（客厅里面的东西） 局部变量：在局部作用域内声明的变量 （你卧室里面的东西） 全局作用域不能访问局部，局部作用域可以访问全局 2.闭包：**用来解决全局污染的，用来保护变量的。 里面的函数使用了外面函数定义的局部...

原创 js的函数

程序赋值往右开始的，a=b=c，c的值赋给b，b的值赋给a如果没有声明，是会报错的函数语法：function 方法名（参数）{干啥事} function是声明函数 var是声明变量方法的调用： 方法是不调用不执行的 ，语法：方法名（）；函数声明提升：function声明的函数会自动提升到最顶部变量提升：声明提前，赋值不提前参数：方法内独有的变量，接受传入的数...

原创 JS的if语句和三目运算符

NaN:not a number1.js里面的数据类型：原始(基本)数据类型：number(数字) string(字符串) boolean(布尔) undefined(未定义) null(空)任何数据类型与字符串连在一起都是字符串字符串类型必须加引号,加引号的一定是字符串如果加号前后有字符串参与了，那都是字符串的拼接布尔值：true false未定义：undefined 自动初始化未...

原创 JS运算符号

1.js里面的数据类型： 原始(基本)数据类型：number(数字) string(字符串) boolean(布尔) undefined(未定义) null(空) 任何数据类型与字符串连在一起都是字符串 字符串类型必须加引号,加引号的一定是字符串 如果加号前后有字符串参与了，那都是字符串的拼接 布尔值：true false 未定义：u...

原创 JS数据类型

原始数据类型：numbe（数字）；string（字符串）；boolean（布尔）；undefind（未定义）；null（空）string>数字>布尔

原创 Js使用规范

程序：接收数据--处理数据--输出数据 内存：专门运行程序 变量：内存中专门存储数据的空间 变量的使用： 1.声明 var 2.命名 规范：不要用大写，要用英文，不能用特殊符号,不能用纯数字，不能以数字打头,不能加空格，见名知义 3.初始化 js里面的=读作赋值，把等号右边的数据(可以直接是个数据或者运算结果是一个数据也行)存放到左边的变量里面 ...

原创 html表格

tr单元行，td单元格，thead表头，border-collapse让描边合并

原创 html选择框

单选：inpu type=“radio”name=“xx” vlaue=“xx” name属性必须一致 例如文字和表单没关系给用户看的，但里面的value跟服务器有关单选：label的for属性跟id挂钩单选写外面多选按钮（在外面还要写文字）下拉选择框如果没有value的话就会直接选择里面的内容比如终结者，select的vlue只取决于option的vlue...

原创 html阴影效果

阴影应该写在图片里面一般有内容的图片都用div引入的方式，阴影就要在这个div里面再写一个divopacity是透明，数值在0-1之间都是半透明（看图片的填充）不光会让快变半透明，连里面的内容文字都会变。里面有东西一般不用。要用backgro：rgba 例如backgro：rgba {51，51 ，51， 0.5} a是半透明...

原创 html的input和描边

用背景图引入图片background：url（img/xx）no-repeat center （不要重复 居中）还要给个高度才能显示出来图片多高就给多高。 但凡图片里面有东西，都用背景图来做描边例如：border-redius：50%；border：white 1px solid ；box-sizing：border-box （solid表示实线）描边会导致尺寸变大需要添加bo...

原创 html圆角和描边

border-radius：XXpx 四个角加圆角border-radius：XXpx XXpx 左上右下加圆角border-radius：XXpx XXpx XXpx XXpx 顺时针加圆角圆角值=宽高的一半就是圆环：不要背景颜色，要描边。border：颜色 Xpx solid 是一个环；写代码从居中块写img自带宽高属性，可以直接写...

原创 html图片标签和ps切图

块元素：div p h ul liul：整个列表li:列表中的每一项什么时候用列表：当出现了一系列相同样式的结构之后，优先考虑列表来写内联元素:span a imgmg:自带宽和高,只设置一个，那么另一个会等比缩放引入图片的方式1.img标签2.通过背景图 background:url(图片路径)如果图片比块大那么图片只能显示块那么大如果图片比块小那么图片会自动重复排列把块铺...

原创 html改变划过元素的样式

块元素：div p h ul liul：整个列表li:列表中的每一项什么时候用列表：当出现了一系列相同样式的结构之后，优先考虑列表来写内联元素:span a img文字的样式文字居中：text-align:center （让元素里面的文字居中）(文字离谁近听谁的)颜色 color 里面的文字是什么颜色文字上下居中 设置行高和外面的块一样高字体大小：font-size:18px...

原创 html的ul和li元素

块元素：div p h ul liul：整个列表li:列表中的每一项什么时候用列表：当出现了一系列相同样式的结构之后，优先考虑列表来写内联元素:span a img文字的样式文字居中：text-align:center （让元素里面的文字居中）(文字离谁近听谁的)颜色 color 里面的文字是什么颜色文字上下居中 设置行高和外面的块一样高近几天代码补充：文字居中text-al...

原创 html块和内联元素

样式不同或者功能的文字是不能写在一个标签里面**写代码第一件事，清除所有元素默认的margin和padding** 程序里面默认只认一个空格 html中的元素会自带了一些margin和padding **程序里面的空格是 ** 块元素：独占一行的 有宽高 div p h1-h6 内联元素：不独占一行 没有宽高 span a 内联元素不允许嵌套块元素，块元...

原创 浮动和元素位置position

浮动的元素宽度默认不能继承父级,宽度由子集决定margin:50px 四个方向都是50margin:50px 100px 上下50，左右是100margin:10px 20px 30px 40px 上右下左margin:auto相对于父级让块居中，使用margin:auto的元素前提必须得有宽改变元素位置的方法：marginpaddingposition:定位的元素也脱离文档流...

原创 html划分

元素如果默认不设置宽度，那么宽度是父级的100%; 元素如果默认不给高度的话，那么高度是0,但是如果里面有子集，那么元素的高度由子集决定 如果元素一行排不开，都是会自动换行的 html里的元素分为两大类 块元素：div 块元素独占一行的.有宽高的 浮动：可以使块元素在一行上显示 内联元素：不独占一行，没有宽高 例如：spa...