update

节流和防抖 节流(throttle)和防抖(debounce)不是js语法层面的概念，也不属于特定属于js这门语言。它其实一个工程优化的自然产物。 它们的本质是：用来对函数...

相同点 v-model和.sync都是语法糖，都可以实现父子组件中的数据的双向通信，且原理基本一致 区别点 子组件抛出的事件名不同。 v-model是 $emit("inp...

v-model v-model是一个常用的表单指令，也是唯一一个双向绑定指令。双向的含义是：状态的变化能更新到视图上；用户在表单中的修改也能更新到状态中。 语法糖 v-mo...

定义 回调地狱（callback hell）是指大量嵌套异步js或者使用javascript回调函数导致代码很难直观的理解和调试的场景。 回调只是使用 JavaScript...

单页应用是在移动互联时代诞生的，它的目标是不刷新浏览器，而通过感知地址栏中的变化来决定内容区域显示什么内容。要达成这个目标，我们要用到前端路由技术，具体来说有两种方式来实现...

vue是响应式的框架：状态的变化能自动更新视图。不过，这个过程是异步的。nextTick就是用来实现这个异步过程的核心函数。 有两种情况会调用nextTick： 情况1是当...

keep-alive是vue的内置组件，用它来包裹会变化的组件，例如：动态组件和路由组件。它主要用于保留组件状态或避免重新渲染，也称缓存。 它的基本格式是： 其中： inc...

图片懒加载是一个非常常见的前端优化技巧。其基本逻辑是： 图片初始不设置src属性值。这样它就不会请求这个图片资源。 实时监听图片是否进入了视口区域，如果进入了，就设置它的s...

前言 以前我在掘金上看到面试贴就直接刷掉的，从不会多看一眼，直到去年 9 月份我开始准备面试时，才发现很多面试经验贴特别有用，看这些帖子（我不敢称之为文章，怕被杠）的过程中...

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5db06aa9d29649cb950d820...

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。 vue组件间的传值方式多种多样，并不局限于父子传值、事件传...

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f5ac12bb17fb40adbba2b3a...

1.state state为单一状态树，在state中需要定义我们所需要管理的数组、对象、 字符串等等，只有在这里定义了，在Vue.js的组件中才能获取你定义的这个对 象的...

为什么需要nextTick？ 1.Vue是异步修改DOM的并且不鼓励开发者直接接触DOM， 但有时候业务需要必须对数据更改--刷新后的DOM做相应的处理，这时候就可以使 用...

数据从父级组件传递给子组件，只能单向绑定。 子组件内部不能直接修改从父级传递过来的数据。 所有的prop都使得其父子prop之间形成了一个单向下行绑定：父级prop的 更新...

1.JSON是什么： json是一种数据格式，本质是字符串 2.JSON的作用： 数据跨平台传输 3.JSON的语法： JSON转js：let js = JSON.pars...

1、拖拽释放(Drapanddrop)APIondrop 拖放是一种常见的特性，即抓取对象以后拖到另一个位置在HTML5中，拖放是标准的一部分，任何元素都能够拖放 2、自定...

1、颜色:新增RGBA,HSLA模式 2、文字阴影(text-shadow) 3、边框:圆角(border-radius)边框阴影:box-shadow 4、盒子模型:bo...

方法一：利用定位（常用方法,推荐）代码片段 方法二：利用 margin:auto;代码片段 方法三：利用 display:table-cell代码片段 方法四：利用 dis...