MMH_MMH-优快云博客

原创 React笔记

# 全局安装脚手架 npm i create-react-app -g 创建项目: # project-name 项目名称 create-react-app react-demo src/index.js: // 导入 react [核心语法包] import React from "react"; // 导入 react-dom [react操作DOM的模块包] import ReactDOM from "react-dom"; // <h1 id='desc'...

2022-04-23 21:34:13 1726

原创小程序笔记

什么是小程序? 小程序是一种不需要下载、安装即可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下就能打开应用，也实现了用完即走的理念，用户不用安装太多应用，应用随处可用，但又无须安装卸载. 小程序的特点：体积小、方便获取和传播小程序的理念：用完即走与普通网页开发的区别与普通网页开发的区别运行环境不同：网页运行在浏览器环境中, 小程序运行在微信环境中提供的API不同：由于运行环境的不同，所以小程序中，无法调用 DOM 和 BOM 的 API，但在小程序中可以调

2022-04-16 21:54:16 631

原创 echarts 的使用/按钮权限/全局混入

echarts 的使用: // 1. 导入或者 script外链资源 // 2. 初始化一个echart对象 let echart = Echarts.init(挂载DOM节点) // 3. 设置配置项 echart.setOption({配置对象}) 配置对象翻阅文档即可！ mounted里面做第一次的渲染请求数据回来之后再次渲染按钮权限的实现: 按钮权限的思路：登录之后，会返回该用户所拥有的按钮权限标识，我们开发一个检测的方法，通过全局混入给每个组件使用。判断按钮的标识是否在..

2022-04-07 21:56:51 984

原创权限管理-动态路由的三种思路

思路1：登录之后，后端根据该用户的角色查询当该用户的权限信息，这些权限信息包含的标识是和本地完整的动态路由的name是有匹配关系的。我们登录之后拿到权限标识和本地的动态路由进行匹配筛选出属于当前用户的动态路由，然后通过router.addRoutes方法，直接添加到路由实例中去思路2：登录之后，后端根据该用户的角色查询当该用户的权限信息，而这些权限信息就是该用户的动态路由，我们只需要将动态路由里面的component字段值为字符串转为真正的组件对象即可。然后通过router.ad...

2022-04-06 21:20:29 1333

原创人资项目笔记

跨域: 非同源(协议, 域名, 端口一致) 解决开发环境的跨域问题 vue-cli配置webpack的反向代理在vue.config.js里设置 module.exports = { devServer: { } 处理token: 在src/utils/auth.js中: import Cookies from 'js-cookie' // 本地存储 const TokenKey = 'hrsaas-ihrm-token' // 设定一个独一无二的key exp...

2022-03-24 20:46:45 1036

原创 Element的表单校验笔记

安装Element 开发时依赖：开发环境所需要的依赖 -> devDependencies 运行时依赖: 项目上线依然需要的依赖 -> dependencies npm i element-ui 在main.js中对ElementUI进行注册 : import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 表单的校验规则: ..

2022-03-21 21:34:07 465

原创 vuex笔记2

Vuex中的模块化-Module 如果把所有的状态都放在state中，当项目变得越来越大的时候，Vuex会变得越来越难以维护由此，就有了Vuex的模块化模块化中的命名空间 // 放置子模块 modules: { user: { namespaced: true, // 加锁模块化的命名空间 state: { token: '12345' }, mutations: { changeToken(sta

2022-03-19 19:48:26 182

原创头条移动端笔记

配置路由: import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) // 路由映射数组 const routes = [ { path: '/login', name: 'login', component: () => import('@/views/login') // 路由的懒加载 } ] // 实例化路由对象 const router = new VueRou

2022-03-07 19:07:32 381

原创 vuex笔记

vuex: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 vuex数据流: src/store/index.js: // 创建了一个仓库实例 const store = new Vuex.Store({ // 配置项/核心概念 // 存储数据的地方任何组件都可以访问 state:{ }, // mutations 唯一能修改数据的地方 mutations: ...

2022-03-05 20:13:13 199

原创 vue笔记

vue是一个渐进式的javascript框架 @vue/cli安装: yarn global add @vue/cli 或者 npm install -g @vue/cli 创建脚手架项目: vue create 项目名字 (不能有中文和空格) lintOnSave: false // 关闭eslint检查 vue指令: 插值表达式: {{ }} MVVM设计模式: 设计模式: 是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。 MVVM，一种软件架构模式，决定了写代...

2022-02-22 19:50:34 220

原创 webpack笔记

webpack模块打包工具本质是一个第三方模块包, 用于分析并打包代码为什么要学习? 1. 减少文件数量 2. 缩减代码体积 3. 提高浏览器打开的速度总结: 1. 是一个模块包 2. 识别代码, 翻译, 压缩, 整合打包 3. 提高打开网站的速度默认只能识别js文件 webpack基础使用默认入口: ./src/index.js 默认出口: ./dist/main.js 初始化包环境 yarn init 安装依赖包 yarn add webpack web

2022-02-10 19:14:23 391

原创大事件笔记

这里我们使用到的是 layui ，先登录找到 layui 的官方文档:Layui - 经典开源模块化前端 UI 框架使用流程: 左侧是快捷导航，能够让我们快速找到对应的一些页面效果分类或者是功能分类左侧选中我们想要的分类之后，右侧会有一个子分类，例如：左侧点击的布局，那么右侧是二级分类，里面有哪些布局的结构样式当选中了对应的二级分类，就会跳转到对应效果那里上面是示例效果下面就是示例代码我们需要做的就是找到对应效果的代码， copy 到我们项目中，然后按照我们需要的效果进行调整即可.

2022-01-21 19:03:52 635

原创 Git笔记

Git: 开源的分布式版本控制系统特性: 1. 直接记录快照, 而非差异比较 2. 近乎所有操作都是本地执行 Git中的三个区域: 工作区, 暂存区, Git仓库三种状态: 已修改modified, 已暂存staged, 已提交committed 获取Git仓库的两种方式: 1. 将尚未进行版本控制的本地目录转换为Git仓库 2. 从其他服务器克隆一个已存在的Git仓库工作区中文件的4中状态: 未被Git管理: 未跟踪Untracked 已被Git管理: 未修改Unmodified(终极结果..

2022-01-18 19:03:47 326

原创 ajax笔记

客户端: 专门负责获取和消费数据的电脑服务器: 专门负责存放和提供资源的电脑通信步骤: 请求-处理-响应 URL: 统一资源定位符, 用于标识互联网上每个资源的唯一存放位置 URL地址组成: (1)客户端与服务器之间的通信协议 (协议) (2)存有该资源的服务器名称 (域名) (3)资源在服务器上具体的存放位置 (路径) 网页中如何请求数据: XMLHttpRequest get请求用于获取服务端资源(向服务器要资源) post请求用于向服务器提交数据(往服务器发送资源) Ajax实现网页与服务.

2022-01-15 19:31:08 255

MMH_MMH的博客