从零搭建Vue SSR应用
准备安装node(我当前环境版本 v22.2.0)安装yarn或者npm(我当前版本 yarn 1.22.18)安装 Create Nuxt AppCreate Nuxt App 是 Nuxt.js 官方提供的脚手架工具,可以快速生成 Nuxt.js 项目的基础...
从0到1搭建Flutter项目
1.安装 Flutter 开发环境开发环境:Mac 1.1 下载sdkhttps://docs.flutter.cn/release/archive?tab=macos 将下载的 SDK 解压到本地目中文文档:https://docs.flutter.cn/community/china/ 1...
学习笔记──React──搭建
方法一:使用 create-react-app 搭建 React 项目1. 确保电脑已经安装 Node.js 和 npm2. 安装 create-react-appcreate-react-app 是一个全局命令行工具,可以帮助你创建一个新的 React 项目。npx...
前端性能优化-CSS动画性能
一、浏览器渲染流程网页的生成过程,大致可以分成五步。很快: 解析HTML【遇到标签加载图片】 —> 构建DOM树很快: 加载样式 —> 解析样式【遇到背景图片链接不加载...
前端性能优化-CSS部分
加载层面为了避免让用户看到长时间的白屏时间,我们应该尽可能的提高css加载速度,比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况,替你挑选最近的一个具有缓存内容的节点为你提...
学习笔记──React──状态管理
1. 状态管理的基本概念在 React 中,状态(state)是指影响组件渲染的数据。状态可以是组件本地的(本地状态)或全局的(应用状态)。管理这些状态的方法有很多,从 React 内置的状态管理到第三...
学习笔记──React──路由
基本概念Router:包裹整个应用的路由器组件,常见的是 BrowserRouter 和 HashRouter。Route:定义应用中的各个路由,表示 URL 与组件的映射关系。Link:用于创建可点击的导航链接。Switch:确保...
浅谈Web实时通信-SSE(Server-Sent Events)技术及简单演示
一、什么是SSEServer-Sent Events (SSE) 是一种用于实现服务器主动向客户端推送数据的技术,也被称为“事件流”(Event Stream)。这种技术的核心思想是服务器通过HTTP连接持续推送数据到客户端...
学习笔记──搭建脚手架(一)──系统创建
前言通过借鉴同事的一个脚手架一步步实现如何去做一个脚手架。Node.js:整个脚手架的运行环境。es6:JavaScript的新语法。commander:TJ大神开发的工具,可以自动的解析命令和参数,用于处理用...
学习笔记──React──生命周期
1. React 组件生命周期概述React 组件的生命周期可以分为三个主要阶段:挂载(Mounting):组件被创建并插入到 DOM 中。更新(Updating):组件的状态或属性发生变化。卸载(Unmounting):组件...


