JavaScript语言学习
文章平均质量分 93
学习JavaScript需掌握基础知识,如变量、数据类型和控制流;进一步学习DOM操作、闭包、异步编程等进阶概念;熟悉React、Vue等框架和常用库;通过实践项目巩固所学,并不断探索新技术。持续学习、参与社区交流是提升技能的关键。耐心和毅力是学习JavaScript的重要品质,坚持学习定能掌握这门
好好学习搞钱不行吗
这个作者很懒,什么都没留下…
展开
-
第一天 - Web APIs
学习目标:能够通过ID来获取元素 能够通过标签名来获取元素 能够通过class来获取元素 能够通过选择器来获取元素 能够获取body和html元素 能够给元素注册事件 能够修改元素的内容 能够区分innerText和innerHTML的区别 能够修改像div这类普通元素的属性 能够修改表单元素的属性 能够修改元素的样式属性1.1. Web API介绍1.1.1 API的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函...原创 2021-11-28 00:09:10 · 75 阅读 · 0 评论 -
第二天 - Web APIs
学习目标:能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createElement创建页面元素1.1. 排他操作1.1.1 排他思想如果有同一组元素,我们想要某一个元素实...原创 2021-11-28 00:31:17 · 552 阅读 · 0 评论 -
第三天- Web APIs
学习目标:能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。 <b...原创 2021-11-28 00:44:08 · 66 阅读 · 0 评论 -
第四天 - Web APIs
学习目标:能够写出移动端触屏事件 能够写出常见的移动端特效 能够使用移动端开发插件开发移动端特效 能够使用移动端开发框架开发移动端特效 能够写出 sessionStorage 数据的存储以及获取 能够写出 localStorage 数据的存储以及获取 能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),...原创 2021-11-28 01:36:47 · 63 阅读 · 0 评论 -
第五天 - Web APIs
学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数1.1. 元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 ...原创 2021-11-28 01:13:11 · 61 阅读 · 0 评论 -
第六天 - Web APIs
学习目标:能够封装简单动画函数能够理解缓动动画的封装能够使用动画函数能够写出网页轮播图案例能够写出移动端触屏事件1.1. 动画函数封装1.1.1 缓动效果原理缓动动画就是让元素运动速度有所变化,最常见的是让速度慢慢停下来思路: 让盒子每次移动的距离慢慢变小,速度就会慢慢落下来。 核心算法: (目标值 - 现在的位置) /10 做为每次移动的距离步长 停止的条件是: 让当前盒子位置等于目标位置就停止定时器 注意步长...原创 2021-11-28 01:18:21 · 56 阅读 · 0 评论 -
第四天 - Web APIs
学习目标:能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用history提供的方法实现页面刷新1.1. 常用的键盘事件1.1.1 键盘事件 <script&g...原创 2021-11-28 01:03:21 · 54 阅读 · 0 评论 -
JavaScript基础第一天
1 - 编程语言1.1 编程 编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。 计算机程序: 就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。 1.2 计算机语言 计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。 计算机语言的种类非常的多,总的来说可以分成机器语言,汇编语言和高级原创 2021-11-27 21:25:21 · 80 阅读 · 0 评论 -
JavaScript基础学习第二天
1 - 运算符(操作符)1.1 运算符的分类运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.2 算数运算符 算术运算符概述 概念:算术运算使用的符号,用于执行两个变量或值的算术运算。 浮点数的精度问题 浮点数值的最高精度是 17 位小数,但在进行算术计算.原创 2021-11-27 21:44:09 · 50 阅读 · 0 评论 -
JavaScript基础第三天学习
1 - 循环1.1 for循环 语法结构 for(初始化变量; 条件表达式; 操作表达式 ){ //循环体} 名称 作用 初始化变量 通常被用于初始化一个计数器,该表达式可以使用 var 关键字声明新的变量,这个变量帮我们来记录次数。 条件表达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环,否则退出循环。 操作表达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环,否则退出循环。 执..原创 2021-11-27 23:27:45 · 65 阅读 · 0 评论 -
JavaScript基础第四天学习
1 - 数组1.1 数组的概念 数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。 数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 1.2 创建数组JS 中创建数组有两种方式: 利用 new 创建数组 var 数组名 = new Array() ;var arr = new Array(); // 创建一个新的空数组 注意 Array () ,A 要大写 .原创 2021-11-27 23:34:02 · 53 阅读 · 0 评论 -
JavaScript基础第五天学习
1 - 作用域1.1 作用域概述通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。JavaScript(es6前)中的作用域有两种: 全局作用域 局部作用域(函数作用域) 1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境,原创 2021-11-27 23:41:34 · 52 阅读 · 0 评论 -
JavaScript基础第六天学习
1 - 内置对象1.1 内置对象JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发JavaScript 提供了多个内置对象:Math、 Date 、Array、String等1.2 查文档原创 2021-11-27 23:56:36 · 61 阅读 · 0 评论 -
JavaScript高级第一天笔记
1.面向过程与面向对象1.1面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 1.2面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3面向过程与面向对象对比 面向过程 面向对象 优点 性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程。 易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统原创 2021-11-29 00:44:52 · 60 阅读 · 0 评论 -
JavaScript高级第二天笔记
1.构造函数和原型1.1对象的三种创建方式--复习1.2静态成员和实例成员字面量方式var obj = {};new关键字var obj = new Object();构造函数方式function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12);1.2.1实例成员实例成员就是构造函数内部通过this添加的成员 如下列代码中uname age sin..原创 2021-11-29 00:45:00 · 120 阅读 · 0 评论