前端面试
老王可喜欢你了
这个作者很懒,什么都没留下…
展开
-
Vue自定义指令理解
1,v-on可以缩写为@,用于监听指定元素的DOM事件,比如点击事件,:click 给标签绑定函数,函数必须写在methods里面。绑定事件监听器。2,v-forv-for="(item,index) in/of 数组json" 循环数组或json,基于一个数组或者对象渲染一个列表,循环指令,vue2.0以上必须需配合 key值 使用。3,v-pre把标签内部的元素原位输出,直接显示原始 Mustache标签。跳过这个元素和它的子元素的编译过程。跳过大量没有指令的节点会加快编译。(如原创 2020-11-09 21:27:02 · 378 阅读 · 0 评论 -
vuex的概念
Vuex是专门为vue.js应用程序开发的状态管理模式,它其实就相当于一个公共仓库,保存着所有的组件都能公用的数据它的状态存储是响应式的,如果我们的组件使用了vuex,一旦里面的里面的state发生改变,它所关联的所有组件都会发生改变,这样为我们开发项目项目提供极大的便利,vuex还不能直接修改Vuex的状态:如果是个全局对象变量,要修改很容易,但是在Vuex中不能这样做,想修改就得使用Vuex提供的唯一途径:显示地提交(commint)mutations来实现修改。这样做的好处就是方 便我们跟踪每一个原创 2020-11-09 08:29:33 · 137 阅读 · 0 评论 -
vue和uniapp两者的区别
vue和uniapp的区别uniapp开发可以编译到(头条,支付宝,微信,QQ,百度)小程序,安卓版,ios版,h5版。通过打包实现一套代码多端运行;vue是一个单页面应用,在app上面会卡死vue是一个框架,开发的时候可以借助ui组件库进行开发uniapp的开发主要依靠uniapp自己封装的组件,一可以借助外部的ui组件库里面的标签也发生了变化,...原创 2020-11-03 15:21:46 · 8198 阅读 · 4 评论 -
vue中key的作用以及原理
key的作用:在diff算法执行时,更快的找到对应的节点,高效的更新虚拟dom,key是具有唯一性的,所以在每次for循环的时候,我们需要key给每个节点做唯一的标识,唯一标识可以使item里面id index 等 然后diff算法就可以正确的识别此节点,找到正确的位置插入新的节点,Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做使 Vue 变得非常快,但是这样也不总是符合实际需求。2.2.0+ 的版本里,当在组件中使用 v-for 时,key 是必须的原理: k.原创 2020-11-03 15:20:55 · 3667 阅读 · 0 评论 -
generator函数详解
Generator 函数的定义语法上,可以把理解成,Generator 函数是一个状态机,封装了多个内部状态。 形式上,Generator函数是一个普通函数。它不同于普通函数,是可以暂停执行的,所以函数名之前要加星号,以示区别。整个Generator函数就是一个封装的异步任务,或者说是异步任务的容器,异步操作需要暂停的地方,都用yield语句什么是Generator函数function 关键字和函数之间有一个星号(*),且内部使用yield表达式,定义不同的内部状态。调用Generator原创 2020-10-20 19:51:23 · 474 阅读 · 0 评论 -
Ajax 是什么?以及如何创建 Ajax?
Ajax 是什么?以及如何创建 Ajax?Ajax主要用来实现客户端与服务器端的异步通信效果,实现页面的局部刷新。早期的浏览器并不能原生支持 ajax,可以使用隐藏帧(iframe)方式变相实现异步效果,后来的浏览器提供了对 ajax 的原生支持 .2、使用 ajax 原生方式发送请求主要通过 XMLHttpRequest( 标准浏览器 ) 、ActiveXObject(IE 浏览器)对象实现异步通信效果 .3、基本步骤ar xhr = null; //创建对象if (window.XMLHt原创 2020-10-20 18:52:36 · 350 阅读 · 1 评论 -
解构赋值
解构赋值从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)解构赋值,左右结构必须一样,使用左边定义的值,快速的取出数据中对应的数据值,而且 定义和赋值必须放到一起,不然的话就会报错,取不出来数据值,而且左边也必须是一个 js 存在数据结构不然的话也会报错,解构赋值的主要作用还是,快速的让我们在数据中抓取出我们想要的数据。比如ui组件库:import {Button,Search} from 'ui组件库'用于对数组跟对象进行解构var jsonData = {原创 2020-10-20 18:43:45 · 470 阅读 · 0 评论 -
什么是虚拟dom?什么是diff算法?详解
什么是虚拟dom?虚拟DOM其实就是一个js对象,就是用对象的方式取代真实的DOM操作,把真实的DOM操作放在内存当中,在内存中的对象里做模拟操作。当页面打开时浏览器会解析HTML元素,构建一颗DOM树,将状态全部保存起来,在内存当中模拟我们真实的DOM操作,操作完后又会生成一颗dom树,两颗DOM树进行比较,根据diff算法比较两颗DOM树不同的地方,只渲染一次不同的地方。diff 算法包括几个步骤:①用js对象构造一个虚拟的dom树,插入到文档中;②状态变更时,记录新树和旧树的差异;③把上面的原创 2020-10-16 15:01:11 · 249 阅读 · 1 评论 -
关于ES6的拓展
一些 ES6的扩展es6部分let,const1.var 定义的变量:全局变量和局部变量(函数)function fn(){ var num = 10; alert(num)}fn();alert(num); //num is not definefor(var i=1;i<=10;i++){ //i是全局的 }alert(i); //11es6中新增了let命令,用来声明变量,它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内{}有效 即le原创 2020-10-16 14:54:21 · 62 阅读 · 0 评论 -
http常见的状态码
http状态码分类:1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态代码 2xx(成功) 表示成功处理了请求的状态码。 常见的 2 开头的状态码有:200 – 服务器成功返回网页 3xx(重定向) 表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向 4xx(请求错误)这些状态代码表示请求可能出错,妨碍了服务器的处理 5xx(服务器错误)这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误,而不是请求出错。常原创 2020-10-16 14:26:09 · 137 阅读 · 0 评论