ES5 - 随笔分类 - youyi2016

Javascript之数组遍历

摘要：一、遍历数组的几种方式 1、for...in遍历数组，会遍历数组的索引和数组原型上的对象 2、for循环直接遍历 3、迭代器：forEach（遍历数组中所有的值，并忽略回调函数返回的值）、every（一直运行直到返回false）、some（一直运行直到返回true）等遍历 4、for...of直接遍阅读全文

posted @ 2018-09-24 10:25 youyi2016 阅读(136) 评论(0) 推荐(0)

Javascript之类型转换（二）

摘要：前言类型转换js中主要有以下几种情况： 1、条件判断时； 2、对象转基本类型时； 3、四则运算时； 4、‘==’操作符比较值时； 5、比较运算符时。一、条件判断时在条件判断时，除了 undefined， null， false， NaN， ''， 0， -0，其他所有值都转为 true，包括所阅读全文

posted @ 2018-08-22 18:06 youyi2016 阅读(150) 评论(0) 推荐(0)

正则表达式

摘要：写些日总结，记录当天遇到的一些问题限制表单的输入，只能输入正整数或是保留两位小数的数以上为vue代码，当表单输入的值改变，就用match方法匹配值的格式，匹配成功match会返回一个数组，不成功会返回null，返回成功之后数组中的第一个值就是匹配成功的字符串，显示到表单输入框中，如果输入的值没阅读全文

posted @ 2018-01-31 23:53 youyi2016 阅读(189) 评论(0) 推荐(0)

前端知识回顾

摘要：2017-1-17 (面试题：http://www.qdfuns.com/notes/35376/2fada0407dae579a95d1622436f5e0ab.html) （前端面试，大漠：http://www.w3cplus.com/css/write-to-front-end-develop 阅读全文

posted @ 2017-07-22 06:45 youyi2016 阅读(347) 评论(0) 推荐(0)

this、apply/call、bind、闭包、函数、变量复制

摘要：一、实际场景中抽象出的一个问题下面this各指向什么？第一个this指向a，第二个this指向window。（做对了吗）二、JavaScript中变量复制的问题变量拷贝分为值拷贝和引用类型数据拷贝一个变量向另一个变量复制基本类型数据值时，另一个变量会在自己所占的内存中保存一份属于自己的数据阅读全文

posted @ 2017-07-21 18:57 youyi2016 阅读(262) 评论(0) 推荐(0)

Javascript中变量提升的问题（五）

摘要：一、函数声明变量提升函数声明具有变量提升的问题，所以在函数被声明之前就可以访问。需要注意的是现在可以在普通块内部定义函数，不会有变量提升，因为是在执行的时候，才会有函数声明。改成函数表达式的形式如下： 2017-2-7更：函数声明提升优先级大于变量声明提升优先级：函数表达式没有变量提升的过阅读全文

posted @ 2016-12-19 09:58 youyi2016 阅读(243) 评论(0) 推荐(0)

将类数组arguments转化成数组

摘要：一、将arguments对象绑定到slice方法上二、例子：阅读全文

posted @ 2016-12-19 08:58 youyi2016 阅读(190) 评论(0) 推荐(0)

setTimeout()与setInterval()

摘要：一、setTimeout与setInterval的用法（http://www.css88.com/archives/5804） setTimeout是超时调用，javascript是一个单线程的解析器，因此在一定时间内只能执行一段代码；setTimeout的第二个参数只是告诉javascript再过阅读全文

posted @ 2016-12-12 19:13 youyi2016 阅读(924) 评论(1) 推荐(1)

javascript中无法通过div.style.left获取值的问题

摘要：一、问题总结：样式必须直接写在元素内部才能通过div.style.left直接获取属性值（也就是必须是内联样式才行），定义在css中的样式不能通过这种方式获取。让元素移动到200停止二、关于offsetLeft和left的区别（关于offsetLeft：https://developer.mo 阅读全文

posted @ 2016-12-12 08:34 youyi2016 阅读(10238) 评论(0) 推荐(1)

《Javascript高级程序设计第3版》精华总结

摘要：一、JavaScript简介 1.1 javascript简史 1.2 javascript实现 + javascript是一种专为网页交互而设计的一种脚本语言，javascript由三大部分组成： ECMAScript，提供核心语言功能； DOM，提供访问和操作网页页面的方法和接口； BOM，提供阅读全文

posted @ 2016-12-02 19:17 youyi2016 阅读(345) 评论(0) 推荐(0)

Javascript中的闭包（六）

摘要：一、什么是闭包函数可以记住并访问所在词法作用域时，就产生了闭包，即使在词法作用域外调用函数。（也就是说如果一个函数在执行完之后，其中的内部包含的函数仍然对该函数的作用域持有着引用（函数执行完之后，内存没有被释放，因为还一直被引用着），那么这个引用就是一个闭包）二、辨别闭包 1、也就是这样的一阅读全文

posted @ 2016-10-11 21:59 youyi2016 阅读(149) 评论(0) 推荐(0)

Javascript作用域学习笔记（三）

摘要：看完《你不知道的javascript》上，对作用域的新的理解（2018-9-25更）一、学习笔记： 1、javascript中的作用域和作用域链 + 每个函数在被调用时都会创建一个自己的执行环境（作用域），javascript中一切皆为对象，函数也是一个对象；函数对象和其他对象一样，拥有通过代码访阅读全文

posted @ 2016-10-06 15:13 youyi2016 阅读(270) 评论(0) 推荐(0)

javascript事件类型之界面拖拽交互

摘要：一、在线DEMO 界面拖拽交互思路：鼠标移动的距离就是元素要移动的距离，所以关键点就是要得到鼠标点击元素时的坐标和鼠标移动以后释放时的鼠标的坐标。 1.点击元素事件处理，确定移动元素和鼠标的位置。用鼠标事件中的onmousedown方法获取鼠标点击元素时的坐标。 2.鼠标移动时的事件处理。用鼠标阅读全文

posted @ 2016-10-05 16:44 youyi2016 阅读(254) 评论(0) 推荐(0)

再次理解javascript中的事件

摘要：一、事件流的概念 + 事件流描述的是从页面中接收事件的顺序。二、事件捕获和事件冒泡 + 事件冒泡接收事件的顺序： + 事件捕获接收事件顺序： + IE中的事件流叫事件冒泡，IE中没有事件捕获，所有浏览器都支持事件冒泡（IE9、opera、safari、chrome、Firefox支持事件捕获，老版阅读全文

posted @ 2016-10-04 21:51 youyi2016 阅读(322) 评论(0) 推荐(0)

javascript中的变量、执行环境、作用域

摘要：阅读全文

posted @ 2016-08-25 16:12 youyi2016 阅读(126) 评论(0) 推荐(0)

<<编写可维护的JavaScript>>之避免使用全局变量

摘要：一、避免全局变量的理由 js中避免创建全局变量一是避免命名冲突，二是避免因为创建全局变量让代码变得脆弱，三是创建全局变量会让代码难以测试。二、避免创建全局变量的几种方法阅读全文

posted @ 2016-08-19 19:37 youyi2016 阅读(229) 评论(0) 推荐(0)

JavaScript中的继承模式总结（九）

摘要：一、总结： es6中通过extends实现继承 es5和es6实现继承的区别：es5主要是先创建子类的实例对象的this，然后再将父类方法添加到this上；而es6相反，所以在子类构造函数中必须先调用super，将父类实例对象的属性和方法添加到this上，然后再用子类的构造函数修改this。阅读全文

posted @ 2016-08-18 15:56 youyi2016 阅读(264) 评论(0) 推荐(0)

JavaScript中的继承（原型链）

摘要：一、原型链 ECMAScript中将原型链作为实现继承的主要方法,基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法. 实例1：原理分析： javascript中继承的原理是通过原型让一个引用类型继承另一个引用类型的属性和方法,当一个原型对象等于一个引用类型的实例(就如同将一个对象赋值阅读全文

posted @ 2016-08-16 21:08 youyi2016 阅读(474) 评论(0) 推荐(0)

Javascript中函数的四种调用方式

摘要：一、Javascript中函数的几个基本知识点： 1.函数的名字只是一个指向函数的指针,所以即使在不同的执行环境,即不同对象调用这个函数，这个函数指向的仍然是同一个函数。 2.函数中有两个特殊的内部属性：arguments和this. arguments主要是用来保存函数参数,arguments中的阅读全文

posted @ 2016-08-15 21:47 youyi2016 阅读(6467) 评论(0) 推荐(0)

apply()和call()的区别

摘要：这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值. apply()接收两个参数：一个参数是在其中运行的作用域,另一个是参数数组(可以是Array实例,也可以是arguments对象). 实例： call()方法,第一个参数和apply()一样,是在其中运行的作用域阅读全文

posted @ 2016-08-15 17:34 youyi2016 阅读(1764) 评论(0) 推荐(0)

Una

公告

随笔分类 - ES5