- 博客(16)
- 收藏
- 关注
RSS订阅原创 重新学习es6文章2.2
一、 接着介绍：变量的解构赋值1.数组和对象的结构赋值2. 数字、字符串和布尔值的结构赋值3. 函数参数的解构赋值4. 圆括号问题5. 结构赋值的用途数组和对象的结构赋值 //es5的写法 //let a = 5; //let b = 6; // es6的写法 //数组的结构赋值本质为模式匹配，左边的变量就会被赋予对应的值。模式完全匹配，或者左边 的变量对象右边的值不完全，反之值对应的变量不完全。 //如果等号的右边不是数组（或者严
2021-12-01 17:15:00
589
原创 重新学习es6文章2.1
一、 es6提出了许多新的语法：下面接着介绍：let 、const 命令：变量的解构赋值运算符的扩展在es5中我们声明变量的方式只有一种，就是通过var。es6新增了两种声明变量的方式。1.1 //通过let的方式声明变量 console.log(name); //Uncaught ReferenceError: Cannot access 'name' before initialization let name = "yz"; console.log(
2021-12-01 16:14:48
484
原创 重新学习es6文章1
一、ECMAScript 6.0 是下一代javascript语言的标准，它在2015年6月正式发布，它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。JavaScript和ECMAScript的关系:要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标准。次年，ECMA 发布 262 号标准文件（ECMA-262
2021-12-01 14:06:50
135
原创 Vue中的视图更新原理1
在Vue中我们都知道是数据去驱动视图的变化。那么数据是如何驱动视图的更新的，在vue中主要使用了Object.definedProperty()这个方法。一、1.Object.definedProperty(obj,prop,desc,)是在一个对象上定义一个新的属性或者修改现有的属性。它接收3个参数，第一个为对象，第二个为属性，第三个为属性的描述对象。一般情况下我们给对象定义属性是直接进行赋值操作，那么定义的属性可以修改也可以删除，那么如果我们相对其进行更加精准的操作，就需要使用这个方法。2.在j
2021-11-29 17:57:26
2085
原创 javascript中的promise对象2
接着前面的下面继续介绍promise的静态方法：一、 resolve()方法：将现有的对象转换为promise对象。它有以下4种情况：对象本身为promise实例对象，它会原封不动的将其返回，不做处理。具有then方法的对象，它会将其转换为promise对象,然后立即执行then方法 let obj = { a: "then", then() { console.log(this.a); //then },
2021-11-25 14:47:33
372
原创 javascript中的Promise对象1
Promise解决的主要问题是异步编程，之前的异步代码都是回调函数，很容易让代码陷入回调地狱中，es6将其写入了es语言标准，并且统一了语法，而且提供了原生的Promise对象接口，promise接收一个回调函数，里面传递2个参数，分别为成功的状态和失败的状态， <script> let x=new Promise((resolve,reject)=>{ resolve(3) //成功的状态 }).then(res=>{ }) </script>
2021-11-25 11:25:39
358
原创 javascript中的Storage接口
javascript Storage接口用于在浏览器端存储脚本信息，window下属的两个对象部署了其接口。window.localStorage、window.sessionStoragelocalStorage保存的数据长期存在，下一次访问该网站的时候，网页可以直接读取以前保存的数据，sessionStorage保存的数据用于浏览器的一次会话（session），当会话结束（通常是窗口关闭），数据被清空,它们保存的数据都以“键值对”的形式存在。也就是说，每一项数据都有一个键名和对应的值。所有的数据
2021-11-23 15:16:31
641
原创 关于css中的定位的详解
对于css的定位这个概念是比较重要的，html中的元素其实也用的是"top",“bottom”，“left”，“right”,但是这些属性是不起效的，除非我们给他们加定位的css样式。css的position属性规定定位的样式：它有5个值： 1. static 静态定位 2. relative 相对定位 3. fixed 固定定位 4. absolute 决定定位 5. sticky 粘性定位static: 元素的默认定位样式为static,静态定位不受，top,left,
2021-11-22 19:21:42
359
原创 javascript中的事件
一、 学习Javascript或者说是前端、那么学习和理解事件是非常重要的。因为我们写的js代码和html网页要进行交互、而交互的方式就是事件。事件代表文档或浏览器窗口中某个有意义的时刻。可以使用仅在事件发生时执行的监听器（也叫处理程序）订阅事件。在传统软件工程领域，这个模型叫“观察者模式”，其能够做到页面行为（在 JavaScript 中定义）与页面展示（在 HTML 和 CSS 中定义）的分离。浏览器的事情系统是比较复杂的、不同的浏览器对于不同的事件api有着不同的兼容。二、事件流在第四代 W
2021-11-19 17:00:37
631
原创 javascript的错误处理机制
一、在我们平时写代码的时候，一旦js引擎去运行时候发现了错误就会抛出一个错误对象。Javascript提供原生的构造函数Error()、所以的错误对象都是它的实例。 <script> let x=new Error('错') console.log(x.message); console.log(x.__proto__);//打印结果如下图 </script>实例对象的属性有：message:"“错误的提示信息”，name:"错误名
2021-11-19 14:09:08
712
原创 javascript中的垃圾回收机制
一、 js是采用垃圾回收机制的语言、执行环境在代码执行的过程中来管理内存、通过自动内存管理来为我们分配内存和释放内存去回收闲置的资源。浏览器的发展史主要采用两种垃圾回收机制：1.标记清除所谓标记清除就是我们声明的变量进入了上下文中，就会给它一个标识。例如：我们声明了变量x值为5、此时它进入了全局上下文、而在下面我们打印了x、它就会在全局上下文中去找x，而全局上下文对象为window、此时x为window的一个属性、另外全局上下文对象为window所以这里的this也指代window,此时代码在上下文运
2021-11-18 16:55:57
834
原创 js中的Blod、File、FileList、FileReader对象
前端在下载文件的时候经常会使用到Blob、File、FileReader对象，那么它们到底是干嘛的，怎么使？一、我们可以通过Blob对象直接来操作二进制文件。后端返给我们文件的内容我们就可以用Blob对象来进行读取。Blob()构造函数接受两个参数，第一个参数为数组，里面可以是字符串或者者二进制对象，第二个参数表示数据的类型。默认是空字符串。 let obj = { name: "yz", }; let blodb= new Blob([JSON.string
2021-11-17 20:15:28
2763
原创 原生js的Object对象
一 、 熟悉js的同学都应该知道Object对象、在js中一切皆对象、一切的对象都继承自Object。 Object()本身就是一个函数。它既可以当做工具函数来使用，也可以当做构造函数。工具函数在作为工具函数的时候它可以将任意值转化为对象。分为2种情况基本数据类型和复杂数据类型。在基本数据类型中我们可以看出：字符串、数字、布尔值、都转化成了对应的包装类型、而null和undefined都是空对象。 var a=Object() var x=Object
2021-11-16 16:10:08
393
原创 javascript 数据类型转化中的坑
一、 在我们平时写代码的时候难免会遇到运算、那么在javascript中的运算是比较坑的、因为javascript本身为弱类型语言、我们在声明变量的时候不用声明变量的类型、这也就导致了我们在进行变量之间的运算时候会产生两种不同的变量进行运算、那么不同的变量的运算规则是怎么样的？ var a = 1; var b = "5"; var z=a+b console.log(z); //15 console.log(typeof z); //string上面可以看出数字类型的
2021-11-10 20:15:21
580
原创 javascript的单线程设计模式
javascript 这门语言设计之初就是为了解决用户在浏览器操作，浏览器可以响应用户在浏览器的操作。从而做出一些事情、比如用户在浏览器的输入框输入了自己的用户名、但是对于用户名的状态浏览器没有办法知道，得通过服务端的验证、才能判断、这样会浪费时间以及让用户等待、浏览器本身没有响应、为了解决类似的问题、javascript就产生了。既然说了javascript的产生那么就能肯定它是运行在浏览器的、没有编译、直接解释运行。javascript 是单线程模式、1. 在我们熟悉的谷歌浏览器..
2021-11-10 17:22:08
574
原创 前端实现路由的两种方式
前端实现路由的方式主要有两种：hash模式和history模式、前端路由的本质为url改变页面不刷新、达到视图数据改变的结果。1.hash模式：window对象的location属性值里的 hash属性可以拿到hash值：window.location.hash。window对象的全局方法hashchange()可以监听到hash值得变化。主要基于这个原理来实现hash模式的前端路由。实例代码1： <body> <li><a href="#/home"
2021-11-09 16:19:13
4383
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人