- 博客(14)
- 收藏
- 关注
RSS订阅原创 React笔记
# 全局安装脚手架npm i create-react-app -g创建项目:# project-name 项目名称create-react-app react-demosrc/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
1611
原创 小程序笔记
什么是小程序?小程序是一种不需要下载、安装即可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下就能打开应用，也 实现了用完即走的理念，用户不用安装太多应用，应用随处可用，但又无须安装卸载.小程序的特点：体积小、方便获取和传播 小程序的理念：用完即走 与普通网页开发的区别 与普通网页开发的区别运行环境不同： 网页运行在浏览器环境中, 小程序运行在微信环境中 提供的API不同： 由于运行环境的不同，所以小程序中，无法调用 DOM 和 BOM 的 API， 但在小程序中可以调
2022-04-16 21:54:16
489
原创 echarts 的使用/按钮权限/全局混入
echarts 的使用:// 1. 导入 或者 script外链资源// 2. 初始化一个echart对象 let echart = Echarts.init(挂载DOM节点)// 3. 设置配置项 echart.setOption({配置对象}) 配置对象翻阅文档即可！mounted里面做第一次的渲染 请求数据回来之后再次渲染按钮权限的实现:按钮权限的思路： 登录之后，会返回该用户所拥有的按钮权限标识，我们开发一个检测的方法，通过全局混入给每个组件使用。判断按钮的标识是否在..
2022-04-07 21:56:51
906
原创 权限管理-动态路由的三种思路
思路1： 登录之后，后端根据该用户的角色查询当该用户的权限信息，这些权限信息包含的标识是和本地完整的动态路由的name是有匹配关系的。我们登录之后拿到权限标识和本地的动态路由进行匹配筛选出属于当前用户的动态路由，然后通过router.addRoutes方法，直接添加到路由实例中去思路2： 登录之后，后端根据该用户的角色查询当该用户的权限信息，而这些权限信息就是该用户的动态路由，我们只需要将动态路由里面的component字段值为字符串转为真正的组件对象即可。然后通过router.ad...
2022-04-06 21:20:29
1196
原创 人资项目 笔记
跨域: 非同源(协议, 域名, 端口一致)解决开发环境的跨域问题vue-cli配置webpack的反向代理在vue.config.js里设置 module.exports = { devServer: {}处理token:在src/utils/auth.js中:import Cookies from 'js-cookie' // 本地存储const TokenKey = 'hrsaas-ihrm-token' // 设定一个独一无二的keyexp...
2022-03-24 20:46:45
930
原创 Element的表单校验笔记
安装Element开发时依赖 ： 开发环境所需要的依赖 -> devDependencies运行时依赖: 项目上线依然需要的依赖 -> dependenciesnpm 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
338
原创 vuex笔记2
Vuex中的模块化-Module如果把所有的状态都放在state中，当项目变得越来越大的时候，Vuex会变得越来越难以维护由此，就有了Vuex的模块化模块化中的命名空间// 放置子模块 modules: { user: { namespaced: true, // 加锁 模块化的命名空间 state: { token: '12345' }, mutations: { changeToken(sta
2022-03-19 19:48:26
141
原创 头条移动端笔记
配置路由: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
308
原创 vuex笔记
vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex数据流:src/store/index.js:// 创建了一个仓库实例const store = new Vuex.Store({// 配置项/核心概念// 存储数据的地方 任何组件都可以访问 state:{ },// mutations 唯一能修改数据的地方 mutations: ...
2022-03-05 20:13:13
157
原创 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
184
原创 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
349
原创 大事件笔记
这里我们使用到的是 layui ，先登录找到 layui 的官方文档:Layui - 经典开源模块化前端 UI 框架使用流程:左侧是快捷导航，能够让我们快速找到对应的一些页面效果分类或者是功能分类左侧选中我们想要的分类之后，右侧会有一个子分类，例如：左侧点击的布局，那么右侧是二级分 类，里面有哪些布局的结构样式当选中了对应的二级分类，就会跳转到对应效果那里 上面是示例效果 下面就是示例代码我们需要做的就是找到对应效果的代码， copy 到我们项目中，然后按照我们需要的效果进行调整 即可.
2022-01-21 19:03:52
549
原创 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
263
原创 ajax笔记
客户端: 专门负责获取和消费数据的电脑服务器: 专门负责存放和提供资源的电脑通信步骤: 请求-处理-响应URL: 统一资源定位符, 用于标识互联网上每个资源的唯一存放位置URL地址组成:(1)客户端与服务器之间的通信协议 (协议)(2)存有该资源的服务器名称 (域名)(3)资源在服务器上具体的存放位置 (路径)网页中如何请求数据: XMLHttpRequestget请求用于获取服务端资源(向服务器要资源)post请求用于向服务器提交数据(往服务器发送资源)Ajax实现网页与服务.
2022-01-15 19:31:08
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人