程序开发 Css 中 flex 弹性布局详解 1. 概念 flex 是 CSS 的一种布局模式,它通过定义父容器 (flex container) 和子元素 (flex items) 之间的关系来创建灵活的布局。 1.1 容器-Flex Container 设置了 display: flex 或 display: inline-flex 称为容器。 它的所有直接子元素都会成为 flex items (弹性项目)。 1.2 弹性项目-Flex ...
文章转载 ESlint9 + Prettier 配置教程 在我还不知道如何从 0 开始配置ESlint的时候,ESlint已经更新到 9.x 了。而我还一直在用各种 cli 自动生成的ESlint配置,基本是ESlint@8.x版本。看着package.json中一大堆eslint依赖,不知道哪些有用哪些多余。本着不是最新我不用的原则,当我尝试升级到 ESlint9.x 时,却不是很顺利,因为ESlint@9.x配置上做了一些大改。折腾了几天之后,我发现...
程序开发 Axios 基本使用教程 1. 简介 Axios 是一个基于 promise 的网络请求库,作用于 node.js 和浏览器中。它提供了许多强大的特性,比如拦截器、请求和响应转换、取消请求等。 具有如下特性: 从浏览器发出 XMLHttpRequests 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 JSON 数据的自动转换 自动将数据对象序列化为正文...
程序开发 Promise 简介以及使用教程 1. 回调地狱 要了解 Promise 是什么,首先要知道什么是异步编程,常见的异步编程有以下几种: nodejs 中 fs 模块操作磁盘文件 数据库操作 ajax 请求 定时器 要知道,js 设计之初就是单线程模式,那么遇到异步函数不能等它执行完再执行,所以通常传递一个回调函数。例如: setTimeout(() => { console.log('3 秒后打印'); ...
程序开发 Vuex 使用教程 1. 简介 Vuex 是一个 Vue 的状态管理工具,状态就是数据。它的使用场景是多个组件共同维护一份数据(如购物车),或者多个组件使用同一个状态(个人信息)。 其实就是集中式的管理数据,如下图所示: 官方文档:https://vuex.vuejs.org/zh/ 2. 基本使用 vue2 中使用 vuex 分为以下几个步骤: 安装 vuex 引入 vuex 注册 vuex 插件 创建 Vuex ...