Use CommonJS modules directly in the browser with no build step and no web server.

以前我们要在浏览器中使用 CommonJS 都需要一堆编译工具和服务器,但本文要介绍一种方式,支持在浏览器直接打开本地 HTML 源文件中使用 CommonJS 加载模块。

阅读更多>>

今年好像特别流行实现 Promise/A+ 规范 😓 ,已经看到无数篇实现的文章了,那我也来凑个“晚热闹”吧,用 TypeScript 也来实现一个符合 Promise/A+ 规范的库。

阅读更多>>

学习一个东西最好的办法就是重新创造一遍,React 也不例外。这个仓库里是我写的一个类 React 库,支持 JSX / 生命周期 / Ref / Context API 等一些常用特性,同时包含了 Stack 与 Fiber 两种 Reconciler。当然,其中有很多简化,很多低性能的地方,甚至会有 Bug。但是作为学习资料,还是具有一定价值的。

阅读更多>>

性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明,网站应用的加载速度、交互流畅度等性能优化对于提高用户留存、转化率等都有积极影响。可以理解为,提升你的网站性能,就是提升你的业务数据,甚至是业务收入。

虽然大家对性能优化都有自己的思路,不过大多是分散在某几个点,较难形成一个完整的体系。业界也有很多优质的资料,但是性能优化作为一个系统性工程,大家想要系统性地去学习并不容易。所以在这次的「性能优化之旅」会通过与 Web 应用的访问流程相结合,帮助大家 全面理解与掌握 前端的性能优化。

如果准备好了,咱们就可以出发了 🔜

阅读更多>>

在一些性能敏感的场合下(例如服务端处理大量并发),或面对大量 stringify 的操作时,我们会希望它的性能更好,速度更快。这也催生了一些优化的 stringify 方案/库,那么,在他们大幅的性能提升背后的技术原理是什么呢?

阅读更多>>

在我们的印象里,实现一个简单的聊天应用(消息发送与多页面同步)并不困难 —— 这是在我们有 JavaScript 的帮助下。而如果让你只能使用 CSS,不能有前端的 JavaScript 代码,那你能够实现么?

阅读更多>>

今天带大家一起来看看下,如何实现“划词高亮”功能。

笔者前段时间为线上业务实现了一个与内容结构非耦合的文本高亮在线笔记功能。非耦合是指不需要为高亮功能建立特殊的页面 DOM 结构,而高亮功能对业务近乎透明。该功能核心部分具有较强的通用性与移植性,故拿出来和大家分享交流一下。

阅读更多>>

在浏览器中,我们可以同时打开多个 Tab 页,每个 Tab 页可以粗略理解为一个“独立”的运行环境,即使是全局对象也不会在多个 Tab 间共享。然而有些时候,我们希望能在这些“独立”的 Tab 页面之间同步页面的数据、信息或状态。这就是我们所说的前端跨页面通信。

阅读更多>>

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×