前端开发

aiguangyuan10 天前
插件化·前端开发·微内核
微内核与插件化设计思想及其在前端项目中的应用微内核和插件化设计思想是一种将系统的核心功能拆分为最小化、独立的内核部分,而将额外功能以插件的方式进行扩展的设计模式。微内核负责基础功能,如核心通信和资源管理,而插件可以根据需求进行动态加载,实现额外的功能扩展。
aiguangyuan18 天前
vue·前端开发·ssr
Vue 服务端渲染 Nuxt 使用详解Nuxt 是基于 Vue 的高层框架,专注于服务器端渲染应用开发。它封装了繁琐的配置和通用模式,提供了开箱即用的 SSR 功能,使开发者能够专注于编写业务逻辑。
典学长编程20 天前
前端·javascript·css·html·前端开发
前端开发(HTML,CSS,VUE,JS)从入门到精通!第三天(JavaScript)1.JavaScript 是一种脚本语言由 LiveScript 改名而来,JavaScript 和 Java 没有任何关系,主要是为了利用 Java 的知名度所以改成 JavaScript。JavaScript 是一种基于客户端浏览器,基于对象,基于驱动的脚本语言,和所有脚本语言一致,JavaScript 是解释执行的。
aiguangyuan1 个月前
系统架构·vue·前端开发
前端开发 Vue 组件优化对于一些大型库,尽可能只导入需要的部分:代码分割是一种将应用分解成 分成较小的块 的技术,可以显著提高加载性能。在 Vue 中,我们可以结合动态导入和异步组件来实现:
aiguangyuan1 个月前
系统架构·vue·react·前端开发
前端开发性能优化概要应用级性能优化,需要结合实际需求展开分析,通常我们需要从以下几个方面来考虑:识别性能瓶颈是优化的第一步,通过各种工具和方法找到影响性能的主要原因:
aiguangyuan1 个月前
系统架构·前端开发
前端开发 React 状态优化为了更深入地理解 React 状态管理的性能问题及其解决方案,本文将详细分析 React Context 和 State 的性能问题,配以示例代码说明优化策略。之后,讨论 Redux 作为不可变库的性能问题,并引出 Immer 作为优化解决方案。
aiguangyuan1 个月前
系统架构·前端开发
React 项目性能瓶颈分析借助 rollup-plugin-visualizer 插件,可以分析通过 rollup 构建出的产物内容,并生成可视化图表,帮助你分析打包后的文件大小以及各个模块的占用情况。
Robbie丨Yang1 个月前
html·css3·前端开发·工作·职业规划
近期工作感想:职业规划篇最近整理博客时,撞见意外的惊喜——17年刚毕业那会儿写的职业规划,静静躺在回收站里。 重读那些碎碎念,忍不住想笑:那时候的焦虑太真切了,哪敢想后来会遇到这么多大佬,推着我往前一直阴暗爬行😂
白仑色1 个月前
开发语言·javascript·ecmascript·前端开发
JavaScript 语言基础详解关键词:JavaScript、基础语法、面向对象、原型链、异步编程、回调函数、Promise、async/await
白仑色1 个月前
前端·javascript·ajax·okhttp·web开发·前端开发
AJAX 入门到精通关键词:AJAX、前端开发、异步请求、JavaScript、XMLHttpRequest、jQuery、Fetch API
charlee441 个月前
教程·webgl·三维可视化·前端开发·计算机图形学
WebGL简易教程——结语笔者在几年前写过一系列关于WebGL的文章《WebGL简易教程——目录》,前端时间将其整理了一下,增加了一个在线案例的站点以便于学习查看。这里就顺便写一段结语吧。
aiguangyuan2 个月前
react·前端开发
React 动态路由的使用和实现原理在现代Web开发中,动态路由是实现单页应用中页面导航的关键技术之一。动态路由允许开发者根据URL中的参数动态地渲染不同的组件或页面。本文将详细解释动态路由的使用和实现原理,并通过一个示例代码块来展示如何在React应用中实现动态路由。
aiguangyuan2 个月前
react·前端开发
手写简版React-router手写一个简化版本的 React Router,主要实现其核心功能,包括路由配置、路径匹配和导航。这个简化版本将包括以下组件和函数:
aiguangyuan2 个月前
react·前端开发
React-router实现原理剖析React-router 实现最需要关注的就以下几方面:1. 路由值到视图的映射规则2. 对于路由变更的监听
aiguangyuan2 个月前
react·前端开发
React 19 新特性React 19 引入了多项新特性和改进,旨在提升开发都体验和应用性能。Actions 简化了异步操作的处理,自动管理待处理状态、错误、乐观更新和表单提交。开发者用 useTransition 来处理待处理状态,确保 UI 在数据变化时保持响应性。例如:
Thanks_ks2 个月前
javascript·vue.js·css3·html5·前端开发·web 开发·全栈实战
探索现代 Web 开发:从 HTML5 到 Vue.js 的全栈之旅在当今快速发展的互联网时代,Web 开发已经成为构建数字世界的重要基石。无论是企业级应用、社交媒体平台,还是个人博客和电商平台,Web 技术都在背后默默支撑着这些系统的运行。随着前端技术的不断演进,开发者们已经不再局限于传统的静态页面开发,而是转向更加动态、交互性强的应用程序开发。本文将带您踏上一段从基础到实战的旅程,深入探讨现代 Web 开发的核心技术,包括 HTML5、CSS3、JavaScript 以及主流框架如 Vue.js。通过本文,您将不仅掌握这些技术的基本概念和使用方法,还能了解如何将它们结
aiguangyuan2 个月前
react·前端开发
浅谈 React SuspenseReact Suspense 是 React 中用于处理异步操作的功能。它可以让你"等待"某些操作,如数据获取或组件加载完成,然后再渲染组件。Suspense 的核心理念是让组件在准备好之前显示一个备用的 UI,例如加载指示器,从而提高用户体验。
恰薯条的屑海鸥2 个月前
前端·css·学习·css3·前端开发·前端入门·前端教程
零基础学前端-传统前端开发(第三期-CSS介绍与应用)接着上期内容中学到的HTML,接下来继续CSS的学习还是上期说到的理解:HTML像PPT里的模板一样,而CSS像是PPT里模板基础上的一般样式美化一样
aiguangyuan2 个月前
react·前端开发
浅谈 React HooksReact Hooks 是 React 16.8 引入的一组 API,用于在函数组件中使用 state 和其他 React 特性(例如生命周期方法、context 等)。Hooks 通过简洁的函数接口,解决了状态与 UI 的高度解耦,通过函数式编程范式实现更灵活 React 应用编码实现。
aiguangyuan3 个月前
react·前端开发
React Hooks 基础指南React Hooks 是 React 16.8 引入的重要特性,它允许开发者在函数组件中使用状态和其他 React 特性。本文将详细介绍 6 个最常用的 React Hooks。