JS从入门到精通
包含JS入门内容及API编程、高级、ES6
解甲归田1
种一棵树最好的时间是十年前,其次是现在。
展开
-
es6-ES6概念&新增语法&内置对象拓展-建议收藏!
ES6语法目标能够说出使用let关键字声明变量的特点能够使用解构赋值从数组中提取值能够说出箭头函数拥有的特性能够使用剩余参数接收剩余的函数参数能够使用拓展运算符拆分数组能够说出模板字符串拥有的特性ES6相关概念(★★)什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。为什么使用 ES6 ?每一次标准...原创 2020-02-20 15:15:56 · 182 阅读 · 0 评论 -
JavaScript高级-正则表达式-建议收藏
JavaScript高级1.正则表达式概述1.1什么是正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的...原创 2020-02-20 15:13:58 · 568 阅读 · 0 评论 -
JavaScript高级-函数的定义和调用-this-严格模式-高阶函数-闭包-递归-建议收藏!
JavaScript高级1.函数的定义和调用1.1函数的定义方式方式1 函数声明方式 function 关键字 (命名函数)function fn(){}方式2 函数表达式(匿名函数)var fn = function(){}方式3 new Function()var f = new Function('a', 'b', 'console.log(a + b)');...原创 2020-02-20 15:11:34 · 257 阅读 · 0 评论 -
JavaScript-构造函数和原型-继承-ES5新增方法-建议收藏
JavaScript高级1.构造函数和原型1.1对象的三种创建方式–复习字面量方式var obj = {};new关键字var obj = new Object();构造函数方式function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12...原创 2020-02-20 15:08:15 · 168 阅读 · 0 评论 -
JS高级-面向过程与面向对象-建议收藏
JavaScript高级1.面向过程与面向对象1.1面向过程面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。1.2面向对象面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。1.3面向过程与面向对象对比面向过程面向对象优点性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机...原创 2020-02-20 15:04:29 · 213 阅读 · 0 评论 -
WebAPIs-触屏事件、classlist属性、click延时解决方案、移动端常用开发插件、本地存储,建议收藏!
** Web APIs**学习目标:能够写出移动端触屏事件能够写出常见的移动端特效能够使用移动端开发插件开发移动端特效能够使用移动端开发框架开发移动端特效能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 ...原创 2020-02-19 18:09:01 · 210 阅读 · 0 评论 -
WebAPIs-动画封装函数、网页轮播图、返回顶部、筋头云案例、触屏事件-移动端拖动元素,建议收藏
Web APIs学习目标:能够封装简单动画函数能够理解缓动动画的封装能够使用动画函数能够写出网页轮播图案例能够写出移动端触屏事件1.1. 动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路:让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。核心算法: (目标值 - 现在的位置) / 10 做为每次移...原创 2020-02-19 18:01:40 · 192 阅读 · 0 评论 -
WebAPIs-元素偏移量offset系列、元素可视区client系列、元素滚动scroll系列、动画函数封装,建议收藏!
Web APIs学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数1.1. 元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定...原创 2020-02-19 17:56:38 · 235 阅读 · 0 评论 -
WebAPIs- 常用的键盘事件、BOM、JS执行机制,建议收藏!
Web APIs学习目标:能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用history提供的方法实...原创 2020-02-19 17:47:31 · 247 阅读 · 0 评论 -
WebAPIs-节点操作、DOM核心总结、事件高级、常用鼠标事件,建议收藏!【案例】给你的鼠标添加个可爱的小老鼠吧
Web APIs学习目标:能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点node.remove...原创 2020-02-19 17:29:15 · 251 阅读 · 0 评论 -
WebAPIs-排他思想操作-自定义属性-节点操作,建议收藏
Web APIs学习目标:能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createElement创建页...原创 2020-02-19 17:08:25 · 841 阅读 · 0 评论 -
WebAPIs-DOM、获取元素、事件基础、操作元素,建议收藏!
Web APIs学习目标:能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性1.1. Web API介绍1.1.1 API的...原创 2020-02-19 16:57:17 · 442 阅读 · 0 评论 -
JavaScript基础06-内置对象-math对象、日期对象、数组对象、字符串对象、简单数据类型及复杂数据类型,建议收藏!
JavaScript基础1 - 内置对象1.1 内置对象 JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),内置对...原创 2020-02-19 16:44:26 · 220 阅读 · 0 评论 -
JavaScript基础05-作用域及对象,建议收藏!
JavaScript基础1 - 作用域1.1 作用域概述通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。JavaScript(es6前)中的作用域有两种:全局作用域局部作用域(函数作用域)1.2 全局作用域作用于所有代码执行的环境(整个 s...原创 2020-02-19 16:17:14 · 133 阅读 · 0 评论 -
JavaScript基础04 - 数组-函数-建议收藏!
JavaScript基础1 - 数组1.1 数组的概念数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。1.2 创建数组JS 中创建数组有两种方式:利用 new 创建数组var 数组名 = new Array() ;var a...原创 2020-02-19 16:13:28 · 164 阅读 · 0 评论 -
JavaScript基础03-循环,代码规范。建议收场!
JavaScript基础1 - 循环1.1 for循环语法结构for(初始化变量; 条件表达式; 操作表达式 ){ //循环体}名称作用初始化变量通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数。条件表达式用于确定每一次循环是否能被执行。如果结果是 true 就继续循环,否则退出循环。...原创 2020-02-19 16:10:19 · 208 阅读 · 0 评论 -
JavaScript基础02-运算符(操作符)、流程控制,建议收藏!
JavaScript基础1 - 运算符(操作符)1.1 运算符的分类运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有:算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2 算数运算符算术运算符概述概念:算术运算使用的符号,用于执行两个变量或值的算术运算。浮点数的精度...原创 2020-02-19 16:06:52 · 184 阅读 · 0 评论 -
JavaScript基础01-变量及数据类型,建议收藏!
JavaScript基础1 - 编程语言1.1 编程编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。1.2 计算机语言计算机语言指用于人与计算机之间通讯的语言,它是人与计算机...原创 2020-02-19 15:59:54 · 315 阅读 · 0 评论