开源库
代码片段
文库
我关注的
搜索
注册 | 登录
-
我收藏的文章
创建代码块
我的代码块
我的账号
文章类型:
所有
新闻
技术
排序方式:
创建时间
阅读量
JavaScript
浏览器如何运行一段JavaScript代码
虽然有很多关于JavaScript的书籍和资料,但绝大多数都从JavaScript语言本身的角度去分析其语法和语义,很少有与JavaScript具体执行过程相关的分析资料。因此,我邀请大家一起从浏览器的角度来看一下一段JavaScript代码到底是如何执行的。
发表于 6天以前
·
阅读量:76
JavaScript
useEffect 实践案例(一)
对于 useEffect 的掌握是 React hooks 学习的**重中之重**。因此我们还需要花一些篇幅继续围绕它讲解。
发表于 15天以前
·
阅读量:86
JavaScript
「React 进阶」React 优雅的捕获并处理渲染异常
React jsx 在编译阶段,会被 babel 变成 React.Element 的形式,它的执行是在 React 整个渲染的 render 阶段执行的,如果 React.Element 出现了空指针等异常,那么就会中断 render 阶段的执行,当然也不会执行渲染真实 DOM 的 commit 阶段。所以如果是初次渲染,任何渲染动作也就不会执行,最终呈现给我们的视图就是白屏。
发表于 15天以前
·
阅读量:82
JavaScript
[译]JavaScript中Base64编码字符串的细节
Base64编码和解码是一种常见的将二进制内容转换为适合Web的文本的形式。它通常用于data URLs,比如内嵌图片。当你在JavaScript中对字符串应用base64编码和解码时会发生什么?这篇文章探讨了这些细节和需要避免的常见陷阱。
发表于 21天以前
·
阅读量:99
JavaScript
【Web技术】1869- spa 如何达到 ssr 的秒开技术方案——预渲染
SPA(单页应用)在初次加载时,由于需要加载所有必要的 JavaScript 和 CSS 文件,以及应用的主 HTML 文件,因此可能会产生白屏时间较长的问题,对用户体验而言是非常糟糕的。对单页面应用进行预渲染,将页面在打包期间渲染成静态 HTML 文件,可以很好的解决白屏时间过长问题
发表于 21天以前
·
阅读量:92
JavaScript
图解 JS、React、Vue 设计模式
今天来分享一个免费在线学习 JS、React、Vue 设计模式的网站,该网站旨在为 JavaScript 设计、渲染和性能模式带来现代视角,使用普通 JavaScript 或现代框架构建功能强大的 Web 应用!
发表于 25天以前
·
阅读量:97
JavaScript
三种虚拟列表原理与实现
工作中一直有接触大量数据渲染的业务,使用react-window多之又多,所以对虚拟列表有了些浅显的理解。今天,我们就照着react-window的使用方式来实现三种虚拟列表。
发表于 27天以前
·
阅读量:107
JavaScript
译:为什么你应该用 React Query
React Query 为您提供了大量功能,如缓存、重试、轮询、数据同步、预取……以及数以百万计的其他功能,这些功能远远超出了本文的讨论范围。如果你不需要这些功能也没关系,但我仍然认为这不应该阻止你使用 React Query。
发表于 29天以前
·
阅读量:94
JavaScript
二十分钟掌握React核心理念,老鸟快速入门指南
这是一份适合有着前端开发经验,并习惯使用现代前端框架,却还没深入使用过 React 的老鸟快速入门指南,如果你还没有接触过前端框架,那建议直接在官方文档仔细从头看起。
发表于 1月以前
·
阅读量:236
JavaScript
谈谈node架构中的线程进程的应用场景、事件循环及任务队列
Node.js是一个基于Chrome V8引擎的JavaScript运行时环境,nodejs是单线程执行的,它基于事件驱动和非阻塞I/O模型进行多任务的执行。在理解Node.js的工作原理时,我们需要了解进程、线程、事件循环[1]以及消息队列[2]的概念,本篇文章就基于这几点去详细介绍,帮你慢慢理解node的工作原理。
发表于 1月以前
·
阅读量:207
JavaScript
React 和 Vue 全方位对比总结
本文将从渐进式、时间线、跨平台及企业级框架情况多个维度对两个库进行对比。
发表于 1月以前
·
阅读量:268
JavaScript
WebAssembly 模块化与动态链接
模块化编程(modular programming)是一种软件设计模式,它将软件分解为若干独立的、可替换的、具有预定功能的模块,每个模块实现一个功能,各模块通过接口(输入输出部分)组合在一起形成最终程序。当下流行的JavaScript、Python、Rust、Java 等语言都有具有模块(包)管理,甚至 C++20 开始都引入了模块化系统。
发表于 1月以前
·
阅读量:204
JavaScript
如何通过Express和React处理SSE
最近AIGC技术的大热,市面上也出现了许多类似生产的AI工具,其中有一大特色就是对话的输出结果是类似真人的打字效果出现,要呈现出这种效果,最主要的就是要利用SSE技术(Server-Sent Events是一种基于HTTP长连接的“服务器推”技术,其特点在于建立更长时间的连接以等待后续数据的传输。
发表于 1月以前
·
阅读量:328
JavaScript
前端流程图插件对比选型,这一篇就够了
前端领域有多种流程库可供选择,包括但不限于vue-flow、butterfly、JointJS、AntV G6、jsPlumb和Flowchart.js。这些库都提供了用于创建流程图、图形编辑和交互的功能。然而,它们在特性、易用性和生态系统方面存在一些差异。
发表于 2月以前
·
阅读量:197
JavaScript
动手实现类似Vue的极简前端框架
当然,常规的前端框架不只做到这一步,它们有专门的语法,如 Vue 中的模板语法和 React 中的 JSX,这些语法使得编写复杂的前端页面相对于其他方式更加简洁。
发表于 2月以前
·
阅读量:213
JavaScript
JavaScript之观察者模式
在日常开发中,开发人员经常使用设计模式来解决软件设计中的问题。其中,观察者模式是一种常用的模式,它可以帮助开发人员更好地处理对象之间的通信。
发表于 2月以前
·
阅读量:192
React 组件库都是怎么打包的?
大家都用过组件库,react 流行的组件库有阿里的 ant-design、字节的 semi-design、arco-design 等。那这些组件库都是怎么打包的呢?我们自己写个组件库的话,怎么写打包逻辑呢?这篇文章我们就来探究下。
发表于 2月以前
·
阅读量:119
不一样的懒+预加载带来不一般的用户体验
本文提到的便是一个基于webpack 插件与 react 组件实现的一套研发高度自定义、组件按需加载的资源预加载方案. 简单来说是为了通过配置 webpack 插件及少量业务代码即可实现Code Splitting + 组件懒加载 + 组件预加载。
发表于 2月以前
·
阅读量:160
JavaScript
解锁 PDF 文件:使用 JavaScript 和 Canvas 渲染 PDF 内容
最近研究了 `Web` 的 `FileSystemAccess` Api,它弥补了 Web 长期以来缺少的能力:操作用户设备中的文件;而如今通过这个 Api 我们能够实现常见的文件操作:创建、删除、修改、移动等。
发表于 5月以前
·
阅读量:228
JavaScript
Node.js 项目调试指南
`Node.js` 是一种流行的 `JavaScript` 运行时,与谷歌 `Chrome` 浏览器使用相同的 V8 引擎。它是跨平台的,在创建 Web 服务器、构建工具、命令行工具等方面越来越受欢迎。
发表于 5月以前
·
阅读量:243
JavaScript
前端构建工具的未来
前端构建工具对现代前端开发者的工作流程至关重要,原因有很多,包括改善开发者和用户体验。从开发者的角度来看,前端工具为我们提供了:编写模块的能力、用于本地开发的开发服务器、在开发模式下缩短反馈循环的热模块替换(HMR)、使用polyfills针对传统浏览器的能力、处理除JavaScript以外的一系列文件类型,等等。
发表于 5月以前
·
阅读量:335
JavaScript
React:我们的用法习惯可能是错误的
在我们React的日常开发中一些常用的写法,看似运行的很好,实际可能并不优雅。学习React并不是如何如何使用它,而是如何写出优雅,干净的代码。下面举一些例子,总结了一些React开发中不好的写法及相应更好的写法。
发表于 6月以前
·
阅读量:259
JavaScript
React Fiber技术解读:你需要知道面试官最关心的话题!
关于 React Fiber 出来也有几年了,可最近面试多了才发现,还是有很多人一知半解,所以本文梳理了一下有关 Fiber、以及这个话题环环相扣,可以延伸的点,给大家面试复习、查缺补漏,如果你是面试官也可直接拿去提问。
发表于 6月以前
·
阅读量:354
JavaScript
十个超级好用的Javascript技巧
在实际的开发工作过程中,积累了一些常见又超级好用的Javascript技巧和代码片段,包括整理的其他大神的JS使用技巧,今天筛选了10个,以供大家参考。
发表于 6月以前
·
阅读量:274
JavaScript
JavaScript的事件
使用事件代理的好处不仅在于将多个事件处理函数减为一个,而且对于不同的元素可以有不同的处理方法。假如上述列表元素当中添加了其他的元素节点(如:a、span等),我们不必再一次循环给每一个元素绑定事件,直接修改事件代理的事件处理函数即可。
发表于 6月以前
·
阅读量:262
JavaScript
vue-router 怎么传参
Vue传参的四种方式。
发表于 6月以前
·
阅读量:265
JavaScript
什么是Vuex
Vuex 是一个专为 Vue 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store(仓库)。
发表于 6月以前
·
阅读量:278
JavaScript
v-for中key的作用
Vue在patch过程中判断两个节点是否是相同节点,key是一个必要条件,渲染一组列表时,key往往是唯一标识,所以如果不定义key的话,Vue只能认为比较的两个节点是同一个,哪怕它们实际上不是,这导致了频繁更新元素,使得整个patch过程比较低效,影响性能.
发表于 6月以前
·
阅读量:218
JavaScript
$nextTick
nextTick是Vue提供的一个全局API,是在下次DOM更新循环结束之后执行延迟回调,在修改数据之后使用$nextTick,则可以在回调中获取更新后的DOM
发表于 6月以前
·
阅读量:221
JavaScript
vue 的生命周期
Vue生命周期的主要4个阶段。
发表于 6月以前
·
阅读量:252
«
1
2
3
4
5
6
7
8
9
10
»
JavaScript
共 1181 篇文章
累计 688277 次阅读
Flutter中文社区
Android社区 - 在线查看源代码
哈喽工具箱 - 提供好用的软件
收藏文章
暂不登录
去登录
登录后可以享受更多权益
收藏有用的文章
整理自己的代码
查阅浏览足迹
多个平台共享账号
去登录
首次使用?从这里
注册