hcysunyang

声明：非科班算法渣写的文章，谨慎的看，文章中有任何错误请不吝指出，更希望大佬们能提供更多信息交流，让我进步。 如果了解过 ivi/inferno 的同学应该知道，在 ivi/inferno 中 Virtual DOM 的核心 Diff 算法中应用到了求解给定序列的最长递增子序列…

框架设计远没有大家想的那么简单，并不是说只把功能开发完成，能用就算完事儿了，这里面还是有很多学问的。比如说，我们的框架应该给用户提供哪些构建产物？产物的模块格式如何？当用户没有以预期的方式使用框架时是否应该打印合适的警告信息从而提升更好的开发体验，让用户快速定位问题？开发版本的…

注：文中图片取材于线性代数的本质并加以合适的修改！推荐大家去观看这套视频，另外这套视频毕竟是一套数学性质的视频，不包含 css 的相关讲述，这篇文章将借鉴这套视频的思路为你讲述 css 变换的原理。 很多同学在大学时期都学过一本叫做线性代数的书，如果没猜错的话，你们的老师在教学…

vue-ssr-prefetcher 为 Vue 的 SSR 提供更直观更强大的数据预取方式（压缩后仅 1kb）。让我们来看看这张对比图： 在 Vue 的服务端渲染中做数据预取的方式大概可以总结为两种，一种是以 nuxt/ream 为代表的 asyncData 方案，另一种是 …

如果你正在使用 Vue 做同构的项目，那么 Nuxt 以及 Quasar Framework 都是不错的选择。但是今天我要介绍的是由水滴前端研发的一个基于 Vue 的 SSR 框架：Vapper​vapperjs.org 我猜大部分同学在看到这篇文章之后的第一个疑问应该是：为什…

本文中出现由花括号包裹的内容为服务端进行 html 字符串拼接的动态内容：{userData}，在其他文章中经常表现为 <%= userData >。 本文中所使用的关键词：“用户数据”，与 “非受信数据” 同义。 XSS 是一种代码注入攻击，在受害者浏览器上注入恶意…

一些基础内容，可作为文档参考。不行了，实在写不下去了，到后来每输入一个字符我都要等将近 20 秒。。。。。卡的要死。。。。。。 reactive() 函数接收一个对象作为参数，并返回一个代理对象。 上面代码中的 document.body.innerText = obj.tex…

然后在 tsconfig.json 中配置 jsxFactory 为我们封装的这个函数就可以了。但是这个函数限制了我们在为组件传递 slots 时只能： 但是这也没啥问题嘛。 有了 JSXFactory 工具函数之后其实我们可以很开心的用 tsx 写了，那为啥还要 jsx 插件…

Vue3 的 Compiler 与 runtime 紧密合作，充分利用编译时信息，使得性能得到了极大的提升。本文的目的告诉你 Vue3 的 Compiler 到底做了哪些优化，以及一些你可能希望知道的优化细节，在这个基础上我们试着总结出一套手写优化模式的高性能渲染函数的方法，这…