摘要：
SOLID设计原则 s: 单一原则:一个类只做一种类型责任，当这个类需要承当其他类型的责任的时候，就需要分解这个类 o: 开放封闭原则:对外扩展是开放的,对于修改是封闭的 l: 里氏置换原则:当一个子类的实例应该能够替换任何其超类的实例时，它们之间才具有is A关系 i: 接口分离原则:使用多个专门 阅读全文
摘要：
Web Components 简介 Custom Elements Shadow DOM HTML Template 使用Stencil 使用原生语法去编写 Web Components 相当繁琐，因此我们需要一个框架帮助我们提高开发效率和开发体验。 在 React 与 Vue 中使用 Stenci 阅读全文
摘要：
前言 javascript其实是一门单线程的非阻塞的脚本语,非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任务，如I/O事件）的时候，主线程会挂起（pending）这个任务，然后在异步任务返回结果的时候再根据一定规则去执行相应的回调 执行栈与事件队列 javascr 阅读全文
摘要：
通过闭包实现简单版事件节流 加入时间间隔实现触发执行的时间间隔 阅读全文
摘要：
CP Design 使用 React hooks Typescript 开发的一个 H5 移动端 组件库 其中包括了下图中的27个基础组件: CP Design Mobile ( "github地址:https://github.com/10086XIAOZHANG/CP DESIGN" ) 特性 阅读全文
摘要：
一、ReactDOM.render 创建ReactRoot，并且根据情况调用root.legacy_renderSubtreeIntoContainer或者root.render，前者是遗留的 API 将来应该会删除，根据ReactDOM.render的调用情况也可以发现parentComponen 阅读全文
摘要：
Redux 是目前 React 系统中最常用的数据管理工具，它落实并发扬了 Flux 的数据单向流动模式，被实践证明为一种成熟可用的模式。 尽管承受着一些非议，Redux 在 React 数据管理界的地位仍然没有被取代。我听到的针对 Redux 最多的非议是它需要遵守的规则和步骤太多，让人们觉得束手 阅读全文
摘要：
一、API背景 api的具体转化关系 可以通过到https://babeljs.io/repl/网站去将我们创建的Jsx进行实时的转译 请先无视__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED __SECRET_INTERNALS_DO_NOT_U 阅读全文
摘要：
背景 tree diff 在页面的每一层节点,都需要进行对比,整颗DOM树从上倒下,对比一遍以后,所有需要被替换,需要更新的元素 必然会被找出来! component diff 在对比DOM树的每一层的时候,对每个组件,进行比较: 1、如果对比前后,组件的类型相同,则暂时认为组件不需要去被更新 2、 阅读全文
摘要：
背景 当我们直接去访问https://m.weibo.cn/api/config/list时由于端口、域名的不同产生了跨域,无法请求到资源数据. 分析 WebPack中devServer的proxy代理其实是集成了http-proxy-middleware 配置proxy 过程中,option的配置 阅读全文