React.js快速入门教程
React.js是一个由Facebook开发的用于构建用户界面的JavaScript库。它主要用于构建单页面应用程序(SPA),可以轻松地创建交互性强、快速响应的用户界面。
发表于 2月以前   ·   阅读量:128
全网最详细!Echarts+gl实现3D地图板块
本文主要是对3D地图的实现,包含一些常用的配置和功能,从2D的实现到3D的实现,都是一些配置的使用,官方文档可能比较晦涩,有个实际的例子给到大家会比较方便,如果各位有需要用到对应的功能,直接码下来进行更改即可,实现这个功能花了我一两天的时间 ,大部分时间都是在查文档和问GPT的路上,踩了很多坑。
发表于 2月以前   ·   阅读量:203
不同打包工具下的环境变量配置方式对比
在现代的JavaScript应用程序开发中,环境变量的配置是至关重要的。不同的应用场景和部署环境可能需要不同的配置,例如开发、测试和生产环境。最常见的需求是根据不同的环境,配置如是否开启sourceMap、API请求地址的切换、是否压缩代码等逻辑。本文主要介绍利用不同的工具:Webpack、Vite、Rollup打包项目的环境变量的配置方式。
发表于 2月以前   ·   阅读量:225
export 导出一个字面量会报错,而 export default 不会报错?
其实总的来说就是 export 导出的是变量的句柄(或者说符号绑定、近似于 C 语言里面的指针,C++里面的变量别名),而 export default 导出的是变量的值。
发表于 2月以前   ·   阅读量:340
浅析 5 种 React 组件设计模式
作为一名 React 开发者,你可能会面临下面几个问题:如何构建一个高复用度性的组件,使其适应不同的业务场景?如何构建一个具有简单 API的组件,使其易于使用?如何构建一个在 UI 和功能方面具有可扩展性的组件?为解决上述问题,下面介绍五种 React 组件设计模式,并对比它们的优缺点。
发表于 2月以前   ·   阅读量:333
用TypeScript编写React的最佳实践
如今, React 和 TypeScript 是许多开发人员正在使用的两种很棒的技术。但是把他们结合起来使用就变得很棘手了,有时很难找到正确的答案。不要担心,本文我们来总结一下两者结合使用的最佳实践。
发表于 2月以前   ·   阅读量:222
TypeScript 前端工程最佳实践
随着前端工程化的快速发展, TypeScript 变得越来越受欢迎,它已经成为前端开发人员必备技能。TypeScript 最初是由微软开发并开源的一种编程语言,自2012年10月发布首个公开版本以来,它已得到了人们的广泛认可。
发表于 2月以前   ·   阅读量:266
字节面试:如何实现准时的setTimeout
setTimeout 是不准的。因为 setTimeout 是一个宏任务,它的指定时间指的是:进入主线程的时间。
发表于 2月以前   ·   阅读量:283
开发过程中,因为国际化太麻烦,我写了这款 vscode 国际化插件
新增了一个国际化类型,翻译的时候多了一个繁体中文,保存的时候,也会检测本地文件是否存在如果不存在,会自动创建该类型文件。添加国际化语言时冒号前面是百度翻译支持的类型,后面是文件名,如果一样可以只写一个。
发表于 2月以前   ·   阅读量:291
React 中条件渲染的 N 种方法
条件渲染在React开发中非常重要的功能,它允许开发人员根据条件控制渲染的内容,在创建动态和交互式用户界面方面发挥着至关重要的作用,本文总结了常用的的条件渲染方法。
发表于 2月以前   ·   阅读量:255
盘点2023年前端大事件
2023 年即将过去,这一年前端生态圈快速发展,发生了许多令人瞩目的事件和变化。从新技术的涌现到老技术的更新,前端技术正在经历着一次全面的变革。本文将梳理 2023 年前端界的重要事件,带你回顾那些令人难忘的历史时刻!
发表于 2月以前   ·   阅读量:311
从新建文件夹到承接猫晚——夜间版淘宝首页的发展
淘宝首页Bface,业务上又称作夜淘宝(以下简称BFace),是结合淘宝用户以长时间休闲娱乐为主的需求而打造的一个全新产品,是我们对淘宝服务于用户生活方式的一个探索。本文将从技术的视角,介绍BFace的设计和发展。
发表于 3月以前   ·   阅读量:259
Chrome 插件开发指南和实践
阅读本文你将了解到:Chrome 插件整体架构;如何开发一个 Chrome 插件(Popup 和 Devtools);如何使用前端框架(React/Vue)进行开发;如何调试插件;如何使用 Puppeteer 对插件进行 E2E 测试(本地和 CI 环境)。
发表于 3月以前   ·   阅读量:358
12 个超级实用的 CSS 技巧
本文来分享 12 个超级实用的CSS 技巧,帮助你充分发挥 CSS 的优势,优化用户体验。
发表于 3月以前   ·   阅读量:287
前端最轻量级的精度计算工具库!
今天和同事聊起计算机中精度的话题。于是想起一个小巧的,快速的JavaScript库:big.js。它可用于任意精度的十进制算术运算。这里分享给大家。
发表于 3月以前   ·   阅读量:281
探索Taro:跨平台开发的实践与原理
对于开发者来说,针对不同平台重新开发一套小程序应用将变成一场无尽的噩梦。开发者需要熟悉并掌握每个客户端的api差异,编写大量重复的代码,并进行平台特定的调试和适配工作。这不仅增加了开发的工作量和时间成本,还容易导致错误和兼容性问题。
发表于 3月以前   ·   阅读量:228
了解前端新框架-nue.js
前端开发者 Tero Piirajinen 推出了一个名为 Nue.js 的极简化前端开发工具,并迅速引发社区讨论。Piirajinen 在 Hacker News 上表示,它是 React、Vue、Next.js、Vite、Svelte 和 Astro 的替代品。
发表于 3月以前   ·   阅读量:229
探究Base64在前端的原理和应用
Base64在前端开发中的普遍应用。本文将探讨Base64编码的原理以及在前端项目中应用的实际应用。
发表于 3月以前   ·   阅读量:190
浏览器如何运行一段JavaScript代码
虽然有很多关于JavaScript的书籍和资料,但绝大多数都从JavaScript语言本身的角度去分析其语法和语义,很少有与JavaScript具体执行过程相关的分析资料。因此,我邀请大家一起从浏览器的角度来看一下一段JavaScript代码到底是如何执行的。
发表于 3月以前   ·   阅读量:245
JS如何判断文字被ellipsis了?
如果我们想要当文本被省略的时候,也就是当文本超出指定的宽度后,鼠标悬浮在文本上面才展示popper,应该怎么实现呢?
发表于 3月以前   ·   阅读量:141
前端“量子纠缠”:multipleWindow3dScene 来了
在量子力学里,当几个粒子在彼此相互作用后,由于各个粒子所拥有的特性已综合成为整体性质,无法单独描述各个粒子的性质,只能描述整体系统的性质,则称这现象为量子缠结或量子纠缠。量子纠缠是一种奇怪的量子力学现象,处于纠缠态的两个量子不论相距多远都存在一种关联,其中一个量子状态发生改变,另一个的状态会瞬时发生相应改变。
发表于 3月以前   ·   阅读量:211
AI模特换装的前端实现
随着AI的火热发展,涌现了一些AI模特换装的前端工具(比如weshop网站),他们是怎么实现的呢?使用了什么技术呢?下文我们就来探索一下其实现原理。
发表于 4月以前   ·   阅读量:249
useEffect 实践案例(2):自定义 hook
在上一章中,我们巧妙的把大量的 JSX 逻辑处理封装在了 List 组件中,使得在页面组件的代码变得非常简单。这是针对 UI 层的逻辑处理,那么在数据的处理上,是否也能够进行一些封装呢?
发表于 4月以前   ·   阅读量:216
useEffect 实践案例(一)
对于 useEffect 的掌握是 React hooks 学习的**重中之重**。因此我们还需要花一些篇幅继续围绕它讲解。
发表于 4月以前   ·   阅读量:238
「React 进阶」React 优雅的捕获并处理渲染异常
React jsx 在编译阶段,会被 babel 变成 React.Element 的形式,它的执行是在 React 整个渲染的 render 阶段执行的,如果 React.Element 出现了空指针等异常,那么就会中断 render 阶段的执行,当然也不会执行渲染真实 DOM 的 commit 阶段。所以如果是初次渲染,任何渲染动作也就不会执行,最终呈现给我们的视图就是白屏。
发表于 4月以前   ·   阅读量:211
[译]装饰器的10年历史
"装饰器是一种结构设计模式,通过将对象置于包含行为的特殊包装器对象中,可以将新的行为附加到对象上"。© https://refactoring.guru/design-patterns/decorator
发表于 4月以前   ·   阅读量:236
[译]JavaScript中Base64编码字符串的细节
Base64编码和解码是一种常见的将二进制内容转换为适合Web的文本的形式。它通常用于data URLs,比如内嵌图片。当你在JavaScript中对字符串应用base64编码和解码时会发生什么?这篇文章探讨了这些细节和需要避免的常见陷阱。
发表于 4月以前   ·   阅读量:286
支持远程调试的 "vConsole"
前阵子一直在做业务需求,是嵌在公司 APP 里的 H5。而且是跨地区协作,我在 A 城市,测试和产品都在 B 城市。由于是 H5 项目,开发的时候一般都会实例化个 vConsole,方便查看项目的上下文信息。同时我想着当程序出现问题之后,测试小姐姐可以直接截个 vConsole 的图给我,可以减少沟通时间。
发表于 4月以前   ·   阅读量:207
【Web技术】1869- spa 如何达到 ssr 的秒开技术方案——预渲染
SPA(单页应用)在初次加载时,由于需要加载所有必要的 JavaScript 和 CSS 文件,以及应用的主 HTML 文件,因此可能会产生白屏时间较长的问题,对用户体验而言是非常糟糕的。对单页面应用进行预渲染,将页面在打包期间渲染成静态 HTML 文件,可以很好的解决白屏时间过长问题
发表于 4月以前   ·   阅读量:202
深入前端调试原理
调试是开发者需要掌握的一项重要的技能, 它能够帮助我们快速定位和修复代码中的问题。本文主要介绍前端调试的基本原理。
发表于 4月以前   ·   阅读量:289
Nginx模块现在可以用 Rust 编写了
Nginx是一款高性能、开源的 Web 服务器和反向代理服务器软件,大部分互联网网站都在使用它。NGINX 最初由Igor Sysoev于2002年创建,此后一直在发展,并广泛流行于 Web 托管、内容交付和应用程序部署领域。它的性能、可扩展性和多功能优势闻名于世,也因此成为提供 Web 内容和有效管理互联网流量的网站关键组件。
发表于 4月以前   ·   阅读量:277
图解 JS、React、Vue 设计模式
今天来分享一个免费在线学习 JS、React、Vue 设计模式的网站,该网站旨在为 JavaScript 设计、渲染和性能模式带来现代视角,使用普通 JavaScript 或现代框架构建功能强大的 Web 应用!
发表于 4月以前   ·   阅读量:251
Monorepo 仓库代码质量提升实践
Monorepo 是一种项目代码管理方式,指单个仓库中管理多个项目,有助于简化代码共享、版本控制、构建和部署等方面的复杂性,并提供更好的可重用性和协作性。
发表于 4月以前   ·   阅读量:207
如何使用 Github Action 管理 Issue
很多小伙伴打开 github 上的仓库都只使用Code查看代码,或者只是把 github 当成一个代码仓库,但是 github 还提供了很多好用的功能。其中,GitHub Action就是一个很好用的功能,本文将通过几个管理Issue的示例带大家了解GitHub Action。
发表于 4月以前   ·   阅读量:181
Nginx反向代理OpenAI接口
准备条件:一台境外服务器,比如说腾讯云新加坡服务器;安装有Nginx环境,centos可以用yum install nginx安装;一个域名,比如说www.xxxx.com,以及对应的ssl证书(腾讯云可以在这里申请免费的证书)。
发表于 4月以前   ·   阅读量:228
三种虚拟列表原理与实现
工作中一直有接触大量数据渲染的业务,使用react-window多之又多,所以对虚拟列表有了些浅显的理解。今天,我们就照着react-window的使用方式来实现三种虚拟列表。
发表于 4月以前   ·   阅读量:229
前端:从零到一, 轻松把自己的网站部署到服务器
作为一名前端工程师, 没有个自己的网站怎么行, 接下来我就来带大家介绍一下如何从零到一, 配置并部署自己的网站到服务器.
发表于 4月以前   ·   阅读量:166
被 Next.js 的环境变量给坑了一把...
最近在使用 Next.js 时遇到了一个问题,最后原因竟是 .env 取值问题,为这个问题花费了数小时的时间,希望看到这篇文章的朋友,如果遇到类似问题,不要重蹈覆辙吧。
发表于 4月以前   ·   阅读量:197
微前端时代:打造高效、灵活的前端开发体系
本篇文章全文约 1.5 万字,目的是系统化地介绍微前端及其核心技术,并介绍了什么是微前端以及为什么我们需要它。我们还讨论了在众多微前端框架中如何选择适合自己系统的框架,并分享了一些业界使用微前端的实践案例。最后,我们提到了微前端目前存在的一些局限性和争议点。总之,希望这篇文章能为大家提供有用的信息。
发表于 4月以前   ·   阅读量:194
为什么你非常不适应 TypeScript
在群里看到一些问题和言论:为什么你们这么喜欢“类型体操”?为什么我根本学不下去 TypeScript?我最讨厌那些做类型体操的了;为什么我学了没过多久马上又忘了?
发表于 4月以前   ·   阅读量:179
译:为什么你应该用 React Query
React Query 为您提供了大量功能,如缓存、重试、轮询、数据同步、预取……以及数以百万计的其他功能,这些功能远远超出了本文的讨论范围。如果你不需要这些功能也没关系,但我仍然认为这不应该阻止你使用 React Query。
发表于 4月以前   ·   阅读量:229
从浏览器原理出发聊聊Chrome插件
本文从浏览器架构演进、插件运行机制、插件基本介绍和一些常见的插件实现思路几个方向聊聊Chrome插件。
发表于 4月以前   ·   阅读量:314
Chrome 118:CSS @scope 规则 来了!
@scope at-rule 允许我们将样式规则限定到给定的范围内,并根据这个范围的邻近程度设置样式元素。
发表于 5月以前   ·   阅读量:633
[译]CSS Animations 与 CSS Transitions
在 CSS 中有两种设置动画的方式即 CSS animations 和 CSS transitions。它们看上去有些相似,但了解后会发现他们有很大不同。接下来,我们将探讨两者之间的异同,以及什么情况下更适合选择哪一种。
发表于 5月以前   ·   阅读量:254
二十分钟掌握React核心理念,老鸟快速入门指南
这是一份适合有着前端开发经验,并习惯使用现代前端框架,却还没深入使用过 React 的老鸟快速入门指南,如果你还没有接触过前端框架,那建议直接在官方文档仔细从头看起。
发表于 5月以前   ·   阅读量:369
谈谈node架构中的线程进程的应用场景、事件循环及任务队列
Node.js是一个基于Chrome V8引擎的JavaScript运行时环境,nodejs是单线程执行的,它基于事件驱动和非阻塞I/O模型进行多任务的执行。在理解Node.js的工作原理时,我们需要了解进程、线程、事件循环[1]以及消息队列[2]的概念,本篇文章就基于这几点去详细介绍,帮你慢慢理解node的工作原理。
发表于 5月以前   ·   阅读量:361
原子化真的是现代前端CSS的救星吗
原子化CSS本身的概念和 Tailwind CSS、UnoCSS 设计都比较简单,这里主要想聊一下在现代前端中,原子化CSS到底是不是完美的解决方案,是不是解决CSS问题的正确方向。
发表于 5月以前   ·   阅读量:290
前端版本过低引导弹窗方案分享
作为 PC 页面为主的业务方,大多数用户在一天的工作中,可能都不太会刷新或者重新打开我们的页面,导致我们在下午或者白天发布的前端版本,往往需要到几个小时甚至第二天,才能覆盖到 98% 以上的用户。
发表于 5月以前   ·   阅读量:315
实战总结|记一次迭代需求中的微型代码重构
大家好,我是钉钉业务平台前端技术的单丹。以往,历经考勤、日志、审批、开放平台、工作台等多个钉钉重点业务,分享更多的是偏技术架构或业务思考,这次,仅记录下程序员一次普通的日常需求中的微型重构过程。
发表于 5月以前   ·   阅读量:267
还原现场 — 前端录制用户行为技术方案
我们需要一种手段来获取用户某一时段连续的操作行为,也就是录制用户行为,包括整个会话中的每一个点击、滑动、输入等行为,同时支持回放录制的操作行为,完整且真实地重现用户行为以帮助我们回溯或分析某些使用场景。
发表于 5月以前   ·   阅读量:278
 热门专题
互联网深度分析
根据当前互联网热点,深度分析事件背后的原因。
语言规范指南
c/c++,Objective-C,Python,Golang等语言的代码规范指南,团队合作更需要代码规范。
任正非讲话合集
收集了历年来,任正非在各个内部会议上的讲话。
查看所有专题
 哈喽比特公众号
 热门标签
# Docker #

文章:109,阅读量:56.1k

# 东方甄选小作文事件 #

文章:13,阅读量:7k

# 裁员 #

文章:1216,阅读量:630.9k

# WebAssembty #

文章:25,阅读量:17.1k

# Python #

文章:5584,阅读量:3.9m

# 人工智能(AI) #

文章:6787,阅读量:3.6m

# JavaScript #

文章:1221,阅读量:767.4k

# Rust #

文章:237,阅读量:111.5k

# 华为2023年9月25日新品发布会 #

文章:8,阅读量:4.6k

# 前端面试宝典 #

文章:9,阅读量:3.3k

查看所有标签