git自己的分支合并到主分支

1.gitlab 创建分支
2.gitlab 拉取远程分支代码
3.设置邮箱+你的名字

vue2:
创建命令:vue create (项目名)app
运行命令:yarn serve

vue3:
创建命令:yarn create vite
会出现 Project name  app    ===> app项目名字
如下图所示:

接下来按照下面的顺序执行
  cd app  ===>切换到项目app文件中
  yarn    ===>安装包
  yarn dev  ===>项目运行命令

在vue2中使用自定义指令实现按钮权限

自定义指令是 Vue.js 的一种特殊功能，可以让我们自定义一些特殊的 DOM 属性，这些属性可以影响元素的行为。

import Vue from 'vue';

Vue.directive("mone",{   //Vue.directive("mone",{}): 这行代码在 Vue 对象上定义了一个新的指令 "mone"

    inserted(dom,val){   //  inserted(dom,val): 这是一个回调函数，当元素被插入到 DOM 中时会被调用。dom 是被绑定的元素，val 是绑定的值。
        if(!val.value.includes(localStorage.role)){   
            dom.remove();
        //if(!val.value.includes(localStorage.role)){ dom.remove(); }: 这个判断语句检查 val.value（即元素的 value 属性）是否包含本地存储的 role。如果不包含，那么 dom.remove() 会从 DOM 中移除这个元素。
        }  
    }
})

1.flat()用于将嵌套数组展平为一个新的一维数组。flat(Infinity)会将数组中的所有嵌套数组都展开，无论嵌套的层数有多深。这样可以确保将所有元素都展开到一个一维数组中，不管嵌套的层数有多少。
2.sort()方法是JavaScript数组的原生方法之一，用于对数组进行排序。默认情况下，它会将数组元素转换为字符串并按照Unicode编码的顺序进行排序。注意,该方法会原地修改数组，并返回排序后的数组。
3.reduce()方法也是JavaScript数组的原生方法之一，它用于将数组中的元素通过一个累加器函数进行累积计算，最终得到一个值

数组数据装换,数据处理

react遍历对象的方法:

//project 对象数据
{Object.keys(project).length > 0 ? (
            Object.keys(project).map((v, i) => (
              <div>
              {内容}
              </div>))) : (<div>Loading...</div>)}

              根据点击选项遍历对象
              //sum对象的键名,相当于数组索引
             // project[Object.keys(project)[sum]]   数组包对象
               { project[Object.keys(project)[sum]] && project[Object.keys(project)[sum]].map(item => {
              return (<div className='schedule-session-info' key={item.id}> </div>) })}

React是一个用于构建用户界面的JavaScript库。它由Facebook开发，并且被广泛应用于Web应用程序开发中。

React的主要特点包括：

1.组件化：React将用户界面拆分为独立的组件，每个组件具有自己的状态和属性。这种组件化的开发方式使得代码更加模块化、可复用和易于维护。

2.虚拟DOM：React使用虚拟DOM来提高性能。通过比较虚拟DOM与实际DOM的差异，React只更新需要改变的部分，而不是整个页面。这种优化使得React在处理大规模数据和频繁更新的情况下表现出色。

3.单向数据流：React遵循单向数据流的原则，数据从父组件向子组件传递，子组件不能直接修改父组件的数据。这种数据流的设计使得应用程序的状态变得可预测和可控。

4.生态系统丰富：React拥有庞大的生态系统，有许多社区开发的第三方库和工具可供选择，如React Router用于路由管理、Redux用于状态管理等。

1.安装Mock工具 npm install mockjs
2.创建Mock数据：根据接口的数据结构和需求，在前端项目中创建一个Mock数据文件
3.在前端代码中使用Mock数据：在需要获取后端数据的地方，通过发送网络请求的方式获取数据

1.在开发H5的app时,在浏览器安装的翻译插件影响排版
2.造成多出font标签,破坏了页面布局