从0到1搭建Flutter项目
1.安装 Flutter 开发环境开发环境：Mac 1.1 下载sdkhttps://docs.flutter.cn/release/archive?tab=macos 将下载的 SDK 解压到本地目中文文档：https://docs.flutter.cn/community/china/ 1...
学习笔记──阿里云轻量服务器
阿里云轻量服务器 镜像为Alibaba Cloud Linux 3.21.04背景非自动安装openclaw，遇到端口转发的问题，配置nginx，openclaw端口18789，我的域名已经dns解析到服务器的ip上安装 nginxsudo rm -f /e...
学习笔记──React──路由
基本概念Router：包裹整个应用的路由器组件，常见的是 BrowserRouter 和 HashRouter。Route：定义应用中的各个路由，表示 URL 与组件的映射关系。Link：用于创建可点击的导航链接。Switch：确保...
学习笔记──React──性能优化
常见的性能优化策略1. 使用 React.memo 优化函数组件React.memo 是一个高阶组件，可以缓存组件的输出结果，从而避免不必要的重新渲染。它类似于类组件中的 shouldComponentUpdate。它通过对比前...
Live Share
什么是Live Share？Visual Studio Live Share 是一款实时协作工具，允许多个开发者同时编辑和调试代码，而无需克隆代码仓库或安装额外的 SDK。它支持跨语言、跨环境的协作，让团队成员可以在自...
浅谈Web实时通信-SSE（Server-Sent Events）技术及简单演示
一、什么是SSEServer-Sent Events (SSE) 是一种用于实现服务器主动向客户端推送数据的技术，也被称为“事件流”（Event Stream）。这种技术的核心思想是服务器通过HTTP连接持续推送数据到客户端...
常见代理工具对比
WhistleSwitchHostsFiddlerCharles工具定位与简介定位网络代理调试工具Hosts 管理工具，侧重于本地 DNS 解析网络抓包和调试工具网络抓包和调试工具（更侧重于 macOS 用户）简介支持 HTTP、HTT...
学习笔记──React──搭建
方法一：使用 create-react-app 搭建 React 项目1. 确保电脑已经安装 Node.js 和 npm2. 安装 create-react-appcreate-react-app 是一个全局命令行工具，可以帮助你创建一个新的 React 项目。npx...
学习笔记──React──单元测试
单元测试可以针对组件的各个部分进行测试，包括组件的渲染、状态管理、事件处理、生命周期方法等。常见的单元测试内容渲染测试：确保组件能够正确地渲染到 DOM 中。验证组件的静态输出是否符合...
前端性能优化-CSS动画性能
一、浏览器渲染流程网页的生成过程，大致可以分成五步。很快： 解析HTML【遇到标签加载图片】 —> 构建DOM树很快： 加载样式 —> 解析样式【遇到背景图片链接不加载...