JS学习笔记
关注
分享
扫一扫
2019年3月开始接触前端工程师学习，JS知识点比较多，为了方便自己回顾，特整理此笔记，如果能对大家有稍许帮助，那就更好了！！！欢迎大家互相交流学习。
恋风（微信）
前端工程师菜鸟，欢迎交流学习！
展开
-
JS学习第三周总结
1.日期对象内置对象，JS中有很多内置对象 Math Array Date Vuevar date=new Date();// 调用的是系统时间，如果运行程序的电脑时间改了，获取到的时间也会跟着变getTime，获得到的毫秒数1秒等于1000毫秒从1970年至今的毫秒数2038年问题getFullYear，获取年份 当前年份getMonth，获取月份 0-11月getDa...原创 2019-04-07 19:51:55 · 355 阅读 · 0 评论 -
JS学习第十四天总结
1.复习回顾让一个盒子向右运动相对定位：相对于元素自身所在位置。缓动公式：leader=leader+(target-leader)/10;无缝滚动图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <...原创 2019-04-07 19:23:31 · 207 阅读 · 0 评论 -
JS学习第十二天总结
1.昨天内容回顾内置对象日期对象 Date();必须通过new才能使用get.time(); 获取的是从1970年1月1日开始到现在的毫秒数年月日时分秒、星期的获取案例练习：简单的日历 年月日星期的获取数字时钟 时分秒的获取倒计时 距离未来某个时间还有多少天多少小时多少分钟多少秒钟表案例 用到了定时器 CSS3中的旋转 度数计算定时器setInterval（...原创 2019-04-02 21:24:55 · 172 阅读 · 0 评论 -
JS学习第十一天总结
1.日期对象内置对象，JS中有很多内置对象 Math Array Date Vuevar date=new Date();// 调用的是系统时间，如果运行程序的电脑时间改了，获取到的时间也会跟着变getTime，获得到的毫秒数1秒等于1000毫秒从1970年至今的毫秒数2038年问题getFullYear，获取年份 当前年份getMonth，获取月份 0-11月getDa...原创 2019-04-01 21:28:19 · 146 阅读 · 0 评论 -
JS学习第二周总结
1.上周内容回顾多个script标签，一个报错，另一个还是会继续执行。多个window.onload入口函数，后面的会覆盖前面的，最终只会执行一个。函数：可以重复使用的代码块的封装。函数三种创建方式：函数声明式、函数表达式、Function——构造函数。变量声明提升：JS执行前会预解析，将变量声明提升到最前面。2.函数参数注意点一：function fun(a,b,c){...原创 2019-03-30 09:30:18 · 452 阅读 · 0 评论 -
JS学习第十天总结
1.复习回顾DOM文档对象模型（Document Object Model）节点，整个文档都是节点。元素、属性、文本、注释都是节点。节点关系，父节点parentNode；子节点first/lastChild（IE6、7、8专用）、firstElementChild、lastElementChild；next/previousSibling（IE6、7、8专用）、nextElementSib...原创 2019-03-29 18:50:43 · 160 阅读 · 0 评论 -
JS学习第九天总结
1.昨天内容复习排它思想上来先干掉所有元素的样式，然后在给自己添加样式自定义属性换行会增加宽度数组方法pushpopunshiftshiftjoin();把数组转成字符串splice();涵盖了slice功能，记这个就行了字符串转数组，split(‘字符串中符号’)，符号必须统一;2.昨天作业讲解基础版：<!DOCTYPE html>...原创 2019-03-28 21:37:43 · 281 阅读 · 0 评论 -
JS学习第七天总结
1.昨天内容复习焦点事件得到焦点onfocus失去焦点onblurthis关键字，指的是事件的调用者value，获取表单的内容className，添加类名innerHTML，修改元素内容focus()，自动获得焦点的方法select()，表单选择内容2.for循环复习回顾3.获得元素的方式通过Id获取元素，document.getElementById();...原创 2019-03-26 22:10:51 · 218 阅读 · 0 评论 -
Js自学day6
1.JS组成部分核心ECMAScript，由ECMA-262定义，提供核心语言功能。文档对象模型DOM，提供访问和操作网页内容的方法和接口。浏览器对象模型BOM，提供和浏览器交互的方法和接口。2.ECMAScript组成部分语法类型语句关键字保留字操作符对象3.文档对象模型文档对象模型（DOM，Document Object Model）是针对XML但经过扩展用于...原创 2019-03-25 20:11:17 · 143 阅读 · 0 评论 -
JS学习第六天总结
1.多js标签问题多个script标签，一个报错，另一个还是会继续执行。多个window.onload入口函数，后面的会覆盖前面的，最终只会执行一个。2.复习回顾函数：可以重复使用的代码块的封装。函数三种创建方式：函数声明式、函数表达式、Function——构造函数。变量声明提升：JS执行前会预解析，将变量声明提升到最前面。3.函数参数注意点一：function fu...原创 2019-03-25 20:10:19 · 169 阅读 · 0 评论 -
JS自学day5
1.函数的声明和调用JavaScript是一种描述型脚本语言，由浏览器进行动态的解析与执行。函数的定义方式大体有以下两种，浏览器对于不同的方式有不同的解析顺序。代码如下:复制代码 代码如下://“定义式”函数定义 function Fn1(){ alert("Hello World!"); } //“赋值式”函数定义 var Fn2 = function(){ alert(...原创 2019-03-22 22:14:08 · 142 阅读 · 0 评论 -
JS自学day4
1.使用Date（）方法来返回今天的日期和时间document.write(Date());// 返回 Fri Mar 22 2019 11:51:04 GMT+0800 (中国标准时间)2.使用getTime（）计算从1970年到今天有多少事件var d=new Date();document.write("从1970/01/01至今已有"+d.getTime()+"毫秒。");/...原创 2019-03-22 22:13:36 · 129 阅读 · 0 评论 -
JS学习第一周总结
前段三层HTML 结构层CSS 样式层JavaScript 行为层1.JS能做什么？嵌入动态文本于HTML页面。对浏览器事件作出反应。读写HTML元素在数据被提交到服务器之前验证数据。检测访客的浏览器信息。基于Node.js技术进行服务器端编程。2.JS简介JavaScript是一种直译式脚本语言，是一种动态型、弱类型、基于原型的语言。基本特点：是一种解释性脚...原创 2019-03-22 22:11:29 · 632 阅读 · 0 评论 -
JS学习第五天总结
1.函数到底是什么？可以重复调用的代码块。可以单独写在JS文件中，需要时最是调用。2.函数的创建方式函数声明式function fun(){ console.log("helloWorld");}fun();fun函数名，代表整个函数fun（）代表函数的调用函数表达式var func=function(){ console.log("helloW...原创 2019-03-22 22:10:49 · 223 阅读 · 0 评论 -
JS学习第四天总结
1.函数复习函数是JS的一等功公民（皇室成员）函数的基本语法 function 函数名（参数1，参数2）{代码块}第一步 声明函数第二部调用函数 可以多次调用函数的返回值 return关键字return后面不要写代码了，是不会执行的加了return就有返回值，就可以接收并使用这个返回值2.JS的作用完成网页中一些常见的动效（轮播图、tab栏）和用户进行交互...原创 2019-03-22 22:10:07 · 216 阅读 · 0 评论 -
JS自学day3
1.创建新的HTML元素如果需要向HTML DOM添加新元素，必须先创建该元素（元素节点），然后向一个已存在的元素追加该元素。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body&...原创 2019-03-20 20:08:53 · 213 阅读 · 0 评论 -
JS学习第三天总结
1.复习昨天内容布尔类型Boolean 取值就两种 true false不像Number包括很多种（数字、Ifinity，NaN等都是Number类型）关系运算符< > <= >= == === != !==console.log(2<3<5);// 返回trueconsole.log(2<3<1);// 返回false...原创 2019-03-20 20:07:53 · 246 阅读 · 0 评论 -
JS自学day2
1.正则表达式RegExp对象用于规定在文本中检索的内容。定义RegExp通过new关键字来定义RegExp对象。var part1=new RegExp("e");定义了名为part1的RegExp对象，其模式是"e"。当使用该RegExp对象在一个字符串中检索时，寻找的是字符"e"。RegExp对象的方法test（）方法检索字符串中的指定值，返回值是true或者fals...原创 2019-03-19 21:10:49 · 224 阅读 · 0 评论 -
JS学习第二天总结
1.昨天作业总结一定要牢记，使用prompt()接收到的数据是字符串型的，要做算术运算，要先使用parseInt()转换成数值型，才能进行操作。2.新的数据类型-布尔Boolean昨天已经说了两种基本数据类型：Number（数值类型） 控制台显示蓝色 NaN是数值类型String（字符串类型） 控制台显示黑色今天再说一种：Boolean（布尔），他只有两个值true（真）fals...原创 2019-03-19 21:09:51 · 540 阅读 · 0 评论 -
JS自学day1
1. script元素在使用script嵌入JavaScript代码时，记住不要在代码中的任何地方出现"/script"字符串，负责会引发错误。例如下面的代码，执行时就会出现错误。<script> function sayScript(){ alert("</script>"); }</script>如果需要引入外部JS文件，那么src属...原创 2019-03-18 22:05:54 · 411 阅读 · 0 评论 -
JS第一天学习总结
前段三层HTML 结构层CSS 样式层JavaScript 行为层学习网站：廖雪峰官方网站1.JS能做什么？嵌入动态文本于HTML页面。对浏览器事件作出反应。读写HTML元素在数据被提交到服务器之前验证数据。检测访客的浏览器信息。基于Node.js技术进行服务器端编程。2.JS简介JavaScript是一种直译式脚本语言，是一种动态型、弱类型、基于原型的语言。基...原创 2019-03-18 20:36:01 · 380 阅读 · 0 评论