学习笔记──搭建脚手架(二)──List功能
由于时间原因,今天实现了一个简单的功能 —— list 功能。当前文件结构cli-table2:内容以表格形式呈现。chalk:色彩丰富的终端工具,可以给终端的字体加上颜色。1、安装依赖cli-table2,cha...
前端性能优化-CSS部分
加载层面为了避免让用户看到长时间的白屏时间,我们应该尽可能的提高css加载速度,比如可以使用以下几种方法:使用CDN(因为CDN会根据你的网络状况,替你挑选最近的一个具有缓存内容的节点为你提...
Live Share
什么是Live Share?Visual Studio Live Share 是一款实时协作工具,允许多个开发者同时编辑和调试代码,而无需克隆代码仓库或安装额外的 SDK。它支持跨语言、跨环境的协作,让团队成员可以在自...
从0到1搭建Flutter项目
1.安装 Flutter 开发环境开发环境:Mac 1.1 下载sdkhttps://docs.flutter.cn/release/archive?tab=macos 将下载的 SDK 解压到本地目中文文档:https://docs.flutter.cn/community/china/ 1...
从零搭建Vue SSR应用
准备安装node(我当前环境版本 v22.2.0)安装yarn或者npm(我当前版本 yarn 1.22.18)安装 Create Nuxt AppCreate Nuxt App 是 Nuxt.js 官方提供的脚手架工具,可以快速生成 Nuxt.js 项目的基础...
学习笔记──React──路由
基本概念Router:包裹整个应用的路由器组件,常见的是 BrowserRouter 和 HashRouter。Route:定义应用中的各个路由,表示 URL 与组件的映射关系。Link:用于创建可点击的导航链接。Switch:确保...
学习笔记──React──依赖安装
一、一些必要的依赖# 安装 Babel 和相关插件npm install @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript babel-loader# 安装 ESLint 和相关插件npm install esli...
Taro | 多端统一开发解决方案
Taro是一个多端统一开发框架,可以帮助开发者使用一套代码同时适配多个小程序和Web平台,如微信小程序、支付宝小程序、百度小程序、字节跳动小程序、QQ 小程序、快应用、H5等。一、特点优势多端...
前端优化方案
一、无损压缩图片大小,提升页面加载速度使用工具如TinyPNG压缩PNG和JPEG格式的图片,调整图片质量参数以获得最佳压缩效果。使用CSS Sprites将多个小图片合并成一张大图,减少HTTP请求,将多个...