首页
学习
活动
专区
工具
TVP
发布

前端急先锋

专栏成员
30
文章
33651
阅读量
13
订阅数
一文带你看懂Node的Buffer类
在TypedArray出来之前,JavaScript这门语言是不能很好地处理原始二进制数据(raw binary data)的,这是因为一开始的时候JavaScript主要还是应用在浏览器中作为脚本语言使用,所以需要处理原生二进制数据的场景是少之又少。而Node出来后,由于服务端的应用需要处理大量的二进制流例如文件读写,TCP连接等,所以Node在JavaScript(V8)之外,定义了一种新的数据类型Buffer。由于Buffer在Node应用中使用十分广泛,所以只有真正掌握了它的用法,你才能写出更好的Node应用。
进击的大葱
2022-12-20
4690
如何利用Suspense和ErrorBoundary优雅地处理异步请求
我们在编写React应用的时候,常常需要在组件里面异步获取数据。因为异步请求是需要一定时间才能结束的,通常我们为了更好的用户体验会在请求还没有结束前给用户展示一个loading的状态,然后如果发生了错误还要在页面上面展示错误的原因,只有当请求结束并且没有错误的情况下,我们才渲染出最终的数据。这个需求十分常见,如果你的代码封装得比较好的话,你的处理逻辑大概是这样的:
进击的大葱
2022-12-20
1.4K1
一文看懂any,never,void和unknown的区别
不知道初学TypeScript的同学会不会和我一样被any,unknown,never和void这几个类型搞得晕头转向呢?如果你也有同样的困惑,那么就请跟着本篇文章彻底搞懂这四种类型的区别吧。
进击的大葱
2022-12-20
7690
使用Node构建一个高效的静态文件服务器
作为前端工程师,我想大家一定对静态文件服务器不会陌生。所谓的静态文件服务器做的工作就是将我们的前端静态文件(.js/.css/.html)传输给浏览器,然后浏览器再将我们的页面渲染出来。我们常用的webpack-dev-server就是本地开发用的静态文件服务器,而一般线上环境我们会使用nginx,因为它更加稳定和高效。既然静态文件服务器无处不在,那么它们又是如何实现的呢?本篇文章将带你手把手实现一个高效的静态文件服务器。
进击的大葱
2022-12-20
1.2K0
一门看懂Node处理CPU密集型任务的方法有哪些
不知道当你听到类似的话时会不会有和我一样的疑惑:单线程的Node为什么适合用来开发I/O密集型应用?按道理来说不是那些支持多线程的语言(例如Java和Golang)做这些工作更加有优势吗?
进击的大葱
2022-12-20
7260
都2022年了,实时更新数据你还只会用短轮询?
在我们的日常工作中,我们往往会遇到客户端需要实时获取服务端最新数据的场景,例如聊天系统(WeChat/Telegram),股票行情查看软件(同花顺/富途),feed推送系统(Twitter/微博)等等。在实现这些需求的时候,我们的技术方案是有很多的,本文将会给大家介绍四种常见的实时获取服务端数据的方案,它们分别是:短轮询(polling),长轮询(long polling),长连接(WebSocket)以及服务器事件推送(Sever-Sent Events, aka SSE)。本篇文章将会介绍每种方案的基本原理,以及分别使用他们来实现同一个需求:动态事件列表,我们用到的技术栈是React + 原生NodeJS。
进击的大葱
2022-12-20
1.2K0
React最佳实践(一)
React是一个非常灵活的前端框架,因为它不会强制开发者使用哪个自带的API或者第三方库来完成某个功能。例如React不会强制你一定要使用Class Component或者Functional Component来开发某个组件,这完全是开发者根据自身的场景自己决定的。而对于第三方库的使用来说,React更加没有要求,例如对于状态管理,React生态就有一堆非常受欢迎的库可以使用,例如Redux,Mobx,XState和Jotai等等。正是因为React的灵活性,React官网只说自己是一个UI library而不是UI Framework。
进击的大葱
2022-12-20
7160
快到飞起的Bun会杀死Node吗
这段时间一个性能号称可以吊打Node和Deno的JavaScript运行时Bun(包子)横空出世,立即在JavaScript社区闹得沸沸扬扬。那么到底这个号称快到飞起的包子运行时到底几斤几两呢?这篇文章就让我们通过一些实际的例子来了解一下Bun提供的功能以及它比Node到底快了多少,最后再探讨一下Bun是不是会成为真正的Node killer。
进击的大葱
2022-08-22
9370
ES13的11个超赞的新属性
声明:本文为翻译文章,原文为11 Amazing New JavaScript Features in ES13
进击的大葱
2022-08-22
3780
Code Review最佳实践
因为最近在工作上参与制定了团队的一些Code Review(CR)的规范,所以想在这里给大家分享一下我们积累的一些CR最佳实践。本篇文章会包括下面这些内容:
进击的大葱
2022-08-22
7310
实现JavaScript语言解释器(三)
上篇文章我为大家介绍了语法解析的一些基本概念,以及如何通过自定义的DSL语言实现Simple语言解释器的语法树解析。在本篇也是这个系列最后一篇文章中我将为大家介绍Simple解释器是如何执行生成的语法树的。
进击的大葱
2022-08-22
7100
实现JavaScript语言解释器(二)
在上一篇文章中我为大家介绍了Simpe项目的一些背景知识以及如何使用有限状态机来实现词法解析,在本篇文章中我将会为大家介绍语法分析的相关内容,并且通过设计一门内部DSL语言来实现Simple语言的语法解析。
进击的大葱
2022-08-22
5700
实现JavaScript语言解释器(一)
对于大多数前端开发者来说JavaScript可谓是我们最熟悉的编程语言了,它十分强大可是有些语言特性却十分难以理解,例如闭包和this绑定等概念往往会让初学者摸不着头脑。网上有很多诸如《你看完这篇还不懂this绑定就来砍我》之类的文章来为大家传道解惑。可是在我看来这些文章大多流于表面,你读了很多可能还是会被面试官问倒。那么如何才能彻彻底底理解这些语言特性,从而在面试的时候立于不败之地呢?在我看来要想真的理解一样东西,最好的途径就是实现这样东西,这也是西方程序员非常喜欢说的learning by implementing。例如,你想更好地理解React,那么最好的办法就是你自己动手实现一个React。因此为了更好地理解JavaScript的语言特性,我就自己动手实现了一个叫做Simple的JavaScript语言解释器,这个解释器十分简单,它基于TypeScript实现了JavaScript语法的子集,主要包括下面这些功能:
进击的大葱
2022-08-22
1.3K0
React Hook测试指南
在React为什么需要Hook中我们探讨了React为什么需要引入Hook这个属性,在React Hook实战指南中我们深入了解了各种Hook的详细用法以及会遇到的问题,在本篇文章中我将带大家了解一下如何通过为自定义hook编写单元测试来提高我们的代码质量,它会包含下面的内容:
进击的大葱
2022-08-22
1.7K0
React Hook实践指南
在React为什么需要Hook这篇文章中我们探讨了React开发团队为什么要为Function Component添加Hook的原因,在本篇文章中我将会为大家提供一份较为全面的React Hook实践指南,其中包括以下方面的内容:
进击的大葱
2022-08-22
2.4K0
React为什么需要Hook
自从React 16.8发布Hook之后,笔者已经在实际项目中使用Hook快一年了,虽然Hook在使用中存在着一些坑,但是总的来说它是一个很好的功能,特别是在减少模板代码和提高代码复用率这些方面特别有用。为了让更多的人了解和使用Hook,我决定写一系列和Hook相关的文章,本篇文章就是这个系列的第一篇,主要和大家聊一下React为什么需要Hook。
进击的大葱
2022-08-22
6500
进击的JAMStack
最近在研究JAMStack的一些相关内容,发现这的确是个好东西,所以想写一篇文章把这个概念分享给还不了解JAMStack的同学。本篇文章主要包含以下的内容:
进击的大葱
2022-08-22
2.8K0
Yarn 2.0介绍
Yarn作为JavaScript生态的一个强大的依赖管理工具在今年1月24日的时候正式发布了v2版本。在本篇文章中,我将会为大家介绍以下内容:
进击的大葱
2022-08-22
7900
CSS in JS的好与坏
CSS-in-JS是一种技术(technique),而不是一个具体的库实现(library)。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面,而不是独立为一些 .css, .scss或者 less之类的文件,这样你就可以在CSS中使用一些属于JS的诸如模块声明,变量定义,函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义。值得一提的是,虽然CSS-in-JS不是一种很新的技术,可是它在国内普及度好像并不是很高,它当初的出现是因为一些 component-based的Web框架(例如React,Vue和Angular)的逐渐流行,使得开发者也想将组件的CSS样式也一块封装到组件中去以解决原生CSS写法的一系列问题。还有就是CSS-in-JS在React社区的热度是最高的,这是因为React本身不会管用户怎么去为组件定义样式的问题,而Vue和Angular都有属于框架自己的一套定义样式的方案。
进击的大葱
2022-08-22
2.4K0
一文看懂Chrome浏览器工作原理
本文是笔者对Mario Kosaka写的inside look at modern web browser系列文章的翻译。这里的翻译不是指直译,而是结合个人的理解将作者想表达的意思表达出来,而且会尽量补充一些相关的内容来帮助大家更好地理解。
进击的大葱
2022-08-22
1.7K0
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档