随笔分类 - JavaScript
摘要:一. 文档对象 1.1 显示文档中所有cookie的名称/值 <!DOCTYPE html> <html> <body> <p id="demo">Click the button to display the cookies associated with this document.</p> <
阅读全文
摘要:目录: 一. JavaScript能做什么? 二. 在哪里插入JavaScript 三. JavaScript输出 四. JavaScript语法 五. JavaScript语句 六. JavaScript注释 七. JavaScript变量 八. JavaScript算术 九. JavaScrip
阅读全文
摘要:一. 作用域 var 可以是全局变量,在任何文件都可以用 //1. var a = 12345; // 全局变量 ,具备全局作用域 b=123; // 这个是作为window的属性在使用,具备全局作用域 //2. 说明 function test(){ ab = 45 } test() //没有使用
阅读全文
摘要:1.学习体系 2.环境准备 工具准备 安装node,去node官网下载安装。 通过es10-cli 脚手架搭建ES环境 Windows电脑(建议使用cnpm) npmnpm install es10-cli -ges10-cli create projectNamecd ./projectNamen
阅读全文
摘要:目前主流的Web开发模式有两种,分别是: 1.基于服务端渲染的传统Web开发模式 2.基于前后端分离的新型Web开发模式 1. 服务器端渲染的Web开发模式 服务端渲染的概念:服务器发送给客服端的HTML,是在服务器通过字符串的凭借,动态生成的。因此,客服端不需要使用Ajax这样的技术额外请求页面数
阅读全文
摘要:JQuery $(window).resize(function () { //当浏览器大小变化时 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(docum
阅读全文
摘要:1.当我们查找一个变量时,真实的查找路径是沿着作用域链来查找 案例: 2.跟它的定义位置有关系,跟调用位置没关系,输出Hello Global. 3.变量环境和记录 4.案例面试题 面试题一 打印出200 面试题二 输入undefined,和200 第三题面试题 没写var,浏览器直接放到全局了 第
阅读全文
摘要:1.JavaScript是一门高级的编程语言。 有高级编程语言,就有低级编程语言,从编程语言发展历史来说,可以划分三个阶段: 机器语言:10001000111,一些机器指令; 汇编语言:mov ax ,bx,一些汇编指令; 高级语言:C、C++、Java、Javascript、Python 但是计算
阅读全文
摘要:ES6的内置对象扩展 String 的扩展方法 1. 模板字符串 ES6新增的创建字符串的方式,使用反引号定义。 模板字符串中可以解析变量。 模板字符串中可以换行。 在模板字符串中可以调用函数。 2. 实例方法:starsWith()和endsWith() startsWith():表示参数字符串是
阅读全文
摘要:1. 构造函数方法:Array.from() 将类数组或可遍历对象转换为真正的数组 1.2 方法还可以接受第二个参数,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。 2. 实例方法: find() 用于找出第一个符合条件的数组成员,如果没有找到返回undefined
阅读全文
摘要:1. 剩余参数 剩余参数语法允许我们将一个不定数量得参数表示为一个数组。 1.1 剩余参数和解构配合使用 s2接受剩余得数组 1.2 Array的扩展方法 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为逗号分隔的参数序列。 扩展运算符可以应用于合并数组。 方法一 方法二 1.3 将类数组或
阅读全文
摘要:箭头函数 箭头函数是用来简化函数定义语法的 ES6中新增的定义函数的方式。 函数体中只有一句代码,且代码的执行结果就是返回值,可以省略大括号 如果形参只有一个,可以省略小括号 1.1 箭头函数中的this关键字 箭头函数不绑定this关键字,箭头函数中的this,指向的是函数定义位置的上下文this
阅读全文
摘要:解构赋值 ES6中允许从数组中提取,按照对应位置,对变量赋值。对象也可以实现解构。 数组结构 数组解构允许我们按照一一对应的关系从数组中提取然后将值赋值给变量 如果解构不成功,变量的值为undefined. 1.1 对象解构 对象解构允许w偶们使用变量的名字匹配对象的属性,匹配成功将对象属性的值赋值
阅读全文
摘要:ES6简介 ES6的全程是ECMAScript,它是由ECMA国际标准化组织,制定的一项脚本语言的标准化规范。 每年发布一次,按年份,版本号改为年后。 ES6实际是一个泛指,泛指ES2015及后续的版本。 为什么使用ES6? 每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本
阅读全文
摘要:正则表达式的作用 简单的正则表达式 表达式对表单进行验证 使用正则表达式替换内容 1.什么是正则表达式 正则表达式用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。 正则表通常被用来检索、替换那些符合某模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母,数字或者
阅读全文
摘要:递归 1.什么是递归 如果一个函数在内部可以调用其本身,那么这个函数就是递归函数。 简单理解:函数内部自己调用自己,这个函数就是递归函数 递归函数的作用和循环效果一样 由于递归很容易发生“栈溢出”错误(stack overflow),所有必须要加退出条件。 案例 利用递归1-n阶乘 利用递归求斐波那
阅读全文
摘要:1.变量作用域 变量根据作用域的不同分为两种: 全局变量和局部变量 1.函数内部可以使用全局变量。 2.函数外部不可以使用局部变量 3.当函数执行完毕,本作用域内的局部变量会销毁。 1.2什么是闭包 闭包(closure)指有权访问另一个函数作用域中变量的函数。 简单理解就是,一个作用域可以访问另外
阅读全文
摘要:学习: 函数的多种定义和调用方式 改变函数内部this的指向 严格模式的特点 把函数作为参数和返回值传递 目录: 函数的定义和调用 严格模式 高阶函数 1.函数的定义和调用 1. 函数声明方式function关键字(命名函数) 2. 函数表达式(匿名函数) 3. new Function() Fun
阅读全文
摘要:学习 1.1字符串方法 trim()方法会从一个字符串的两端删除空白字符。 trim()方法并不影响原字符串本身,它返回的是一个新的字符串。 2.对象方法 1.Object.keys()用于获取对象自身所有的属性 类似效果for...in 返回一个由属性名组成的数组 Object.definePro
阅读全文
摘要:ES5中新增的方法 数组方法 迭代(遍历)方法:forEach()、map()、filter()、some()、every(); map跟foreach、every跟some相似 currentValue:数组当前项的值 index:数组当前项的索引 arr:数组对象本身 foreach 筛选数组f
阅读全文