javaScript 笔记
关注
分享
扫一扫
学习记录点
Friday--星期五
我们这个世界，从不会给一个伤心的落伍者颁发奖牌。
展开
-
学习总结常用的ES6语法（二）
七、 moduleES6 中模块化语法有两种形式如果是输出一个唯一的对象，使用export default// 创建 util1.js 文件，内容如下export default {// 导出 a:100}// 创建 index.js 文件，内容如下import obj from './util1.js'// 引入console.log(obj)如果想要输出许...原创 2020-05-07 23:00:47 · 706 阅读 · 0 评论 -
学习总结常用的 ES6 语法（一）
一、 变量（let）与常量定义（const）1. let的命令let 不允许重复声明var 变量可以重复声明let 变量不允许在相同作用域内重复声明(const一样)(通常说一个{}就是一个作用域)let不存在变量提升var 和function 命令存在变量提升(var只会先提前声明 function既提前声明又定义)let命令不存在变量提升(const一样)...原创 2020-05-06 13:36:36 · 626 阅读 · 1 评论 -
浅解JSON是什么和使用方法
JSON的了解1. 什么是JSONJSON：JavaScript 对象表示法（JavaScript Object Notation）。JSON 是存储和交换文本信息的语法。类似 XML,比 XML 更小、更快，更易解析, 是轻量级的文本数据交换格式JSON 独立于语言 .,具有自我描述性，更易理解例：{"employees": [ { "firstName":"Bill" ,...原创 2020-04-24 22:34:35 · 220 阅读 · 0 评论 -
js中callback，回调地狱，Promise和async,await的浅解
什么是callback？什么是回调地狱？怎么解决回调地狱？ES6中Promise的理解？async和await的理解？一、 callback回调只是使用JavaScript函数的惯例的名称。 JavaScript语言中没有特别的东西叫做“回调”，它只是一个约定。不像大多数函数那样立即返回一些结果，使用回调函数需要一些时间来产生结果。“异步”这个词，又名“异步”，意思是“需要一些时间”或“...原创 2020-04-24 14:33:25 · 1333 阅读 · 0 评论 -
理解js继承方式的发展历程
js继承的发展历程要想了解继承的发展历程必须要先了解构造函数和原型一、简单原型链1. 具体的代码实现function Father(){ this.number = 1; this.arr = [1];}function Son(){//...}Son.prototype = new Father()// 核心：拿父类实例来当子类原型对象var son1 = new So...原创 2020-04-22 23:46:06 · 194 阅读 · 0 评论 -
认识js中浅拷贝和深拷贝的区别
js中浅拷贝和深拷贝的区别js中拷贝是一种现象，要想明白拷贝必须要先知道赋值。赋值：是把一个“基本数据”或者“对象数据”交给一个变量的过程;//a. 基本数据赋值;两个值互不影响-->值 let a = 10 let b = a a = 20 console.log(b);//b. 引用类型：两个值互相影响 --&g...原创 2020-04-21 13:33:56 · 334 阅读 · 0 评论 -
谈谈对this的理解和绑定原理
对this的理解。js中浅拷贝和深拷贝的区别。原创 2020-04-20 23:36:52 · 386 阅读 · 0 评论 -
浅识js中的闭包
闭包是什么？特点是什么？闭包是指有权利访问另一个函数作用域中变量的函数；是一个函数能访问另外一个函数作用域中的变量function fn() { var a = 20 return function () { console.log(a) }}让这个局部变量a像全局变量一样，不被垃圾回收机制所回收，一直在内存中，( js垃圾回收机制也就是当一个函数被执行完后...原创 2020-04-17 11:28:26 · 144 阅读 · 0 评论 -
Js 面向对象动态添加标签页
效果图直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2020-04-16 14:56:26 · 1213 阅读 · 1 评论 -
js实现动态创建列表-表格
动态创建列表版本一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2020-04-15 23:01:11 · 1407 阅读 · 0 评论 -
js实现小图切换成大图--美女相册小案例
实现小图切换大图——美女相册小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...原创 2020-04-15 15:07:25 · 981 阅读 · 0 评论 -
js实现倒计时的三个小案例
实现倒计时的小案例只显示倒计时<!DOCTYPE HTML><html><head> <title>实现倒计时</title></head><body> <div id="timer" style="color:red; font-weight:bold;">倒计时马上开始……&l...原创 2020-04-13 23:36:49 · 3335 阅读 · 0 评论 -
js原生实现时间格式化
一、简单的时间格式化分析：先获取DOM元素。获取现在的系统时间。使用字符串拼接将时间显示在页面中代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...原创 2020-04-13 21:04:43 · 1106 阅读 · 0 评论