大家好，我是渡一前端子辰老师。 众所周知，前端开发是一个不断追求优化的领域，无论是在代码质量、性能效率还是用户体验方面，都需要不断地探索和创新。 今天我们以 Vue 为例，介绍一个常见的...

在权限系统开发中，根据后端返回的菜单列表动态添加路由是非常常见的需求，它可以实现根据用户权限动态加载可访问的页面。在上一篇文章中，我们已经了解到如何渲染侧边栏菜单。本篇文章我们将重...

JSX简介  let element = <h1>Hello，React</h1> 右侧赋值的标签并不是字符串，而是一段 JSX 的语法 JSX 是什么？ JSX 是一种 JavaScript 的语法扩展，也称之为 JavaScript XML，因...

网站 ICP 备案已施行了很久，我们也非常清楚必须在进行 ICP 备案后，网站才能在大陆范围合法运营，并且用户可以通过域名正常访问网站。 但是月初出了新规，明年起，国内的 App 也要像网站一样进...

我正在参加「掘金·启航计划」 在介绍渲染函数的使用前，我们需要先了解一些官网提供的基础概念 DOM 树 在深入渲染函数之前，了解一些浏览器的工作原理是很重要的。以下面这段 HTML 为例： <...

大家好，我是苏先生，一名热爱钻研、乐于分享的前端工程师，跟大家分享一句我很喜欢的话：人活着，其实就是一种心态，你若觉得快乐，幸福无处不在 前言 本文是屎山代码优化系列的第二篇文章，本...

概述 在现在的很多开源框架中，我们经常能在源码中看到注解处理器的影子，比如我们熟悉的阿里的ARouter,Android开发中的替代findViewById神器黄油刀ButterKnif,事件总线EventBus等都使用了注解...

Pake —— 利用 Rust 轻松构建跨端轻量级应用 回放链接：live.juejin.cn/4354/jpower… 在掘力计划系列活动第20场前端工程师 Tw93（真名汤威）为我们分享了跨端开发与跨端技术实践。 汤威是一名...

为何使用setState React 中不能直接修改 state 的值来让界面发生更新，因为 React 并没有实现类似 Vue2 中的 Object.defineProperty，或是 Vue3 中的 Proxy 的方式进行数据劫持，监听数据变化 R...

我正在参加「掘金·启航计划」 项目创建 我们创建如图几个文件夹 main：主应用（采用vue3作为技术栈） react：子应用1 vue2：子应用2 vue3：子应用3 service：服务端代码 vue2子应用： 我们在Ap...

上图是 State of JavaScript 2022 前端框架满意度排名。前三名分别是 Solid、Svelte、Qwik。我们可以称他们为次世代前端框架的三大代表，前辈是 React/Angular/Vue。 目前 React/Augular/Vue 还...

前言 对于中后台项目的基础组件，一般element-plus和ant design就够用了，但有时我们还是想对功能做一些补充和调整，如使用功能更强大的vxe-table替代element-plus的table，或者很多公司的UI会...

我们都知道，vite 在开发时使用的是 esbuild 作为依赖预构建和 ts、jsx 文件转译工具，通过浏览器的 ESM 加载，而在生产打包时使用的是 Rollup 作为打包工具。这样的双引擎架构可以同时享受到到...

路由概念 核心： 改变 URL ，但是页面不进行整体的刷新 作用：维护 URL 和渲染页面的映射关系 目的： 通过 JavaScript 监听 URL 的改变，并且根据 URL 的不同重新渲染页面 改变 URL 但不刷新页...

Next.js 中支持 3 种渲染方式：服务端渲染（Server-Side Rendering，简称 SSR）、静态站点渲染（Static Site Generation，简称 SSG）和客户端渲染（Client-Side Rendering，简称 CSR）。 预渲染...

网络请求是前端开发中非常重要的一环，但是当我们处理较大的网络请求时，我们往往会面临着长时间的等待和页面白屏的问题。 这不仅影响了用户体验，也降低了网站的性能。 那么，你是如何解决这一...

目标 vue-router基础使用 vue-router数据结构 meta数据结构定义 路由守卫 路由鉴权过程 路由permisson逻辑实现 vue-router基础使用 vue项目的开发是离不开vue-router的。vue作为一个mvvm框架，...