web前端 第2页
前端性能优化-CSS动画性能
一、浏览器渲染流程网页的生成过程，大致可以分成五步。很快： 解析HTML【遇到标签加载图片】 —> 构建DOM树很快： 加载样式 —> 解析样式【遇到背景图片链接不加载...
6年前
浅谈Web实时通信-SSE（Server-Sent Events）技术及简单演示
一、什么是SSEServer-Sent Events (SSE) 是一种用于实现服务器主动向客户端推送数据的技术，也被称为“事件流”（Event Stream）。这种技术的核心思想是服务器通过HTTP连接持续推送数据到客户端...
2年前学习笔记──React──性能优化
常见的性能优化策略1. 使用 React.memo 优化函数组件React.memo 是一个高阶组件，可以缓存组件的输出结果，从而避免不必要的重新渲染。它类似于类组件中的 shouldComponentUpdate。它通过对比前...
2年前学习笔记──React──生命周期
1. React 组件生命周期概述React 组件的生命周期可以分为三个主要阶段：挂载（Mounting）：组件被创建并插入到 DOM 中。更新（Updating）：组件的状态或属性发生变化。卸载（Unmounting）：组件...
2年前前端性能优化-CSS部分
加载层面为了避免让用户看到长时间的白屏时间，我们应该尽可能的提高css加载速度，比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况，替你挑选最近的一个具有缓存内容的节点为你提...
5年前
学习笔记──搭建脚手架(一)──系统创建
前言通过借鉴同事的一个脚手架一步步实现如何去做一个脚手架。Node.js：整个脚手架的运行环境。es6：JavaScript的新语法。commander：TJ大神开发的工具，可以自动的解析命令和参数，用于处理用...
3年前Taro | 多端统一开发解决方案
Taro是一个多端统一开发框架，可以帮助开发者使用一套代码同时适配多个小程序和Web平台，如微信小程序、支付宝小程序、百度小程序、字节跳动小程序、QQ 小程序、快应用、H5等。一、特点优势多端...
2年前
学习笔记──搭建脚手架(三)──Ceate功能
今天研究Create功能fs-extra：fs-extra是fs的一个扩展，提供了非常多的便利APIpath：Node.js path 模块提供了一些用于处理文件路径的小工具chalk：chalk，可以给终端的字体加上颜色inquirer：in...
3年前前端性能优化-页面渲染流程
一、浏览器渲染流程网页的生成过程，大致可以分成五步。很快： 解析HTML【遇到标签加载图片】 —> 构建DOM树很快： 加载样式 —> 解析样式【遇到背景图片链接不加载...
2年前学习笔记──React──基本概念
1. JSX描述JSX 是一个 JavaScript 的语法扩展，长得很像 HTML。它被用来描述 UI 的结构，React 元素使用 JSX 来创建。详细解释JSX 看起来像模板语言，但它充分利用了 JavaScript 的能力。每个 J...
2年前