随笔分类 -  javascript

摘要:Array 的扩展方法(★★) 扩展运算符(展开语法)... 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 let ary = [1, 2, 3]; ...ary // 1, 2, 3 此参数序列的逗号在console.log() 中被视为参数分隔符,不打印出来(log方法可打印多个参数,参 阅读全文
posted @ 2020-10-16 22:12 星辰ꦿ.大海 阅读(99) 评论(0) 推荐(0)
摘要:什么是ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6实际上是一个泛指,泛指ES2015及后续的版本。 为什么使用 ES6 ? 每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的 阅读全文
posted @ 2020-10-16 22:10 星辰ꦿ.大海 阅读(188) 评论(0) 推荐(0)
摘要:1.1什么是正则表达式 正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。 正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中 阅读全文
posted @ 2020-10-15 16:47 星辰ꦿ.大海 阅读(194) 评论(0) 推荐(0)
摘要:1.什么是递归 递归:如果一个函数在内部可以调用其本身,那么这个函数就是递归函数。 简单理解:函数内部自己调用自己, 这个函数就是递归函数 注意:递归函数的作用和循环效果一样,由于递归很容易发生“栈溢出”错误(stack overflow),所以必须要加退出条件return。 2.利用递归求1~n的 阅读全文
posted @ 2020-10-14 23:19 星辰ꦿ.大海 阅读(189) 评论(0) 推荐(0)
摘要:1、高阶函数 高阶函数是对其他函数进行操作的函数,它接收函数作为参数或将函数作为返回值输出。 此时fn 就是一个高阶函数 函数也是一种数据类型,同样可以作为参数,传递给另外一个参数使用。最典型的就是作为回调函数。 同理函数也可以作为返回值传递回来 2、闭包 2.1变量的作用域复习 变量根据作用域的不 阅读全文
posted @ 2020-10-14 21:11 星辰ꦿ.大海 阅读(366) 评论(0) 推荐(0)
摘要:1.什么是严格模式 JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式,即在严格的条件下运行 JS 代码。 严格模式在 IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。 严格模式 阅读全文
posted @ 2020-10-14 21:07 星辰ꦿ.大海 阅读(254) 评论(0) 推荐(0)
摘要:1.函数内部的this指向 这些 this 的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同 一般指向我们的调用者. 2.改变函数内部 this 指向 JavaScript为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部 this的指向问题,常用的有bind() 阅读全文
posted @ 2020-10-14 21:06 星辰ꦿ.大海 阅读(134) 评论(0) 推荐(0)
摘要:1.1函数的定义方式 方式1 函数声明方式 function 关键字 (命名函数) function fn(){} 方式2 函数表达式(匿名函数) var fn = function(){} 方式3 new Function( '参数1', '参数2',' 函数体'); var f = new Fu 阅读全文
posted @ 2020-10-14 21:02 星辰ꦿ.大海 阅读(221) 评论(0) 推荐(0)
摘要:迭代(遍历)方法: forEach()、map()、 filter()、 some()、 every() ; map()和forEach()相似,some()和every()相似 1.数组方法forEach遍历数组 array. forEach ( function (currentValue, i 阅读全文
posted @ 2020-10-13 23:36 星辰ꦿ.大海 阅读(116) 评论(0) 推荐(0)
摘要:1.call() ES6之前并没有给我们提供extends继承。我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承 调用这个函数并且修改函数运行时的this指向 fun. call (thisArg, arg1, arg2, ...) thisArg : 当前调用函数this的指向对象 ar 阅读全文
posted @ 2020-10-13 22:25 星辰ꦿ.大海 阅读(88) 评论(0) 推荐(0)
摘要:1.概述: 在典型的OOP的语言中(如Java) , 都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前, JS中并没用引入类的概念。 ES6,全称ECMAScript6.0 , 2015.06发版。但是目前浏览器的JavaScript是ES5版本,大多数高版本的浏 览器也支持ES6 阅读全文
posted @ 2020-10-11 23:08 星辰ꦿ.大海 阅读(241) 评论(0) 推荐(0)
摘要:1、功能需求 点击 tab栏,可以切换效果. 点击 + 号, 可以添加 tab 项和内容项. 点击 x 号, 可以删除当前的tab项和内容项. 双击tab项文字或者内容项文字可以修改里面的文字内容 抽象对象: Tab对象 该对象具有切换功能 该对象具有添加功能 该对象具有删除功能 该对象具有修改功能 阅读全文
posted @ 2020-10-11 18:14 星辰ꦿ.大海 阅读(214) 评论(0) 推荐(0)
摘要:面向对象 面向对象更贴近我们的实际生活,可以使用面向对象描述现实世界事物,但是事物分为具体的事物和抽象的事物 手机 抽象的(泛指的) 荣耀p30 具体的(特指的) 面向对象的思维特点: 抽取(抽象)对象共用的属性和行为组织(封装)成一个类(模板) 对类进行实例化,获取类的对象 面向对象编程我们考虑的 阅读全文
posted @ 2020-10-09 19:43 星辰ꦿ.大海 阅读(163) 评论(0) 推荐(0)
摘要:1、面向过程POP(Process-oriented programming) 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 2、面向对象OOP (Object Oriented Programming) 面向对象是把事务分解成为 阅读全文
posted @ 2020-10-09 19:34 星辰ꦿ.大海 阅读(207) 评论(0) 推荐(0)
摘要:案例分析: 当我们滚动到 今日推荐 模块,就让电梯导航显示出来 点击电梯导航页面可以滚动到相应内容区域 核心算法:因为电梯导航模块和内容区模块一一对应的 当我们点击电梯导航某个小模块,就可以拿到当前小模块的索引号 就可以把animate要移动的距离求出来:当前索引号内容区模块它的offset().t 阅读全文
posted @ 2020-10-09 11:26 星辰ꦿ.大海 阅读(526) 评论(0) 推荐(0)
摘要:jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。 1. jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。 语法 代码演示 <body> <div></div> <script> $(functi 阅读全文
posted @ 2020-10-09 08:35 星辰ꦿ.大海 阅读(212) 评论(0) 推荐(0)
摘要:1、案例介绍 文本框里面输入内容,按下回车,就可以生成待办事项。 点击待办事项复选框,就可以把当前数据添加到已完成事项里面。 点击已完成事项复选框,就可以把当前数据添加到待办事项里面。 但是本页面内容刷新页面不会丢失。 2、toDoList 分析 刷新页面不会丢失数据,因此需要用到本地存储 loca 阅读全文
posted @ 2020-10-08 16:53 星辰ꦿ.大海 阅读(416) 评论(0) 推荐(0)
摘要:jQuery 功能比较有限,想要更复杂的特效效果,可以借助于 jQuery 插件完成。 注意:这些插件也是依赖于jQuery来完成的,所以必须要先引入jQuery文件,因此也称为 jQuery 插件。 jQuery 插件常用的网站: jQuery 插件库 http://www.jq22.com/ j 阅读全文
posted @ 2020-10-08 16:30 星辰ꦿ.大海 阅读(194) 评论(0) 推荐(0)
摘要:1. jQuery 事件对象 jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。 语法 演示代码 <body> <div></div>​ <script> $(function() { $(document).on(" 阅读全文
posted @ 2020-10-07 20:57 星辰ꦿ.大海 阅读(135) 评论(0) 推荐(0)
摘要:1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制,操作优缺点如下: 优点: 操作简单,且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托,且无法实现事件解绑,需要借助其他方法。 语法 演示代码 <body> <div></div> <script> $(fun 阅读全文
posted @ 2020-10-07 20:53 星辰ꦿ.大海 阅读(307) 评论(0) 推荐(0)