自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 问答 (5)
  • 收藏
  • 关注

原创 vue面试题 (四)

文章目录标题组件中的data为什么不是一个对象,而是一个函数?vue中第一次页面加载会触发那几个声明周期钩子函数?vue.js的两个核心是什么?vue中key值得作用?v-show和v-if的区别?分别说明其使用场景vue常用的修饰符有哪些,并简要说明它们的作用?过滤器的作用是什么?如何注册过滤器?如何使用过滤器?vue实例中有哪些常见的配置选项,分别用来干嘛?vue中数组发生改变了,但是页面没有渲染,怎么办?组件中的data为什么不是一个对象而是一个函数?标题组件中的data为什么不是一个对象,而是一个

2020-10-29 23:34:29 129

原创 vue学习开始

VUE 第一章文章目录VUE 第一章开始使用Vueel$mountdata插值表达式开始使用Vue引入vue.js官网:vuejs.org开发版本:包含完整的警告和调试模式生产版本:删除了警告,体积更小引入vue.js后,给我们提供了一个构造函数 Vue在js中,new Vue()new Vue() 后会返回一个vue实例对象,我们用变量接着它const vm = new Vue()传递一个配置对象{} – > const vm = new V

2020-10-29 23:01:49 140

原创 前端自学途径

怎么更好的自学首先咱这门技术大部分是外国人创造的 所以English 咱不需要惧怕 不会了搜一搜,还是克服一下咯,毕竟不是用咱的 中文开发的(很多nb的东西都是英文的哦);网址1.菜鸟教程2.w3cschool 自学网址;3.CSDN博客园里面有许多大牛分享的技术文章,也可以关注我,看我的学习日常4.W3C 可以在里面查一些东西;5.MDN (这个网址上面的API较全,WEB源码都在这 )6.腾讯课堂的一些公开课也有干货哦7.哔哩哔哩8.慕课网...

2020-10-28 19:21:53 358

原创 ES6的Map集合

map集合键值对(key value pair)数据集合的特点:键不可重复map集合专门用于存储多个键值对数据。在map出现之前,我们使用的是对象的方式来存储键值对,键是属性名,值是属性值。使用对象存储有以下问题:键名只能是字符串获取数据的数量不方便键名容易跟原型上的名称冲突如何创建mapnew Map(); //创建一个空的mapnew Map(iterable); //创建一个具有初始内容的map,初始内容来自于可迭代对象每一次迭代的结果,但是,它要求每一次迭代的

2020-10-28 18:15:13 116

原创 ES6 Set集合

set 集合一直以来,JS只能使用数组和对象来保存多个数据,缺乏像其他语言那样拥有丰富的集合类型。因此,ES6新增了两种集合类型(set 和 map),用于在不同的场景中发挥作用。set用于存放不重复的数据如何创建set集合new Set(); //创建一个没有任何内容的set集合new Set(iterable); //创建一个具有初始内容的set集合,内容来自于可迭代对象每一次迭代的结果如何对set集合进行后续操作add(数据): 添加一个数据到set集合末尾,如果数据

2020-10-28 18:12:06 155

原创 生成器 (Generator)

生成器 (Generator)什么是生成器?生成器是一个通过构造函数Generator创建的对象,生成器既是一个迭代器,同时又是一个可迭代对象如何创建生成器?生成器的创建,必须使用生成器函数(Generator Function)如何书写一个生成器函数呢?//这是一个生成器函数,该函数一定返回一个生成器function* method(){}生成器函数内部是如何执行的?生成器函数内部是为了给生成器的每次迭代提供的数据每次调用生成器的next方法,将导致生成器函数运行

2020-10-26 18:01:54 881

原创 可迭代协议 与 for-of 循环(ES6)

可迭代协议 与 for-of 循环可迭代协议概念回顾迭代器(iterator):一个具有next方法的对象,next方法返回下一个数据并且能指示是否迭代完成迭代器创建函数(iterator creator):一个返回迭代器的函数可迭代协议ES6规定,如果一个对象具有知名符号属性Symbol.iterator,并且属性值是一个迭代器创建函数,则该对象是可迭代的(iterable)思考:如何知晓一个对象是否是可迭代的?思考:如何遍历一个可迭代对象?for-of 循环for-of 循环

2020-10-26 18:00:57 139

原创 迭代器

迭代器背景知识什么是迭代?从一个数据集合中按照一定的顺序,不断取出数据的过程迭代和遍历的区别?迭代强调的是依次取数据,并不保证取多少,也不保证把所有的数据取完遍历强调的是要把整个数据依次全部取出迭代器对迭代过程的封装,在不同的语言中有不同的表现形式,通常为对象迭代模式一种设计模式,用于统一迭代过程,并规范了迭代器规格:迭代器应该具有得到下一个数据的能力迭代器应该具有判断是否还有后续数据的能力JS中的迭代器JS规定,如果一个对象具有next方法,并且该方法返回一

2020-10-26 17:59:52 268

原创 Fetch Api 概述

Fetch Api 概述XMLHttpRequest的问题所有的功能全部集中在同一个对象上,容易书写出混乱不易维护的代码采用传统的事件驱动模式,无法适配新的 Promise ApiFetch Api 的特点并非取代 AJAX,而是对 AJAX 传统 API 的改进精细的功能分割:头部信息、请求信息、响应信息等均分布到不同的对象,更利于处理各种复杂的 AJAX 场景使用 Promise Api,更利于异步代码的书写Fetch Api 并非 ES6 的内容,属于 HTML5 新增的 Web

2020-10-26 17:56:53 188

原创 fetach 的基本使用

基本使用使用 fetch函数即可立即向服务器发送网络请求参数该函数有两个参数:必填,字符串,请求地址选填,对象,请求配置请求配置对象method:字符串,请求方法,默认值GETheaders:对象,请求头信息body: 请求体的内容,必须匹配请求头中的 Content-Typemode:字符串,请求模式cors:默认值,配置为该值,会在请求头中加入 origin 和 refererno-cors:配置为该值,不会在请求头中加入 origin 和 referer,跨域的时候可能

2020-10-23 19:25:03 406

原创 async 和 await

async 和 awaitasync 和 await 是 ES2016 新增两个关键字,它们借鉴了 ES2015 中生成器在实际开发中的应用,目的是简化 Promise api 的使用,并非是替代 Promise。async目的是简化在函数的返回值中对Promise的创建async 用于修饰函数(无论是函数字面量还是函数表达式),放置在函数最开始的位置,被修饰函数的返回结果一定是 Promise 对象。async function test(){ console.log(1);

2020-10-23 14:10:31 148 1

原创 ES6 中的Promise

ES6 的Promise基本使用const pro = new Promise((resolve, reject)=>{ // 未决阶段的处理 // 通过调用resolve函数将Promise推向已决阶段的resolved状态 // 通过调用reject函数将Promise推向已决阶段的rejected状态 // resolve和reject均可以传递最多一个参数,表示推向状态的数据})pro.then(data=>{ //这是thenable函

2020-10-22 23:22:29 120

原创 异步处理的通用模型

8-2. 异步处理的通用模型ES官方参考了大量的异步场景,总结出了一套异步的通用模型,该模型可以覆盖几乎所有的异步场景,甚至是同步场景。值得注意的是,为了兼容旧系统,ES6 并不打算抛弃掉过去的做法,只是基于该模型推出一个全新的 API,使用该API,会让异步处理更加的简洁优雅。理解该 API,最重要的,是理解它的异步模型ES6 将某一件可能发生异步操作的事情,分为两个阶段:unsettled 和 settledunsettled: 未决阶段,表示事情还在进行前期的处理,并没有发生通向结果

2020-10-21 11:40:44 196

原创 事件和回调函数的缺陷

事件和回调函数的缺陷我们习惯于使用传统的回调或事件处理来解决异步问题事件:某个对象的属性是一个函数,当发生某一件事时,运行该函数dom.onclick = function(){}回调:运行某个函数以实现某个功能的时候,传入一个函数作为参数,当发生某件事的时候,会运行该函数。dom.addEventListener("click", function(){})本质上,事件和回调并没有本质的区别,只是把函数放置的位置不同而已。一直以来,该模式都运作良好。直到前端工程越来越复杂…目

2020-10-21 11:26:12 435

原创 ES6 解构(六)

解构什么是解构使用ES6的一种语法规则,将一个对象或数组的某个属性提取到某个变量中解构不会对被解构的目标造成任何影响对象解构在解构中使用默认值{同名变量 = 默认值}非同名属性解构{属性名:变量名}数组解构let a = 1, b = 2;[b, a] = [a, b]console.log(a, b)//2 1const numbers = [324, 7, 23, 5, 3243];// 得到数组前两项,分别放到变量a和b中,然后剩余的所有数据放到数组nu

2020-10-20 17:46:36 102

原创 ES6概述(一)

ES6 课程概述ECMAScript、JavaScript、NodeJs,它们的区别是什么?ECMAScript:简称ES,是一个语言标准(循环、判断、变量、数组等数据类型)JavaScript:运行在浏览器端的语言,该语言使用ES标准。 ES + web api = JavaScriptNodeJs:运行在服务器端的语言,该语言使用ES标准。 ES + node api = JavaScript无论JavaScript,还是NodeJs,它们都是ES的超集(super set)ECMAS

2020-10-20 17:25:06 214

原创 vue面试题(三)

vue面试题(三)route和route和route和router的区别? $route 路由信息 $router 用来做路由跳转Vue路由实现:hash 和history 模式的区别? 区别: hash模式: 1.采用的是window.onhashchange事件实现。 2.可以实现前进 后退 刷新。 3.比如这个URL:http://www.abc.com/#/hello, hash 的值为#/hello。它的特点在于:hash 虽然出现URL中,但不会被包含在HTT

2020-10-20 00:12:26 136

原创 vue面试题(二)

vue面试题vue中组建之间如何通信?父传子,父组件通过自定义属性传值,子组建通过props接收;子传父,通过触发自定义事件 非父子,可以通过EventBus vuex 本地存储vuex和本地存储有什么区别?1:vuex 数据刷新就没有了,本地存储还在2:vuex 中的数据可以实时渲染,本地存储不行vuex 有哪些模块,并说明他们的作用?1. state:vuex的基本数据,用来存储变量2. getter:从基本数据(state)派生的数据,相当于state的计算属性3. mutat

2020-10-15 22:52:56 171

原创 事件循环

[回顾]事件循环JS运行的环境称之为宿主环境。执行栈:call stack,一个数据结构,用于存放各种函数的执行环境,每一个函数执行之前,它的相关信息会加入到执行栈。函数调用之前,创建执行环境,然后加入到执行栈;函数调用之后,销毁执行环境。JS引擎永远执行的是执行栈的最顶部。异步函数:某些函数不会立即执行,需要等到某个时机到达后才会执行,这样的函数称之为异步函数。比如事件处理函数。异步函数的执行时机,会被宿主环境控制。浏览器宿主环境中包含5个线程:JS引擎:负责执行执行栈的最顶部代码GUI线

2020-10-15 22:41:55 124 1

原创 vue面试题(一)

面试题1、路由导航守卫都有那些钩子函数?说明在什么场景下会触发这些钩子函数。全局守卫router.beforeEach:全局前置守卫,进入路由之前router.afterEach:全局后置钩子,进入路由之后路由组件内的守卫beforeRouteEnter():进入路由前beforeRouteUpdate():路由复用同一个组件时beforeRouteLeave():离开当前路由时独享守卫beforeEnter:进入路由之前2、组件中is可以做什么?解决标签固定搭配问题实现动态

2020-10-14 11:30:26 118

原创 ES6中的符号(七)

普通符号符号是ES6新增的一个数据类型,它通过使用函数 Symbol(符号描述)来创建符号设计的初衷,是为了给对象设置私有属性私有属性:只能在对象内部使用,外面无法使用符号具有以下特点:没有字面量使用 typeof 得到的类型是 symbol每次调用 Symbol 函数得到的符号永远不相等,无论符号名是否相同符号可以作为对象的属性名存在,这种属性称之为符号属性开发者可以通过精心的设计,让这些属性无法通过常规方式被外界访问符号属性是不能枚举的,因此在 for-in 循环中无法读取到符号

2020-10-14 11:00:57 539

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除