金金的博客

字节一1 Router hash historyhash原理：hash通过监听浏览器的onhashchange()事件变化，查找对应的路由规则hash 就是url尾巴上的#号以及后面的内容， hash值改变不会导致浏览器向服务器发送请求，而且hash改变会触发hashchange事件hash虽然出现url中，但不会被包含在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。history原理： 利用H5的 history中新增的两个API pushState()

项目相关1. 垃圾回收机制当一个对象可被程序引用时，他就是活跃的function f() { var obj = {x: 12}; return obj.x;}// obj.x,obj都是活跃的如果一个对象可经由某个被定义为活跃对象的对象，通过某个指针链所访问，则它就是活跃的。其他的都被视为垃圾。标记清除引用计数2. vue react 数据流的流向 引出的 -> vue双向绑定(react源码不是很熟)响应式原理 大概说一下吧(可以看一下之前发的文章)vue响应式原理

1. flex布局相关 flex：1父容器和子容器的属性 要知道垂直水平居中相关flex： flex-grow 0 flex-shrink 1 flex-basis autoflex：1 1,1,auto2. 实参 形参函数在声明的时候带的那个小括号里面的值就是形参，当我们调用的时候，传的参就是实参function egFn(a,b) { // 一些代码}egFn(2,3)function add(a, b) { a = 30 return a + b;}

1. vue的生命周期执行1.1 vue生命周期是什么？每个组件都是独立的，每个组件都有自己的生命周期，从一个组件创建，数据初始化，挂载，更新，销毁，就是整个的生命周期。具体的方法有：beforeCreate:在实例初始化之后，data observer和事件配置之前被调用created： data已经初始化，计算属性，event/watch事件回调，但是dom并没有挂载beforeMount： 在挂载前被调用，render函数收藏被调用生成虚拟dommounted： 挂载完成，dom树已经生

1. 实习的项目相关2. async 使用 及一些概念基本的使用方法：async函数返回一个promise对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回等到异步操作完成，再接着执行函数体内后面的语句例子：指定多少毫秒后输出一个值function timer(ms) { return new Promise(resolve=> { setTimeout(resolve,ms) })}async function

项目难点组件的二次封装二次封装 业务组件要考虑的点4. 搜索框 的 防抖 节流 可以合并使用function fn(fn,wait) { let last = 0, timer = null; return function () { let context = this; let arg = arguments; let now = new Date(); if (now - last < wait) {.

1. vue双向绑定原理在vue中通过v-model去实现双向绑定，数据驱动DOM，DOM的变化反过来影响数据，是一个双向的关系v-model可以用在表单上，也可以用在组件上。input<input v-bind:value="message" v-on:input="message=$event.target.value">组件子： <input :value="value" @input="updateValue" placeholder="edit me

1. watch computed区别使用场景 computed源码怎么实现watch观察作用没有缓存性当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的深度监听 deep：truewatch 适合一个值影响多个值的情形。watch: { // 如果 `question` 发生改变，这个函数就会运行 question: function (newQuestion, oldQuestion) { this.answer = 'Waiting for