首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端逐浪
RicardoPang
创建于2025-01-09
订阅专栏
### 🎯 专栏亮点 - 深入浅出的算法讲解,从复杂度分析到实战题解 - 系统化的前端工程体系建设经验分享 - 大厂实践案例解析,理论结合实战 - 持续更新的技术积累,与你一起成长
等 1 人订阅
共27篇文章
创建于2025-01-09
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React 18 源码解析:从入门到精通
嘿,各位前端老铁们好啊!我是逐浪前端,今天要带大家一起硬核踩坑React 源码。说实话,第一次看 React 源码的时候,我整个人都是懵的,那复杂的调度系统简直让人头秃!但别担心,几经沉淀后,我决定用
手写react16源码
😱 震惊!我花 3 天时间实现了 React16 核心源码,竟发现这些惊人真相! 🔥 React 进化史:从递归到 Fiber,革命性的转变 大家好,我是逐浪前端,今天我要和大家分享一个令人兴奋的话题
从 0 到 1 打造高颜值 React 云音乐,看完这篇就够了!
1. 技术栈大揭秘 在这个项目中,我们没有走寻常路,而是采用了一系列黄金组合,让代码既优雅又高效: 前端三剑客 React: 作为 UI 的一把手,用函数组件+Hooks 重新定义组件化开发 Redu
深入理解Webpack
1. 什么是Webpack Webpack可以看作是一个模块打包工具,它会分析你的项目结构,找到JavaScript模块以及其他一些浏览器不能直接运行的扩展语言(如Scss、TypeScript等),
手写vuex源码
一.Vuex基本使用及用法 二.自己实现Vuex模块 3.1.install方法 3.2.实现state 3.3.实现getters 3.4.实现mutations 3.5.实现actions 三.实
手写Vue3.0源码
一.Vue3响应式原理 1.1. 架构分析 Monorepo 管理项目代码的一种方式,指在一个项目仓库(repo)中管理多个模块/包(package) 优点 一个仓库可维护多个模板,不用到处找仓库 方
手写vue-router源码
一.Vue-Router基本应用 通过Vue路由的基本配置来探索Vue-Router 核心方法是 Vue.use(Router),再就是new Router产生router实例 二.编写Vue-Rou
前端组件库
从零开始:打造一个现代化的Vue3组件库 在当今快速发展的前端世界中,组件库已成为提高开发效率、保持代码一致性的关键工具。本文将带您深入探讨如何从零开始构建一个现代化的Vue3组件库,涵盖从项目搭建到
Typescript 安全编码的秘密武器
1. typescript 是什么 Typescript 是由微软开发的一款开源的编程语言 Typescript 是 Javascript 的超集,遵循最新的 ES5/ES6 规范。TypeScrip
从零开始,手写完整的Promise原理
1. 异步回调 1.1 回调地狱 在执行多个操作时,回调函数的嵌套可能会导致代码难以理解,这种现象通常被称为回调地狱 1.2 并行结果 当多个异步操作之间没有顺序要求时,可以并行执行以节省时间。然而,
微信小程序-开发和原理
微信小程序的技术架构与运行原理解析 小程序作为微信生态中的轻量级应用,极大地简化了开发者的开发流程,同时保证了用户的良好使用体验。本文将深入解析小程序的技术架构,从逻辑层与渲染层的角度详细剖析小程序的
前端性能优化
一. 背景 前端性能优化:以用户为导向的策略 在当今的技术环境中,前端性能优化已经成为一个重要的议题。随着用户对于网页加载速度和交互反应时间的期望日益提高,只有具备优秀性能的网站才能在竞争中脱颖而出。
前端网络请求-TypeScrpt封装Axios
一. axios 的二次封装 为什么需要二次封装? 二次封装 axios 的主要目的是为了提高代码的可维护性和可扩展性。在一个复杂的项目中,网络请求可能会随着项目的发展而演变,甚至可能需要切换到其他的
前端监控与埋点
前端监控埋点 一、为什么需要监控: 快速发现和解决问题:通过实时监控前端错误和性能瓶颈,能够迅速定位和修复问题,减少用户流失。 数据驱动决策:收集的用户行为和性能数据为产品优化和业务决策提供了有力支持
移动端适配
1. 屏幕尺寸 指屏幕对角线的长度,单位是英寸,1英寸=2.54cm 2.像素 2.1 屏幕分辨率(物理像素) 指在横纵方向上的像素点,单位是px,1px=1个像素点 这里的1像素指的是设备的1个物理
从零开始实现一个简化版 Webpack 打包器
一、读取文件内容与解析依赖关系 Webpack 的打包过程从读取入口文件开始,并通过递归解析其依赖关系,逐步构建出整个项目的依赖图。我们可以将这一过程拆解为以下几个步骤: 读取文件内容:通过 Node
Node Library依赖分析
概述 本工具旨在为开发者提供一种高效的方式来分析和管理项目的依赖关系。通过递归 node_modules 目录和解析锁文件,构建出清晰的依赖关系图,并使用 D3.js 实现可视化展示。 效果 核
web开发
1. koa koajs Koa2 是现在最流行的基于 Node.js 平台的 web 开发框架 2.安装 2.应用程序 Koa 应用程序是一个包含一组中间件函数的对象,它是按照类似堆栈的方式组织和执
深入解析V8引擎:JavaScript对象存储与性能优化
什么是Google V8 V8 是由 Google 开发的开源 JavaScript 引擎,广泛应用于 Chrome 浏览器和 Node.js,其核心功能是执行 JavaScript 代码。 原理:通
Node文件处理
1. fs 模块 在 Node.js 中,使用 fs 模块来实现所有有关文件及目录的创建、写入及删除操作。 在 fs 模块中,所有的方法都分为同步和异步两种实现。 具有sync后缀的方法为同步方法,不
下一页