程序猿R-CSDN博客

原创前端面试题（七）@R

函数防抖和函数节流对于后端而言，函数防抖、函数节流的使用场景并不是很多。但是，对于前端使用却是很常见。常见实用场景，有滚动加载、搜索框输入、窗口大小拖拽 Resize。函数防抖（debounce）函数防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。简单的说，当一个动作连续触发，则只执行最后一次。打个比方，坐公交，司机需要等最...

2019-11-19 23:38:48 1123

详述虚拟DOM中的diff算法 1、首先要先讲一下虚拟DOM是如何实现的虚拟DOM是通过js语法来在内存中维护一个通过数据解构描述出来的一个模拟DOM树，当数据发生改变的时候，会先对虚拟DOM进行模拟修改，然后在通过新的虚拟DOM树与旧的虚拟DOM树来对比，而这个对比就是通过diff算法来进行的虚拟DOM最大的意义不在于性能的提升（JavaScript对象比DOM对象性能高），而在于抽象了DO...

2019-11-15 00:01:48 203

原创简述MVC、MVVM、MVP

MVC ，MVP，MVVM 的区别一句话概括： MVC(Model-View-Controller), 模块-视图-控制器，由 MVC 衍生出的 MVP, MVVM。 MVC MVC 的意思是，软件可以分为三个部分。视图（View）：用户界面. 控制器（controller）：业务逻辑模型（Model）：数据保存 1). View 传送指令到 Controller 2). C...

2019-11-04 15:38:35 241

原创 html(开发)

什么是盒模型？在我们的HTML页面中，每一个元素都可以被看成一个盒子，而这个盒子由:内容(content)、内边距(padding)、边框(border)、外边距(margin) 四部分组成。对于盒模型，分为标准盒模型和怪异盒模型两种。标准(W3C)盒模型标准盒模型的范围包括margin、border、padding、content,并且宽高只包含content，不包含其他部分。怪异(I...

2019-11-01 10:55:58 308

原创 vue中v-if与v-show的区别以及使用场景

vue中v-if与v-show的区别以及使用场景区别 1.手段：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏； 2.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换； 3.编译条件：v-if是惰性的，如...

2019-10-31 08:49:32 619

原创 Vue中assets和static的区别

Vue中assets和static的区别再一次框架定型中，与同事在静态资源的存放上有了一些分歧，后来经过查阅总结如下：相同点： assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样式文件等都可以放在这两个文件下，这是相同点不相同点： assets中存放的静态资源文件在项目打包时，也就是运行npm run build时会将assets中放置的静态资源文件...

2019-10-31 08:19:23 213

原创详述keep-alive组件

详述keep-alive组件 keep-alive是Vue的内置组件，能在组件切换过程中，将组件状态保留在内存中，防止重复渲染DOM，降低渲染成本。（好像有点照背而不是理解的感觉）包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们，它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。（好多了） keep-alive的属性和方法 include - 字符串或正则表达式。只有名称匹配的...

2019-10-29 23:34:56 427

原创 vue-router导航守卫（钩子函数）

首先让我们了解一下什么是导航守卫。官方：vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。` 1.全局守卫略解无论访问哪一个路径，都会触发全局的钩子函数，位置是调用router的方法 2.路由独享的守卫略解写在路由配置中，只有访问到这个路径，才能触发钩子函数 3.组件级路由钩子略解写在组件中,访...

2019-10-29 23:31:41 483

原创 vuex的工作流程

老长时间没更新博客了，读者们指定老想念我了。今天给呆比们更新几个面试题。话不多说，到此结束。嘻嘻，简述Vuex工作流程注意，是“简述”，不要太多字了，这个非常简单，把vuex触发方法的的流程说一遍就行。有图不言吊！工作流程首先重API中拿数据，就会牵扯到异步操作，所以我们把异步操作定义在action中，在组件中触发一个action，action里面有一个ajax请求，然后请求后端接口...

2019-10-29 23:24:59 2420 1

原创请写出提交代码到本地版本库的具体步骤

git stash 目的是，缓存本地的修改，避免代码同步时候代码丢失 git pull (或者 git pull 分支) 拉取线上代码，与线上仓库保证代码的同步，并解决拉取代码时可能存在的代码冲突 git stash pop 将缓存在本地的代码，从缓冲区拉取到本地 git status 查看代码状态 git add . (或者 git add ...

2019-10-29 23:24:35 263

RenWenJie521的博客