- 博客(51)
- 收藏
- 关注
RSS订阅原创 scrollTop和scrollHeight
scollTopscrollTop 可以被设置为任何整数值，同时注意：如果一个元素不能被滚动（例如，它没有溢出，或者这个元素有一个”non-scrollable”属性）， scrollTop将被设置为0。设置scrollTop的值小于0，scrollTop 被设为0如果设置了超出这个容器可滚动的值, scrollTop 会被设为最大值.总结：元素发生溢出时可以设置scrollT...
2018-02-28 15:08:52
3809
原创 $.animate()与Velocity.js区别
1、jQuery animate()方法//通过改变元素的高度，对元素应用动画：$("button").click(function(){$("#box").animate({height:"300px"});});定义和用法animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只...
2018-02-23 14:45:17
829
原创 js获取时间
var newDate = new Date(); console.log(newDate.getYear()) // 118 获取距1990年的年份 console.log(newDate.getFullYear()) // 2018 获取当前的年份 console.log(newDate.getMonth()) // 0 获取当前月份减一 0~11 console.log(n
2018-01-25 10:24:33
332
原创 数组去重的几种方法
script type="text/javascript"> var arr = [1,2,3,4,2,3,4,5,6]; // 1.循环遍历，相同的删除 /*for (var i = 0; i < arr.length; i++) { for (var j = i+1; j < arr.length; j++) { if (arr[i] === arr[j]) { arr
2017-11-25 10:09:48
453
原创 json_encode 与 json_decode的区别
php中json_encode与json_decode的区别相信刚开始接触php时大家对这两个词比较容易混淆,首先我们要明白这两个单词的意思encode:编码 decode: 解码再来看这两个函数1. json_encode说明stringjson_encode (mixed$value [, int$options = 0 [, int
2017-11-17 19:32:58
1330
原创 清除浮动的几种方法
清除浮动的几种方法首先编写好样式html lang="en">head> meta charset="UTF-8"> title> 小测试 title> link rel="shortcut icon" href="/favicon.ico"/> style type="text/css"> *{
2017-11-16 21:46:18
413
转载 js中闭包及其用途
js中什么是闭包, 闭包有哪些作用1.关于闭包闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。2.闭包的作用1.匿名自执行函数script type="text/javascrip
2017-11-16 13:11:19
6025
原创 js中的几种克隆方法
js中的克隆1.如果克隆对象是基本类型,直接复制就可以script type="text/javascript"> var str1 = 'abc' var str2 = str1 console.log(str2) //abc str1 = '123' console.log(str2) //abc /script>2.不是基本类型
2017-10-20 20:12:04
18059
原创 简单理解绝对路径和相对路径
绝对路径：是从盘符开始的路径，形如C:\windows\system32\cmd.exe相对路径：是从当前路径开始的路径，假如当前路径为C:\windows要描述上述路径，只需输入system32\cmd.exe实际上，严格的相对路径写法应为.\system32\cmd.exe其中，.表示当前路径，在通常情况下可以省略，只有在特殊的情况下不能省略。假如当前路径为C:\program files要调
2017-10-17 17:33:01
655
转载 Javascript变量声明提升
转载自http://www.cnblogs.com/silentjesse/p/4024536.htmljavascript变量声明 及作用域javascript变量声明提升(hoisting) http://openwares.net/js/javascript_declaration_hoisting.html 可能要FQ一下javascript的变量声明具有hoi
2017-10-16 21:28:06
367
原创 cmd命令对文件目录访问的操作
1.默认情况下要进入哪个盘直接(比如说D盘 )敲命令 D:2.进入D盘某个文件,假如是a 输入命令 cd a3.返回上一层目录 cd ..4.返回根目录 cd/5.查看文件的目录结构 直接输入dir
2017-10-16 19:25:27
664
原创 Es6知识点回顾
ES6知识回顾1.剩余参数语法:function a(a, ...b){}剩余参数使用三个点(...)和变量名来表示script type="text/javascript"> function foo(a, ...b){ console.log(a); console.log(b instanceof Array); //true ,多余的参数都放入b中,b
2017-10-14 16:31:30
327
原创 解决li设置浮动ul高度无法被撑开问题
一最简单也是比较常用的方法就是直接给ul设置高度,当然是在知道ul的高度而不是自适应的时候使用二最为使用的方法,再添加一个li或者div都可以,不需要浮动,样式只需要设置clear:both即可,十分好用三在IE下使用的,不过谷歌浏览器好像也兼容,利用属性zoom : 1;overflow:auto;即可高度自适应和兼容IE6
2017-10-07 12:59:52
6237
原创 JS利用DOM获取或设置元素的样式
1．利用DOM操作行内样式表 1）属性值的获取：元素节点.style.属性名，注意如果是类似于font-size这种属性，需要改为fontSize写法 2）属性值的设置：元素节点.style.属性名 = “值” 2.利用DOM操作内部样式表或外部样式表 1）IE浏览器下：元素节点.curren
2017-09-16 20:10:56
4741
原创 ES6新增特性2
ES6新增特性21.箭头函数(拉姆达表达式)基本语法(形参列表) => { //函数体}注意:1.函数体内如果只有一行代码,那么{}可以省略,如果有return ,那return也可以省略2.形参列表如果只有一个参数,则括号()可以省略3.如果想直接返回一个js对象,则可以在对象外面添加小括号4.箭头函数的自执行5.箭头函数无this绑定,这一点非
2017-09-07 21:29:04
518
原创 ES6的新增特性1
ES新特性1.块级作用域绑定let声明与const声明注意:1.使用let声明的变量具有块级作用域,只能在声明的块中访问,在外部无法访问2.let声明的变量没有声明提前这一特性3.在同一块中,let声明的变量也不能重复声明4.const声明常量,必须初始化值,一样具有块级作用域的特性doctype html>html lang="en">head>
2017-09-05 21:45:43
790
原创 js中的几种设计模式
设计者模式1.特点提高代码的重用性，可读性，使代码更容易的维护和扩展2.原则设计模式有六大原则：开闭原则。就是说模块应对扩展开放，而对修改关闭。里氏代换原则。如果调用的是父类的话，那么换成子类也完全可以运行。依赖倒转原则。把父类都替换成它的子类，程序的行为没有变化。接口隔离原则，每一个接口应该是一种角色，不多不少，不干不该干的事，该干
2017-08-28 20:33:31
2748
原创 JS中this的几种使用方式
this的使用总结this的绑定一般有四种情况:默认绑定(非严格情况下指向的是window,严格情况下指向undefined)隐式绑定,对象.方法(),this指向前面那个对象new绑定,this绑定在新创建的那个对象上显示绑定,call和apply 都是仅一次调用使用了显示绑定,对原函数没影响call与apply主要的区别是:call的参数是一个一个传递,apply是把参
2017-08-28 20:32:03
779
原创 JS位操作运算
Js的位操作1.按位非 ,返回数值的反码var num = 25 //二进制 00000000000000000000000000001101var num1 = ~25 //-26 二进制 111111111111111111111111111100102.按位与, 二进制同时为1时才为1var num= 25 & 3 //13.按位或,, 二进制有一个为1
2017-08-19 12:45:24
539
原创 原型函数的继承与借调的使用
原型的继承主要是通过更换构造函数原型而达到继承script type="text/javascript"> //定义一个构造函数。 function Father () { // 添加name属性. 默认直接赋值了。当然也可以通过构造函数传递过来 this.name = "马云"; } //给Father的原型添加giv
2017-08-18 20:13:28
533
原创 原型函数的类型
原型函数创建总结1.原型函数的理解图2.声明一个函数就会自动创建一个prototype属性,这个属性指向这个函数的原型对象,而这个函数的原型的对象默认有个constructor属性,指向最初创建的函数3.原型函数的变形一般形式function Person(){ } Person.prototype.name = "Tom"; Perso
2017-08-18 20:11:41
581
原创 面向对象的创建
两天面向对象小结1.面向对象与面向过程的区别 面向过程侧重整个问题的解决步骤,着眼局部或者具体 面向对象侧重具体的功能,让某个对象具有实现某种功能,更加侧重于整体2.字面量的方式创建对象//用大括号括起来的一系列的键值对,构成了js对象.这个对象称之为字面量对象var person = { name : "Tom", age : 22, sex : "男
2017-08-18 20:06:44
358
原创 不同 数据类型对toString()方法的使用
object的prototype链中都没有实现自己的toString()的话, 把object转换为String时就会调用Object.prototype.toString, 输出的格式是[object 对象的类型]例如Object.prototype.toString.call(123)返回"[object Number]", Object.prototype.toString.ca
2017-08-17 21:11:46
838
原创 三级联动,面向过程与面向对象方法
// 面向过程 /*var pro = document.getElementById("province"); var city = document.getElementById("city"); var county = document.getElementById("county"); // 初始化 fillProvince(); fillCity(1); fillCoun
2017-08-15 13:10:06
700
原创 简单理解clientHeight、scrollHeight、offsetHeight
一、 clientWidth和clientHeight1. clientWidth：获取实际宽度，结果为数值型2. clientHeight：获取实际高度，结果为数值型3. clientWidth和clientHeight的注意事项1) padding会影响这个属性的值，即clientHeight= height+padding（上下），clientW
2017-08-12 09:40:00
888
原创 js中传递参数问题
ECMAScript中所有函数的参数都是按值传递访问变量有按值和按引用两张方式，而参数只能按值传递例子：function addTen(num){num += 10; //在函数内部，参数num的值被加上了10，但这一变化不会影响函数外部的count变量return num;}var count = 20;var result = addTen(count);
2017-08-12 09:00:35
1455
原创 正则表达详解及例题
一、什么是正则表达式：所谓正则表达式也称为规则表达式，作用是用来校验字符串是否符合规则要求，也可以用来检索字符串中是否包含符合要求的子串。二、正则表达式的创建1. 利用构造方法创建1) var 表达式名称= new RegExp（”表达式”,”修饰符”）；2. 利用字面量的形式创建1) var 表达式名称= /表达式/修饰符；三、正则表达式
2017-08-04 12:51:23
642
原创 数组排序的几种方法
1、sort()sort()主要是对数组中的字符串进行排序，通过比较ASCII的大小，对于数字的比较使用格式数组名.sort(function(num1,num2){ return num1-num2; })这是升序，如果降序将num1 -num2改成num2 -num1;2、选择排序法原理就是用前一个数和后面每一个的比较，如果大于就交换位置（假设是从小到大排序）
2017-08-03 10:29:36
1219
原创 关于循环中的作用域问题
定义变量的位置不同，在使用过程中所起的作用也不同。看例子： Document //判断数值里是否完数，有则打印出来 var arr = [8,34,56,28,6,7]; // 循环遍历每一个数组元素 for (var i=0; i<arr.length; i++){ // 初始化sum的值 var sum=0; // 循环数组其中一个元素的从1到前一
2017-08-01 20:03:28
336
原创 JS中函数
一、函数的定义：具有特定功能模块二、函数的分类;1.从定义的角度分：内置函数，自定义函数 内置函数：JS系统自带的函数，如：prompt 、 confirm、 alert.......自定义函数：用户根据自己的需求编写的函数2.从参数角度分：有参函数、无参函数3。从返回值角度分; 有返回值函数，无返回值函数4.其他：递归函数、匿名函数三、函数的作用：1、函数可
2017-07-31 19:00:47
304
原创 clear属性使用的小技巧
通常来说clear的属性有那么四大属性 clear： none, left, right, both;意思是指清除浮动，简而言之就是清除左右的浮动元素。如果clear： left 就是清除左边的浮动元素，right就是清除右边的浮动元素；需要注意的是，clea
2017-07-29 15:10:46
804
原创 ul与dl的一些使用场景
ul最为常见，常适用于作网站导航条的链接、新闻网站的新闻列表、视频列表，或者用于电商网站商品导航目录的列表或者产品详细列表。dl 的话一般用于图文混排、网站底部链接：电商网站底部-购物指南、支付方式。dl的使用方法.........中间可以有很多个dt,dd.
2017-07-29 14:58:29
2854
原创 CSSHack
一、HACK：所谓CSSHACK就是针对不同浏览器预先写好的不同的CSS代码，包含如下几种形式a) IE条件注释b) CSS选择器hackc) CSS属性hackd) ！important二、IE条件注释：专门针对IE浏览器写的CSS样式，包含如下几种格式a) 判断是否为IE浏览器 CS
2017-07-24 20:43:44
793
原创 你还在为浏览器兼容性问题苦恼吗
一、图片下方有间隙，解决方法如下a) 将图片变为块元素b) 将父元素的字体大小设置为0二、图片间有间隙，解决方法如下a) 将代码写在同一行b) 将父元素字体大小设置为0c) 使图片浮动三、图片加超链接后，IE浏览器下方有边框，解决方法a) 给图片设置border：none四、给图片加超链接后，如果要设置鼠标移过显示边框
2017-07-24 20:38:44
345
原创 使用css3教你做动画
一、transform：需要结合translate、scale、rotate、skew四个函数使用1. translate：平移1) translateX：水平位移，属性值为像素值，如果是正数，表示向右，否则表示向左2) translateY：垂直位移，属性值为像素值，如果是正数，表示向下，否则表示向上3) 复合属性translate(值)，如果是一个值表
2017-07-21 20:25:27
588
原创 HTML5新增的标签及属性
HTML5新增标签及属性一、：作用是用来定义网页的头部二、：作用是用来定义网页的导航三、：作用是用来定义网页的页脚四、：作用是用来定义页面中的侧栏五、：作用是用来定义具有独立性的文章六、：作用是用来定义页面中的不同章节七、电子邮箱：，注意它会自动校验八、网址：，注意它会自动校验九、电话号码：十、数量：包含如下常见属性1. min：最小值2.
2017-07-20 12:51:01
978
原创 z-index属性
z-index属性1. 作用：设置具有定位属性的元素的层叠关系，默认情况下写在html文档中靠后的元素在上方显示2. 属性值：具体的数值，不带单位，默认为auto，即0，值越大，元素越靠上3. 使用前提：元素必须具有定位属性
2017-07-20 12:47:13
425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人