峡迩

本篇主要为学习笔记，涉及到HTTP/1、HTTP/2、CSP、RestfulApi、跨域等等内容。 隧道的意义：隧道可按照要求建立一条与其他服务器的通信线路，使用SSL等加密手段进行通信；隧道的目的是确保客户端能够与服务器进行安全的通信；隧道本身不会去解析HTTP请求，请求和响…

我们的编码目标是下面的demo能够成功渲染，最终渲染结果<h1>未读消息：2</h1>。 根据上图可以知道，Vue将数据构造为响应式的，如果需要监听数据则要新建Watch的实例，建立Dep和Watch之间联系。 watch功能依托Watch类实现，在Vue初始化时，为所有wat…

我们的编码目标是下面的demo能够成功渲染，并且最终字体颜色为yellow，renderCout的值为2。 JavaScript是单线程的，为避免单线程阻塞，JS设有异步事件队列。事件循环主要有2个步骤： 添加消息：异步事件会被推入事件队列等待执行，如setTimeout(fn…

主要为读书笔记，也有一些技巧。喜欢点个赞哟，谢谢。 优雅降级，针对高级浏览器设计网站，后期对于“过时”浏览器进行降级调整。 渐进增强，以基础版本开始，不断扩充。 文档流、盒模型，控制着元素的排布。 元素在排布时，margin会发生叠加现象，具体说来：兄弟外边距叠加，父子外边距叠…

本科机械设计制造及其自动化，16年稀里糊涂的进了一家干变厂，17年自学了大半年，18年正式跨行来到前端。工作中主要写业务代码，很少涉及造轮子工作，一直希望能够提高编程能力。恰好，公司业务栈以vue为主，理解它的逻辑，相信对今后肯定会有帮助。于是就有了使用ts重构vue的冲动。更…

我们的编码目标是下面的demo能够成功渲染。 我们在方法内执行钩子函数，并将虚拟节点作为参数传入，那么就可以在节点的生命周期（创建、更新、销毁）进行各种操作，Vue支持如下钩子函数：create、destroy、insert、remove、update、prepatch、pos…

React/Vue都用到了虚拟DOM，围绕虚拟DOM，本篇主要解决下面3个问题。 我们的编码目标是下面的demo能够成功渲染。 我们会发现，真实dom上有非常多的属性，通过自定义虚拟dom能够有效节省空间。 另外，真实dom的重排重绘是非常消耗性能的，应该尽量少修改，借助虚拟D…