JavaScript学习
关注
分享
扫一扫
小周日记
使用该博客来使自己自律的学习，希望大家可多多交流关于学习计算机语言的心得体会，让我们快速的成长。
展开
-
03.JS进阶——闭包
文章目录目录文章目录1.案例说明2.了解闭包3.常见的闭包4.闭包的作用5.闭包的生命周期6.闭包的应用__自定义JS模块17.闭包的应用__自定义JS模块28.闭包的缺点以及解决9.面试题02（练习）10.面试题111.面试题2总结1.案例说明function myModule(){ //私有数据 var msg = 'my atguigu' //操作数据的函数 function doSomething(){ //换...原创 2021-03-28 15:10:24 · 108 阅读 · 0 评论 -
02.JS的进阶——原型与原型链与作用域与变量提升
文章目录目录文章目录1.原型prototype2.显示原型链和隐式原型链3.原型链4.原型链的属性问题5.原型链的补充6.探索instanceof7.面试常问8.变量提升与函数执行9.执行上下文10.执行上下文栈11.执行上下文212.面试题13.作用域14.作用域与上下文15.作用域链16.作用域面试题17.作用域面试题218.引入总结1.原型prototype<!DOCTYPE html>...原创 2021-03-28 15:01:24 · 206 阅读 · 0 评论 -
01.JS的进阶——基础总结与深入
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录1.数据类型2.数据类型23.数据_变量_内存14.数据_变量_内存25.数据_变量_内存36.数据_变量_内存47.数据_变量_内存58.对象9.对象210.函数11.回调函数12.IIFE立即执行函数13.函数中的this总结1.数据类型<!DOCTYPE html><html> <head> <meta cha.原创 2021-03-28 14:50:06 · 131 阅读 · 0 评论 -
19.JS基础的学习——19day
文章目录1.轮播图的练习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } /* * 设置outer的样式 */ #outer{ .原创 2021-03-27 21:33:14 · 175 阅读 · 0 评论 -
18.JS轮播图的实现
1.tool.js工具类function getStyle(obj , name){ if (window.getComputedStyle) { //正常浏览器的方式，具有getComputedStyle()方法 return getComputedStyle(obj,null)[name]; }else{ //IE8的方式 return obj.currentStyle[name]; } } /* * 当龟兔赛跑原创 2021-03-27 18:44:31 · 206 阅读 · 0 评论 -
17.JS基础的学习——17day
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档1.轮播图的实现<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #outer{ width:.原创 2021-03-27 18:39:51 · 200 阅读 · 0 评论 -
16.JS基础的学习——16day
文章目录目录1.BOM的基本概念（对浏览器的操作）2.History和Location3.方向键控制盒子的移动4.定时器简介5.轮播图的实现6.延时调用7.定时器的应用18.定时器的应用2向右9.定时器的练习答案10.定时器的应用111.定时器的应用212.测试练习1.BOM的基本概念（对浏览器的操作）<!DOCTYPE html><html> <head> <meta charset..原创 2021-03-27 18:32:52 · 132 阅读 · 0 评论 -
15.JS的基础学习——15day
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录1.鼠标滚轮事件2.键盘事件3.方向键控制盒子移动练习4.滚轮事件总结1.鼠标滚轮事件<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #box1{ widt原创 2021-03-27 17:43:06 · 136 阅读 · 0 评论 -
14.JS基础的学习——14day
1.div随着鼠标移动<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box1{ width: 150px; height: 150px; ...原创 2021-03-27 16:47:38 · 106 阅读 · 0 评论 -
13.JS的基础学习——13day
目录1.练习tr标签的修改12.练习的修改23.执行顺序导致超出索引4.使用DOM修改CSS样式表5.读取当前CSS的元素的样式6.其他样式的操作属性7.其他样式的操作属性练习8.小练习同意书9.事件对象答案10.事件对象浏览器兼容总结1.练习tr标签的修改1（添加删除记录练习）<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/...原创 2021-03-27 16:39:52 · 135 阅读 · 0 评论 -
12.JS基础的练习——12day
目录1.DOM查询练习2.全选练习3.全选练习答案4.DOM查询补充5.DOM的增删改查6.DOM的增删改查练习7.练习总结1.DOM查询练习<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" .原创 2021-03-27 16:26:53 · 147 阅读 · 0 评论 -
11.JS基础的学习——11day
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录1、DOM宿主对象（环境or浏览器提供的对象）2、事件的简介3、文档流的加载4、文档流的加载25、DOM查询6、DOM查询练习7、DOM查询8、轮播图的实现1、DOM宿主对象（环境or浏览器提供的对象）<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <..原创 2021-03-27 16:18:06 · 167 阅读 · 0 评论 -
10.JS基础的学习——10day
目录1.正则表达式的简介2.正则表达式的语法3.字符串和正则表达式的方法4.正则表达式的语法5.正则表达式的语法6.电子邮件正则表达式的使用以及编写总结1.正则表达式的简介<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascrip.原创 2021-03-26 23:12:44 · 109 阅读 · 0 评论 -
9.JS基础的学习——09day
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档1.函数的call和apply<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> /* * call()和apply() * - 这两方法.原创 2021-03-26 23:03:18 · 109 阅读 · 0 评论 -
8.JS的基础学习——08day
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录1.数组的简介2.数组的字面量3.数组的4个方法4.数组的遍历5.重写数组的练习6.forEach的使用7.数组的方法slice和splice8.数组的去重练习9.数组的剩余方法总结1.数组的简介<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <tit..原创 2021-03-26 22:56:07 · 281 阅读 · 0 评论 -
7.JS的基础学习——07day
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录1.工厂对象的缺点2.构造函数3.构造函数的修改4.原型对象15.原型对象26.toString的使用7.垃圾回收总结1.工厂对象的缺点<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <...原创 2021-03-26 22:40:46 · 249 阅读 · 0 评论 -
6.JS基础的学习——06day
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录1.全局作用域（Scope）2.变量的提前声明3.函数的（局部）作用域4.debug的使用5.函数的练习6.this的使用7.this的补充说明8.使用方法创建工厂9.test总结1.全局作用域（Scope）<!DOCTYPE html><html> <head> <meta charset="utf-8" /> .原创 2021-03-26 21:21:48 · 210 阅读 · 0 评论 -
5.JS基础的学习——05day
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录1.break和continue的使用2.质数的补充练习3.对象的简介4.属性名和属性值5.基本数据类型和引用数据类型6.对象字面量7.函数8.函数的返回值类型9.立即执行函数10.对象（方法）11.枚举类型对象中的属性总结1.break和continue的使用<!DOCTYPE html><html> <head> &..原创 2021-03-26 20:46:20 · 397 阅读 · 0 评论 -
4、JS的基础学习——04day
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录1.for循环2.for循环练习3.练习求质数4.完整的质数练习5.or循环的嵌套99乘法表6.for循环的嵌套7.for循环的三角形练习8.把所有的练习打一遍包括新找的9.所有练习下总结1.for循环<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title.原创 2021-03-26 20:34:47 · 112 阅读 · 0 评论 -
3.JS基础学习——03day
文档目录 流程控制语句 if语句 if语句的练习 if语句求三个数从小到大 条件分支语句 switch语句练习1 switch语句练习2 循环语句 while循环 循环语句的练习 1.流程控制语句<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script ...原创 2021-03-26 19:47:32 · 122 阅读 · 0 评论 -
2.JS的基础学习——02day
1.js中的进制使用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var a =123; /* 在js中，如果需要表示16进制的数字，则需要0x开头 * 如果需要表示8进制的数字，则需要0开头 * 如果显示表示2原创 2021-03-26 12:30:04 · 80 阅读 · 0 评论 -
1.介绍JS的基本概念——day01
1.JavaScript是一种专为与网页交互而设计的脚本语言，（由三个不同的部分组成）a、ECMAScript提供核心语言功能；b、文档对象模型（DOM），提供访问和操作网页内容的方法和接口（也就是：整个html为一个文档，DOM提供的方法和接口可以对网页进行操作）c、浏览器对象模型（BOM），提供与浏览器交互的方法和接口。（这个是对浏览器）2.三条输出语句<!DOCTYPE html><html> <head> <meta charset="ut原创 2021-03-26 11:21:28 · 168 阅读 · 0 评论