kongshu

摘要： 介绍几个html 原生的一些API IntersectionObserver 当某个DOM元素出现在视口的时候,我们希望执行一些行为.这个时候我们就可以使用这个API.例如我们在实现无限滚动这样的组件的时候,我们会在滚动容器的底部放置一个元素,但这个元素出现在视口的时候,我们希望加载更多的内容,这个 阅读全文

摘要： FAST 中的binding 数据流 本文想从数据流以及设计模式的角度解析FAST 中的数据binding. 表达式 FAST 中对于动态的内容都是通过表达式来表达抽象的(x,c)=>T,这里先不讨论那些其他的类型,例如when(),等帮助函数或者一些常量表达式.因为这些例外的东西都会被FAST内部 阅读全文

摘要： 解析Observable 深度解析与理解Fast-Element中的Observable 的设计原则与思想.Fast 中的Observable是为了实现通用的观察者模型,解耦Subject与Observer. Notifier,这个是通知模型的抽象,它提供了如下的接口约束. 它的职责是解耦订阅者与主 阅读全文

摘要： 介入webpack 的打包流程，将某个包给mock 掉 在某些情况下，我们对于包的体积比较敏感，某些第三方的包引用了其他第三方的包，而且第三方的包不支持摇树，我们希望在打包的时候将第三方包所依赖的第三方包给去除掉，因为那部分功能我们并不使用。思路是采用mock 的方式，将第三方的第三方包给去除。 被 阅读全文

摘要： monorepo中如何共享bundle 在monorepo中的多个app,由于它们的npm 包都是在最顶层的workspace 管理安装的，在编译各个子应用的时候，为了节省bundle的大小，如何才能将每个应用中公用的vendor bundle 抽出来。本篇就是基于此对webpack的一些探讨 借助 阅读全文

摘要： Fast 中的 Decorator 在 typesciprt 及 js 中的差异 结论 ts 中约定属性的装饰器语法只有两个参数type PropDecorator<T> = (target: T, key:string):void; 而在 js 中旧的装饰器的语法var type PropDeco 阅读全文

摘要： csp 的条件下对于懒加载的影响 本文介绍在开启CSP的条件下，webpack 的懒加载会受到的影响。 Trusted Types 简单的说就是在使用Trusted Types的条件下，对于 DOM 的一些属性的赋值，必须要经过 policy,否则，浏览器会报错。这个安全机制是为了防止 XSS 攻击 阅读全文

摘要： 从浏览器的渲染角度来进行性能优化 性能瓶颈 js 执行引擎与渲染引擎是互斥的，他们是共同存在与浏览器的 UI 线程里面 js 引擎负责执行我们的 js 代码从而产生 Dom 树， 渲染引擎则是依据 Dom 树，样式树来构建渲染树，然后排版与绘制，然后组合，从而计算出显示的像素点。 整个的流程需要在一 阅读全文

摘要： 40行代码实现zonejs 之前看到过别人写过一个40行代码实现Vue中的Reactivity功能，觉得蛮好玩的。Angular的变更检测是基于Zonejs的。市面上也有一些文章介绍zonejs,我也读过好多遍Zonejs的源码。所以，我也来了个40行代码实现ZoneJs的。这个是我的github。 阅读全文

摘要： ZoneJs 源码解析 ZoneJs是什么，它能干什么，它是怎么做到的？ Zone是为js的执行提供了一个共享的数据上下文。为js函数执行维护了一个逻辑上的调用栈。 同时提供了对于函数执行方法的拦截，在函数执行前后，添加一些通用的逻辑(例如日志，异常处理)。 统一的任务模型，提供对于宏任务/微任务/ 阅读全文