html基本知识点（看了就能懂）

一、axios下载引入

cnpm i axios --save

import axios from "axios"; Vue.prototype.$axios = axios;

二、ElementUI下载

vue2

cnpm i element-ui --save

import ElementUI from "element-ui"; import "element-ui/lib/theme-chalk/index.css"; Vue.use(ElementUI);

vue3

npm i element-plus --save import ElementPlus from 'element-plus' import 'element-plus/dist/index.css'

三、vant下载

vue3 cnpm i vant@next --save

import Vant from "vant"; import "vant/lib/index.css"; createApp(App).use(store).use(router).use(Vant).mount('#app')

vue2 cnpm i vant --save

import Vant from "vant"; import "vant/lib/index.css"; Vue.use(Vant);

四、本地存储

cnpm i vuex-persist --save 在store里引入 import vuexPersist from "vuex-persist";

plugins: [ new vuexPersist({ storage: window.localStorage, }).plugin, ],

五、rem转化

1）安装三个插件

• 这我们使用自动将 px 单位转化为 rem 单位的插件

• 安装命令 npm install postcss --save-dev npm install postcss-pxtorem@5.1.1 --save-dev 可以将 px 单位自动转化为 rem 单位 注：--save-dev 是安装在开发环境下 项目打包的时候 不会被打包进dist文件夹 --save 的意思是安装在 生产环境下 项目打包的时候 会被打包进 dist文件夹

• 还需要安装 npm i amfe-flexible --save 安装引入后 单位转化才可以使用 要安装三个东西 px才能自动的转化为 rem 这些工具帮助我们自动的实现移动端 的 适配

• • 在 main.js 中引入 amfe-flexible

  • import { createApp } from "vue";
    import App from "./App.vue";
    import router from "./router";
    import store from "./store";
    import "amfe-flexible";  //rem转化的工具
    createApp(App).use(store).use(router).use(Vant).mount("#app");

    3）

    • 在项目根目录下创建一个 postcss.config.js

    // 该文件项目启动后会自动运行
    // postcss.config.js
    module.exports = {
      plugins: {
        // postcss-pxtorem 插件的版本需要 >= 5.0.0
        "postcss-pxtorem": {
          rootValue({ file }) {
            // 判断是否是vant的文件 如果是就使用 37.5为根节点字体大小
            // 否则使用75 因为vant使用的设计标准为375 但是市场现在的主流设置尺寸是750
            return file.indexOf("vant") !== -1 ? 37.5 : 75;
          },
          // 配置哪些文件中的尺寸需要转化为rem *表示所有的都要转化
          propList: ["*"],
        },
      },
    };

六、 安装git

百度 搜索 git 
代开git官网
下载 -- 一路回车安装
​
桌面点击右键 -- git bash

1. 注册gi te e并且新建仓库

百度 打开 码云
​
注册  ---- 进入 码云
​
​
新建远程仓库：
 右上角 + ,新建仓库

1. 克隆 远程仓库到本地

   桌面新建文件夹，文件夹内 右键 git  bash
   git clone '远程仓库地址'
   例如： git clone https://gitee.com/courseP7/asdv.git

2. 本地到远程 *

   1. git add . 将本地的暂存
   2. git commit -m "描述信息"
        git config --global user.email "你的邮箱"
        git config --global user.name "你的名字"
   3. git push 

   七、css的引入方式有哪些？

   行内样式表（行内式） ​ 格式：<p style=""></p> ​ 内部样式表（内嵌式） ​ 格式：<style> ​ p { ​ color: red; ​ } ​ </style> ​ 外部样式表（外链式） ​ 格式：<link rel="stylesheet" href="" /> ​ 导入样式表（导入式） ​ 格式：@import url("")

   八、选择器的分类及优先级?

   基础选择器：全局选择器（通配符选择器）、标签选择器、id选择器、类选择器 ​ 复合选择器：链接伪类选择器 Css选择器优先级。 ​ ID选择器 > 类选择器 > 标签选择器 > 全局选择器

九、长度单位px和em的区别？

都是相对长度单位，但

px，是相对于显示器的屏幕分辨率而言的 em，是相对于当前对象内文本的字体尺寸。1em就是一个字的大小。

十、文字样式属性有哪些?

font-size  文字大小

font-family 文字的字体 font-weight 文字粗细 font-style 文字样式（倾斜） color 文字颜色

十一、英文字母大小写转换？

text-transform: capitalize；	/* 首字母大写 */

text-transform: lowercase； /* 全部小写 / text-transform: uppercase； / 全部大写 */

十二、文字的装饰效果及属性？

text-decoration属性 属性值：none(默认)/overline(上划线)/l