程序开发知识难点记录

一、JS垃圾回收机制

• 标记清除：当变量进入环境（例如，在函数中声明一个变量）时，将这个变量标记为 “进入环境” 。从逻辑上讲，永远不能释放进入环境的变量所占用的内存，因为我们在这个环境中可能随时会用到它们。当变量离开环境时，则将其标记为 “离开环境”。 垃圾收集器（GC）在运行的时候会给存储在内存中的所有变量都加上标记。然后，它会去掉环境中的变量以及被环境中的变量引用的标记。而在此之后再被加上标记的变量将被视为准备删除的变量，原因是环境中的变量已经无法访问到这些变量了。最后，GC完成内存清除工作，销毁那些带标记的值，并回收它们所占用的内存空间。
• 引用计数：跟踪记录每个值被引用的次数。当声明了一个变量并将一个引用类型值赋给该变量时，这个值的引用次数就是 1。如果同一个值又被赋值给另一个变量，则引用次数加 1。相反，如果保存对该值引用的变量被其他值给覆盖了，则引用次数减 1。当这个值的引用次数变为 0 时，说明已经没法再访问这个值了，因此可以将其占用的内存回收了。   引用计数策略有一个很严重的问题：循环引用。所以不常用。   如果对象 A 中包含一个指针指向对象 B，而对象 B 中也包含一个指针指向对象 A。那么这两个对象引用次数都是 2，但实际上已经可以回收了。若这种函数被反复多次调用，会导致大量内存得不到回收。

二、浏览器缓存机制

• 浏览器的缓存机制指的是通过在一段时间内保留已接收到的 web 资源的一个副本，如果在资源的有效时间内，发起了对这个资源的再一次请求，那么浏览器会直接使用缓存的副本，而不是向服务器发起请求。使用 web 缓存可以有效地提高页面的打开速度，减少不必要的网络带宽的消耗。   web 资源的缓存策略一般由服务器来指定，可以分为两种，分别是强缓存策略和协商缓存策略。
• 使用强缓存策略时，如果缓存资源有效，则直接使用缓存资源，不必再向服务器发起请求。强缓存策略可以通过两种方式来设置，分别是 http 头信息中的 Expires 属性和 Cache-Control 属性。   服务器通过在响应头中添加 Expires 属性，来指定资源的过期时间。在过期时间以内，该资源可以被缓存使用，不必再向服务器发送请求。这个时间是一个绝对时间，它是服务器的时间，因此可能存在这样的问题，就是客户端的时间和服务器端的时间不一致，或者用户可以对客户端时间进行修改的情况，这样就可能会影响缓存命中的结果。

二、Vue生命周期钩子

• （1）beforeCreate在实例初始化之后，在数据监听和event/watcher事件配置之前触发。因此在这个事件中我们是获取不到 data 数据的。 （2）created在实例创建完成后触发，此时可以访问 data、methods 等属性。但这个时候组件还没有被挂载到页面中去，所以这个时候访问不到 $el 属性。一般我们可以在这个函数中进行一些页面初始化的工作，比如通过 ajax 请求数据来对页面进行初始化。 （3）beforeMount在挂载到页面之前触发。在 beforeMount 之前，会找到对应的 template，并编译成 render 函数。 （4）mounted组件挂载到页面之后触发。此时可以通过 DOM API 获取到页面中的 DOM 元素。 （5）beforeUpdate数据更新时触发，发生在虚拟 DOM 重新渲染和打补丁之前，这个时候我们可以对可能会被移除的元素做一些操作，比如移除事件监听器。 （6）updated 钩子函数，虚拟 DOM 重新渲染和打补丁之后调用。 （7）beforeDestroy实例销毁之前调用。一般在这一步我们可以销毁定时器、解绑全局事件等。 （8）destroyed实例销毁之后调用，调用后，Vue 实例中的所有指令都会解绑，所有的事件监听器会被移除，所有的子实例也会被销毁。

内容持续更新中......