New Frontend

.index-module--article--1bL8s.gbi--887445877-5eeh67KPd6pHDizLagzVVZ:before { opacity: 1; background-image: url('/static/9701ee6186fbffc61941422801e77f62/578da/TkZYCXmrKK4.jpg'); }

不寻常的 CSS 属性

.index-module--article--1bL8s.gbi--779943161-7XfvAyi3knUgViZQHH5Xtu:before { opacity: 1; background-image: url('/static/5b2efaa77a14d7983b4dad35e3ca8fb1/578da/ihdeq6ry7wuuv1tdo317.jpg'); }

提升网页加载速度的十个窍门

.index-module--article--1bL8s.gbi-1869197095-v2v6irwDL7uE11AFE6QNzi:before { opacity: 1; background-image: url('/static/cf5eeb38333f8cf287880ce63443a6a6/578da/euqiHwS38Rw.jpg'); }

GitHub 北极代码库已实施 | New Frontend 技术资料分享 (#11)

.index-module--articleImage--15C_P.gbi--215207138-gEQWQsh3fxg4fUXyXqFAgB:before { opacity: 1; background-image: url('/static/a9fb88c1fe236381a1e73b25a7722394/578da/pEg7gbjP1o.jpg'); }

TypeScript 运行时类型检查指南

在 TypeScript 应用中加入运行时类型检查有哪些方式

.index-module--articleImage--15C_P.gbi-1505854750-cyaS1h7WXrHNujD72ymagH:before { opacity: 1; background-image: url('/static/92245e438d0d407aaed1cf22de91af54/578da/mbp-ipad-iphone-applewatch.jpg'); }

如何创建一个视频聊天应用

WebRTC 简明教程，介绍了 WebRTC 的工作机制和常见架构。

.index-module--articleImage--15C_P.gbi--1842573749-5uGbG4N8tLjs2Qyc7N3sJd:before { opacity: 1; background-image: url('/static/f11a114a0997eb87c7e1c04c1c485f26/578da/dHkAVYrRdDg.jpg'); }

跨项目复用前端代码的 5 种方法

如何在不同的项目间复用前端代码？哪种方案最便捷？

.index-module--articleImage--15C_P.gbi-344958046-pF7DTP4ERaZUf4nwBtMDxK:before { opacity: 1; background-image: url('/static/6deeeb242a28854a16ca46ff231c52c9/de22e/a2opMDQbZ-I.png'); }

Lua 5.4 发布 | New Frontend 技术资料分享 (#10)

分享开发相关的技术资料、开源项目、新闻资讯，由 New Frontend 每月更新

.index-module--articleImage--15C_P.gbi--1435221073-fpeRaUSntSCG12eLbayfhm:before { opacity: 1; background-image: url('/static/e568afec8087f9c855080d9c44c71716/578da/1*YPI1eFeuq2CCIAPdDhXZKA.jpg'); }

微前端的现状和趋势

微前端是前端开发最具争议的话题之一。值得采用微前端吗？需要现在就转向微前端吗？

.index-module--articleImage--15C_P.gbi--1356081327-oHSRWswjYDRTp5G4VJUaFk:before { opacity: 1; background-image: url('/static/28b1a623601cd88d646bce9481ffbc80/de22e/react-dom.png'); }

动手实现可能是世上最糟的 React 克隆

理解 React 原理的最佳方式是亲自动手实现一个克隆。

.index-module--articleImage--15C_P.gbi-454652342-w1yqhTh6uuU9wos9tXEWGX:before { opacity: 1; background-image: url('/static/61ba6f1c5308215569a4491345cdd6ae/578da/paul-esch-laurent-oZMUrWFHOB4-unsplash.jpg'); }

TypeScript：重新发明一次 JavaScript

TypeScript 并不是一个全新的语言，它是在一个已有的语言 —— 还是一个非常灵活的动态类型语言上添加静态约束。

.index-module--articleImage--15C_P.gbi--1405913772-nkhdbJcHFDRNS6d4daipnD:before { opacity: 1; background-image: url('/static/be3290eb0dcce03c0f58ff0496d6349b/de22e/3sl9_ubYIno.png'); }

Deno 正式发布 | New Frontend 技术资料分享 (#9)

分享开发相关的技术资料、开源项目、新闻资讯，由 New Frontend 每月更新

.index-module--articleImage--15C_P.gbi-836382503-31P7iNRFWuDnxuzdAQ5VR2:before { opacity: 1; background-image: url('/static/07f71d1998d07d68225dd4c30fa550cc/578da/1*_aHuTw7xwuA7wSQli8FkFg.jpg'); }

React Native 项目配置的 15 个姿势

配置 React Native 项目时，可以参考这份清单上的库和工具

.index-module--articleImage--15C_P.gbi-1563955629-aHjnXxK7nfZHEmzQhw5sK9:before { opacity: 1; background-image: url('/static/a778bb84db42670a1127b6c32f369f65/de22e/tcp-congestion-control.png'); }

TCP 拥塞避免算法

概览常见 TCP 拥塞避免算法：Reno、BIC、Cubic、Vegas、BBR

.index-module--articleImage--15C_P.gbi--139815227-bSHn48FUAtwgD6Vd937ZsU:before { opacity: 1; background-image: url('/static/dbd4f43459ade2240746bc4603689c63/de22e/tdMu8W9NTnY.png'); }

五个提升工作效率的 macOS/iOS 小工具

随时记录灵感的 Tot、窗口管理工具 Rectangle、免费开源的 RSS 阅读器 NetNewsWire 等

.index-module--articleImage--15C_P.gbi-1400522905-up1NwCm1F8dzBoEqNpzYwk:before { opacity: 1; background-image: url('/static/b0add7ab00cfafc0af8fffe745296295/de22e/measuring-tools.png'); }

我的前端开发工具箱

前端开发常用工具列表，文档查询、CSS、性能优化、可访问性，等等。

.index-module--articleImage--15C_P.gbi--175450063-4gwQtdQ6i1Kv2DkTASe7hn:before { opacity: 1; background-image: url('/static/b3b5f102e399be9479dbfe4be580130b/de22e/may.png'); }

GitHub 核心功能全部免费 | New Frontend 技术资料分享 (#8)

分享开发相关的技术资料、开源项目、新闻资讯，由 New Frontend 每月更新

.index-module--articleImage--15C_P.gbi-1699633243-57RC9bWu2rRbwWw4qZCKhQ:before { opacity: 1; background-image: url('/static/74949964aac0c666450f57950fcd5434/de22e/memory-barrier.png'); }

内存屏障

通过一个简化的 CPU 缓存模型介绍内存屏障的概念，然后讲解内存屏障在 JVM 性能调优上的应用。

.index-module--articleImage--15C_P.gbi-965978167-harqkvWj3eeu3a9PkajCPG:before { opacity: 1; background-image: url('/static/cfe79213266336a2819acb6530a29447/de22e/1*EM48X61Wygrlqq1BR0kU6Q.png'); }

2020 前端框架对比评测

基于 RealWorld 示例应用评测 React、Vue、Angular、Elm、Svelte、Dojo 2 等 23 个前端框架的性能、尺寸、代码行数。

.index-module--articleImage--15C_P.gbi-1938492913-tBXqRoidZfHitL1KLJhCb6:before { opacity: 1; background-image: url('/static/1f093db1e102743164abed66150e79c7/de22e/cpu-cache.png'); }

CPU Cache 基础

介绍 CPU 缓存的基本原理，以 Java 为例讲解 CPU 缓存机制导致的 false sharing 问题以及相应的性能优化措施

.index-module--articleImage--15C_P.gbi-650972355-6PC476StC47foJkP46nQjK:before { opacity: 1; background-image: url('/static/f92fd5e79a55f9dc016a7f0cd5774dad/de22e/C8NDn4xk9zs.png'); }

六个好用的前端开发在线工具

安利六个前端开发在线工具：EnjoyCSS、Prettier Playground、Postman、StackBlitz、Bit.dev、CanIUse

Frontend Talk 论坛