随笔分类 -  js

前端中的事件流
摘要:面试题中的一道题目。 事件流:描述的是事件发生的顺序。 包含的三个阶段: 事件捕获阶段 处于目标阶段 事件冒泡阶段 事件捕获阶段 这是一个从上而下的过程,越高级的父级元素越早接到事件。 例: 1. 如点击li元素会先触发ul元素。 注意:如果在li上绑定click事件,那么新添加的li元素不会有这个 阅读全文

posted @ 2017-07-26 15:47 catherinehd 阅读(3576) 评论(1) 推荐(0)

给网页增加分享功能
摘要:想给自己的网站的文章增加分享按钮,查询资料后发现,均使用了目标网站提供的分享接口,比如新浪微博更可以直接使用其提供的分享按钮,按其规则添加js和页面代码就能实现新浪风格的分享按钮。因为想同时添加各大主流平台的分享按钮,所以自己添加了js代码来完成。 首先在需要分享页面中添加按钮,比如我需要QQ,豆瓣 阅读全文

posted @ 2017-06-29 17:57 catherinehd 阅读(1910) 评论(0) 推荐(0)

String和Array中的slice()
摘要:String对象和Array对象均有slice()方法,为获取字符串或者数组中的部分内容。 string对象中: stringObject.slice(start,end),两个参数分别为需要获取的字符部分所在的开始和结束的索引值,包含了开始的值,不包含结束的值。可以为负数,即从后往前计数 。只有一 阅读全文

posted @ 2017-02-08 18:09 catherinehd 阅读(415) 评论(0) 推荐(0)

关于js函数的说明
摘要:js函数直接声明和函数表达式的区别: 直接声明函数: function test(){ } 把匿名函数复制给本地变量: var test = function(){ } 区别:第一种方式在声明时就是一个命名的函数,无论是声明在调用之前还是在调用之后,甚至是不会执行的位置,比如return语句之后,都 阅读全文

posted @ 2017-01-19 17:57 catherinehd 阅读(211) 评论(0) 推荐(0)

js中的arguments
摘要:arguments:在函数调用中,会自动在该函数内部生成一个名为arguments的隐藏对象。该对象类似于数组,但又不是数组。可以使用[]操作符获取函数调用时传递的实参。 <script> function test(){ alert(arguments.length); for(var i=0;i 阅读全文

posted @ 2017-01-19 12:11 catherinehd 阅读(162) 评论(0) 推荐(0)

js中的this
摘要:js中this出现的频率是很高的,有时候会弄不清楚this到底指的是谁,所以这里对this做一个更详细的了解。 一般情况下,this变量所引用的对象是判断所在函数是当做哪个对象的方法调用的,则该对象就是this所引用的对象,即谁调用则指谁。 var obj={}; obj.x=100; obj.y= 阅读全文

posted @ 2017-01-18 15:16 catherinehd 阅读(136) 评论(0) 推荐(0)

匿名函数&闭包
摘要:感觉这是js的核心中心又是基本点了,理解后又忘了。然后再来过一遍。 匿名函数: 匿名函数为没有函数名的函数。 匿名函数的创建: 1) var a=function(x){return x}; //即常见的创建函数的方式。 2) (function(x,y){ alert(x+y); })(2,3); 阅读全文

posted @ 2017-01-13 16:10 catherinehd 阅读(111) 评论(0) 推荐(0)

call()和apply()
摘要:call()和apply()是函数内置的方法,所有的函数都具有这两个方法。这两个方法是通过函数名来调用的。使用方法为:传递一个对象作为参数,这个对象来调用这个函数。 比如: function test(a,b){ this.a=a; this.b=b; } test.call(obj,1,2); 这 阅读全文

posted @ 2017-01-12 15:06 catherinehd 阅读(144) 评论(0) 推荐(0)

深入理解ajax
摘要:在搭建自己的博客的时候,开始对于ajax不熟悉,所以写留言板时采用了直接通过按钮触发路由链接数据库来添加数据,这样可以实现留言板内容的添加,但是每次都会整个页面刷新,体验不好。在文章评论功能的时候,果断采用了ajax来post数据的方法,可以达到部分刷新的效果。 ajax主要是通过创建一个xhr对象 阅读全文

posted @ 2017-01-06 10:50 catherinehd 阅读(150) 评论(0) 推荐(0)

js-数组的shift和push方法
摘要:数组对象的push和pop方法分别为在数组的尾部添加和删除元素。push有一个参数,为需要添加的元素,pop没有参数,返回被删除的的元素。 数组对象的unshift和shift方法分为为在数组的头部添加和删除一个元素,与push和pop的方法基本一样。unshift有一个参数,即要添加到数组头部的元 阅读全文

posted @ 2016-12-24 16:17 catherinehd 阅读(949) 评论(0) 推荐(0)

伪类和伪元素区别
摘要:伪类是向某些选择器添加特殊的效果,可以通过添加一个类来达到,用一个冒号来表示。:Pseudo-classes 如: :first-child, :link; :visiter; :hover; :active; :focus; :lang 伪类类似于class,表示一些元素的状态,但无需标识的分类。 阅读全文

posted @ 2016-11-08 10:44 catherinehd 阅读(304) 评论(0) 推荐(0)

函数声明和函数表达式的区别
摘要:函数声明的格式: function name(obj){ returen obj.x; } 函数表达式的格式: var name=function(obj){ returen obj.x; } 函数声明和函数表达式在解析的过程中是不一样的。解析器在向执行环境中加载数据时,会先读取函数声明,并使其在执 阅读全文

posted @ 2016-11-02 20:36 catherinehd 阅读(162) 评论(0) 推荐(0)

DOM对象
摘要:DOM Document每个浏览器的HTML文档都会成为Document对象,document对象使我们可以从脚本中对HTML叶明中的所有元素进行访问。 集合all[] //提供对文档中所有HTML元素的访问anchors[] //返回对文档中所有Anchor对象的引用forms[] //返回对文档 阅读全文

posted @ 2016-10-27 18:51 catherinehd 阅读(119) 评论(0) 推荐(0)

Browser对象
摘要:Window对象即浏览器中打开的窗口,当文档里面有框架(frame或者iframe标签)时,浏览器会为HTML文档创建一个window对象,并为每个框架创建一个额外的window对象。 属性closed //返回窗口是否已被关闭defaultStatus //设置或返回窗口状态栏中的默认文本docu 阅读全文

posted @ 2016-10-27 18:50 catherinehd 阅读(144) 评论(0) 推荐(0)

javascript对象(2)
摘要:Number对象 创建方法 var myNum=new Number(value); //返回一个新创建的Number对象var myNum=Number(value); //把Number()作为一个函数调用,把参数转换成一个原始的数值,并返回这个值,如果转换失败,则返回NAN。 属性constr 阅读全文

posted @ 2016-10-26 15:12 catherinehd 阅读(111) 评论(0) 推荐(0)

javascript对象(1)
摘要:Array对象 创建语法:new Array();new Array(size);new Array(element0,element,element3,……,elementn); 具有的属性:constructor:返回对创建此对象的数组函数的引用。lengthprototype 具有的方法: c 阅读全文

posted @ 2016-10-26 12:10 catherinehd 阅读(153) 评论(0) 推荐(0)

用canvas画时钟
摘要:用canvas画表盘和指针,获取时间后用js循环,使用canvas的rotate使指针旋转。 阅读全文

posted @ 2016-10-26 10:17 catherinehd 阅读(146) 评论(0) 推荐(0)

bootstrap
摘要:. 阅读全文

posted @ 2016-10-25 10:23 catherinehd 阅读(107) 评论(0) 推荐(0)

js函数自执行
摘要:在javascript里,任何function在执行的时候都会创建一个执行上下文,因为function声明的变量和function有可能只在该function内部,这个上下文,在调用function的时候,提供了一种简单的方式来创建自由变量或私有子function。 函数自执行写法: 1.最前最后加 阅读全文

posted @ 2016-10-24 10:44 catherinehd 阅读(252) 评论(0) 推荐(0)

js 闭包理解
摘要:闭包主要应用于两种情况: 1 函数作为返回值。 2 函数作为参数传递。 第一种举例: function fn(){ var max = 10; return function bar(){ if(x > max){ console.log(x); } }; } var f1=fn(); f1(15) 阅读全文

posted @ 2016-10-24 10:43 catherinehd 阅读(120) 评论(0) 推荐(0)