JAVASCRIPT学习
关注
分享
扫一扫
Frank---7
从JAVA转C++失败，现在继续卷JAVA的小菜鸡一枚，希望和大家共同进步！
展开
-
JS中的map函数(会改变不是基本类型的数组的值)
1、数组的值是基本类型时，map不会改变原有数据2、数组的值是引用类型时（对象），map会修改数组的值原创 2021-07-15 15:57:53 · 13917 阅读 · 0 评论 -
TS中的泛型
/*function fn(a: any): any{ return a;}*//** 在定义函数或是类时，如果遇到类型不明确就可以使用泛型** */function fn<T>(a: T): T{ return a;}// 可以直接调用具有泛型的函数let result = fn(10); // 不指定泛型，TS可以自动对类型进行推断let result2 = fn<string>('hello'); // 指定泛型// 泛型可以原创 2021-05-21 21:34:23 · 579 阅读 · 1 评论 -
TS对象中的实例属性和静态属性
// 使用class关键字来定义一个类/** 对象中主要包含了两个部分：* 属性* 方法* */class Person{ /* * 直接定义的属性是实例属性，需要通过对象的实例去访问： * const per = new Person(); * per.name * * 使用static开头的属性是静态属性（类属性），可以直接通过类去访问 * Person.age原创 2021-05-21 16:17:34 · 2339 阅读 · 0 评论 -
js引擎执行代码的基本流程
js引擎执行代码的基本流程先执行初始化代码: 包含一些特别的代码设置定时器绑定监听发送ajax请求后面在某个时刻才会执行回调代码原创 2021-05-20 13:37:22 · 336 阅读 · 0 评论 -
JS中对象创建的五中方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_Object构造函数模式</title></head><body><!--方式一: Object构造函数模式 * 套路: 先创建空Object对象, 再动态添加属性/方法 * 适用场景: 起始时不确定对象内部数据 * 问题: 语句太多原创 2021-05-19 20:21:12 · 223 阅读 · 0 评论 -
JS中闭包的应用自定义JS模块2
/** * 自定义模块2 */(function (window) { //私有的数据 var msg = 'atguigu' var names = ['I', 'Love', 'you'] //操作数据的函数 function a() { console.log(msg.toUpperCase()) } function b() { console.log(names.join(' ')) } window.coolModule2 = {原创 2021-05-19 22:25:03 · 233 阅读 · 0 评论 -
JS中闭包的应用自定义JS模块
/** * 自定义模块1 */function coolModule() { //私有的数据 var msg = 'atguigu' var names = ['I', 'Love', 'you'] //私有的操作数据的函数 function doSomething() { console.log(msg.toUpperCase()) } function doOtherthing() { console.log(names.join(' ')) }原创 2021-05-19 22:24:58 · 287 阅读 · 0 评论 -
JS中闭包的简介
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_理解闭包</title></head><body><!--1. 如何产生闭包? * 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包2. 闭包到底是什么? * 使用chrome调试查看 * 理解一:原创 2021-05-18 21:38:38 · 205 阅读 · 1 评论 -
JS中引入闭包
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>00_引入</title></head><body><button>测试1</button><button>测试2</button><button>测试3</button><!原创 2021-05-18 21:23:24 · 348 阅读 · 1 评论 -
JS中函数和变量声明的提升
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_变量提升与函数提升</title></head><body><!--1. 变量声明提升 * 通过var定义(声明)的变量, 在定义语句之前就可以访问到 * 值: undefined2. 函数声明提升 * 通过function声明的函数原创 2021-05-18 19:45:36 · 293 阅读 · 1 评论 -
JS原型链中的属性问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04_原型链_属性问题</title></head><body><!--1. 读取对象的属性值时: 会自动到原型链中查找2. 设置对象的属性值时: 不会查找原型链, 如果当前对象中没有此属性, 直接添加此属性并设置其值3. 方法一般定义在原型中, 属原创 2021-05-18 19:02:45 · 414 阅读 · 1 评论 -
JS中函数的prototype属性和对象的__proto__属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02_显式原型与隐式原型</title></head><body><!--1. 每个函数function都有一个prototype，即显式原型2. 每个实例对象都有一个__proto__，可称为隐式原型3. 对象的隐式原型的值为其对应构造函数的显式原原创 2021-05-18 18:06:09 · 415 阅读 · 1 评论 -
JS中关于能不能加分号
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_分号问题</title></head><body><!--1. js一条语句的后面可以不加分号2. 是否加分号是编码风格问题, 没有应该不应该，只有你自己喜欢不喜欢3. 在下面2种情况下不加分号会有问题 * 小括号开头的前一条语句 *原创 2021-05-18 15:22:47 · 356 阅读 · 1 评论 -
JS中的(IIFE)(立即调用函数)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>06_IIEF</title></head><body><!--1. 理解 * 全称: Immediately-Invoked Function Expression 立即调用函数表达式 * 别名: 匿名函数自调用2. 作用 * 隐原创 2021-05-18 15:09:30 · 222 阅读 · 1 评论 -
JS中的回调函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>05_回调函数</title></head><body><button id="btn">测试点击事件</button><!--1. 什么函数才是回调函数? * 你定义的 * 你没有直接调用 * 但最终它执行了(在特原创 2021-05-18 14:59:51 · 219 阅读 · 0 评论 -
JS中的函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>04_函数</title></head><body><!--1. 什么是函数? * 具有特定功能的n条语句的封装体 * 只有函数是可执行的, 其它类型的数据是不可执行的 * 函数也是对象2. 为什么要用函数? * 提高代码复用原创 2021-05-18 14:55:59 · 224 阅读 · 0 评论 -
JS中对象的总结
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>03_对象</title></head><body><!--1. 什么是对象? * 代表现实中的某个事物, 是该事物在编程中的抽象 * 多个数据的集合体(封装体) * 用于保存多个数据的容器2. 为什么要用对象? * 便于对多个数据进行原创 2021-05-18 13:37:55 · 273 阅读 · 1 评论 -
JS中函数的返回值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_数据类型</title></head><body><!--1. 分类(2大类) * 基本(值)类型 * Number: 任意数值 * String: 任意文本 * Boolean: true/false原创 2021-05-17 22:29:16 · 408 阅读 · 0 评论 -
Springboot中进行日志打印需要的信息
原创 2021-05-17 17:31:41 · 264 阅读 · 0 评论 -
JS中的JSON
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 如果需要兼容IE7及以下的JSON操作，则可以通过引入一个外部的js文件来处理 --> <script type="text/javascript" src="js/json2.js"></script> <sc原创 2021-05-15 19:00:55 · 44368 阅读 · 1 评论 -
JS中的延时调用
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var num = 1; //开启一个定时器 /*setInterval(function(){ console.log(num++); },3000);*/原创 2021-05-15 16:53:41 · 47006 阅读 · 0 评论 -
JS中的定时器
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box1{ width: 100px; height: 100px; background-co原创 2021-05-15 16:13:55 · 302 阅读 · 1 评论 -
JS操作地址栏Location
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * Location * - 该对象中封装了浏览器的地址栏的信息 */ window.onload = function(){ //获取按钮对象原创 2021-05-15 16:04:24 · 46497 阅读 · 2 评论 -
JS键盘监听事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ /* * 键盘事件： * onkeydown * - 按键被按下 * -原创 2021-05-15 15:19:38 · 56732 阅读 · 1 评论 -
JS中的事件绑定
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ /* * 点击按钮以后弹出一个内容 */ //获取按钮对象 var btn01 = do原创 2021-05-15 11:16:59 · 291 阅读 · 1 评论 -
JS中的Event(时间委派)
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.onload = function(){ var u1 = document.getElementById("u1"); .原创 2021-05-15 10:59:36 · 46302 阅读 · 1 评论 -
JS事件冒泡
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 200px; height: 200px; background-color: yellowgreen; } #s1{ background-原创 2021-05-15 10:35:49 · 46195 阅读 · 0 评论 -
JS中响应函数的触发
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title>&l原创 2021-05-14 22:37:43 · 46615 阅读 · 1 评论 -
用JS中DOM操作CSS(内联样式)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; } </style> <s原创 2021-05-14 20:57:56 · 42958 阅读 · 0 评论 -
JS删除之前弹出一个带有确认和取消按钮的提示框confirm()
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>添加删除记录练习</title> <link re原创 2021-05-14 20:58:21 · 1224 阅读 · 0 评论 -
JS中点击超链接但是不跳转
方式一 <td><a href="javascript:;">Delete</a></td>方式二函数的返回值为false allA[i].onclick = function(){ var tr = this.parentNode.parentNode; //var name = tr.getElementsByTagName("td")[0].inn原创 2021-05-17 19:15:08 · 1062 阅读 · 1 评论 -
JS中DOM节点的CRUD
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //获取body标签 //var body = document.getElementsByTagName("bod原创 2021-05-14 20:58:27 · 43252 阅读 · 0 评论 -
JS获取元素节点和子节点的三种方法(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" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <...原创 2021-05-17 19:15:13 · 5408 阅读 · 2 评论 -
JS浏览器加载一个页面的过程
加载过程->从上向下逐行进行加载原创 2021-05-14 20:58:33 · 717 阅读 · 0 评论 -
JS中节点的概念
原创 2021-05-19 22:24:41 · 643 阅读 · 0 评论 -
JS字符串和正则表达式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var str = "1a2b3c4d5e6f7"; /* * split() * - 可以将一个字符串拆分为一个数组 * - 方法中可以传递一个正则表达式作为参数原创 2021-05-19 22:24:35 · 325 阅读 · 0 评论 -
JS中字符串的常用方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //创建一个字符串 var str = "Hello Atguigu"; /* * 在底层字符串是以字符数组的形式保存的 * ["H","e","l"] */原创 2021-05-14 20:58:38 · 43770 阅读 · 1 评论 -
包装类
如果用包装类可以打印出来<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var s=123; s=new String(s); s.hello="nihao"; console.lo.原创 2021-05-19 22:24:29 · 249 阅读 · 0 评论 -
JS生成x到y的随机数
/* * Math.random() * - 可以用来生成一个0-1之间的随机数 * - 生成一个0-10的随机数 * - 生成一个0-x之间的随机数 * Math.round(Math.random()*x) * * - 生成一个1-10 * - 生成一个x-y之间的随机数 * Math.round(Math.random()*(y-x)+x) */ /*for(var i=0 ; i<1...原创 2021-05-19 22:24:23 · 444 阅读 · 0 评论 -
JS函数中的arguments
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 在调用函数时，浏览器每次都会传递进两个隐含的参数： * 1.函数的上下文对象 this * 2.封装实参的对象 arguments * - argument原创 2021-05-14 20:58:44 · 322 阅读 · 0 评论