前端

vue.config.js中的webpack配置,优化及多页面应用开发

目录 一、vue.config.js中常用的配置 1、导出模块 2、publicPath 部署应用包的基本Url 3、outputDir 输出文件目录 4、assetsDir 打包后生成的静态资源目录 5、lintOnSave 6、productionSourceMap 生产环境的 source map 7、devServer 8、 chainWebpack webpack配置 9、confi

Vue接口调用方式(二)axios用法

axios用法 ✍目录总览: 1. axios的基本特性 axios 是一个基于Promise用于浏览器和node.js的HTTP客户端。 它具有以下特征: 支持浏览器和node.js 支持promiseAPI 自动转换JSON数据 能拦截请求和响应请求 转换请求数据和响应数据(请求是可以加密,在返回时也可进行解密) 2. axios的基本用法 //客户端请求 axios.get

HTML————更实用于后端宝宝们学习的前端

博主主攻后端,但是毕竟要做网站,我们来学习一点前端的知识,一共有三节,学完就能做一点小小的页面啦;1.1 HTML基础什么是HTML呢,他是超文本标记语言,还记得HTTP是啥不,HTTP是超文本传输协议,别忘了哈,超文本就是字面意思,它的能力完全

Vite中使用Ant Design Vue3.x框架

官网: 文档选择vue3版本,也是官网当前推荐的 安装 ant-design-vue npm i --save ant-design-vue main.js引入,全局使用 import { createApp } from 'vue' import App from './App.v

ts学习(2)

显示类型 如下:把变量的类型值直接写出来。 //如下 function greet(person:string){....} 如下:不写出类型值,ts会进行根据赋值,进行类型推断。 let msg ='niuniu'; msg='guagua'; msg=100;//报错 降级编译 在配置文件tsconfig.json中修改target,来更改ts编译目标的代码版本。targ

Android Flow 与Live Data对比

[转]官方推荐 Flow 取代 LiveData,有必要吗? 更加详细的文章:不做跟风党,LiveData,StateFlow,SharedFlow 的使用场景对比 前言 打开Android架构组件页面,我们可以发现一些最新发布的jetpack组件,如Room,DataStore, Paging3,DataBinding 等都支持了Flow Google开发者账号最近也发布了几篇使用Flow的文章

vue 项目打包分析和优化

打包分析工具(webpack-bundle-analyzer) 分析 Bundle 由什么模块组成 分析什么模块占据了比较大的体积 分析是否有什么错误的模块被打包了 未优化前的代码2.85M image.png 安装及配置 npm install -D webpack-bundle-analyzer 配置环境变量 .env.analyze NODE_ENV = pro

React学习之——条件渲染(个人笔记)

React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。 if运算符 function UserGreeting(props) { return <h1>Welcome back!</h1>

如何用一行 CSS 实现 10 种现代布局

现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局,它们实现了一些非凡的工作。 01. 超级居中:place-items: center ![2.gif](