梦渊同学

摘要： 简介 类似 OSI 模型，一种网络协议概念模型 应用层：提供应用间通讯能力； 传送层：提供主机对主机（host-to-host）传输，TCP/UDP 协议，端口 网络层：提供地址到地址（ip-to-ip）传输； IP 协议 -链路层：设备对设备传输（mac-to-mac）传输； 物理层：光电信号传输 阅读全文

摘要： 开放式系统互联通信参考模型（英语：Open System Interconnection Reference Model，缩写为 OSI），简称为 OSI 模型（OSI model），一种概念模型，由国际标准化组织提出，一个试图使各种计算机在世界范围内互连为网络的标准框架。 应用层：用户数据 展示层 阅读全文

摘要： 如何用纯 css 实现页面滚动停靠效果 效果图 以前要实现页面滚动停靠效果需要借助 js 来操作 dom，类似于fullpage.js插件，现在纯 css 也能做到同样的事。 scroll-snap-type scroll-snap-type 属性定义元素容器的滚动方式。该属性不能作用于body标签 阅读全文

摘要： window.__POWERED_BY_QIANKUN__ = true; let module = null; export const registerMicroApps = (apps = []) => { const _pushState = history.pushState; histo 阅读全文

摘要： 传统方式 监听 scroll 事件，调用指定元素 getBoundingClientRect 方法，再判断元素是否在视口内；如果是嵌套滚动，则需要多级监听，多级判断，计算量很大，可能影响性能。 (function () { const target = document.querySelector( 阅读全文

摘要： 前置知识 对象：location、history ； 事件：popstate、hashchange 作为前端路由，路由操作一定不能刷新页面，这一点很重要！ hash 路由 原理 修改 location.hash 值（页面不会刷新），如果修改前后值不一致，则往 history 中增加一条记录；当 ha 阅读全文

摘要： 手写代码 function Promise(executor) { const self = this; self.state = 'pending'; self.data = undefined; self.resolvedCb = []; self.rejectedCb = []; functi 阅读全文

摘要： 根据我的个人理解，与实际有偏差 术语 Promise 是一个拥有 then 方法的对象或函数； thenable 是一个定义了 then 方法的对象或函数； value 指任何 JavaScript 的合法值（包括 undefined , thenable 和 promise）； exception 阅读全文

摘要： Generator 生成器函数，返回一个迭代器对象，可以手动调用 next 方法来控制执行，throw 方法抛出错误，return 方法来提前结束，也可以使用 for...of 自动遍历遍历。 function* gen() { yield 1; yield 2; yield 3; } let g 阅读全文

摘要： 观察者模式 分为观察者与目标，观察者 → 订阅目标，目标 → 触发事件，目标里维护了一套观察者列表。观察者与目标之间形成了松耦合。 // 观察者 class Observer { constructor() {} update() {} } // 观察者列表 class ObserverList { 阅读全文