可？-CSDN博客

原创 vue3.0 vuex模块化

store index.jsimport { createStore } from 'vuex'import persistedstate from 'vuex-persistedstate';import login from './login'export default createStore({ //持久化默认localhost 换成sesstion // plugins: [persistedstate({ // storage: window.sessionSt

2021-04-19 14:59:32 835

原创 vue3.0 页面动画以及页面缓存

template <router-view class="router-view" v-slot="{ Component }"> <transition name="slide-left"> <keep-alive :include="state.hello"> <component :is="Component" /> </keep-alive> &l

2021-04-19 14:55:28 509

原创 vue 下载文件

<el-button @click="downloadExcel(flowMsg.applyForm.fileUpload)" type="primary" size="medium" >下载</el-button >import axios from 'axios' //下载 downloadExcel(params) { axios({

2021-04-15 10:23:02 175

转载 vue 动态菜单侧边栏

1，创建vue的左侧导航栏组件<template> <div>  <el-menu-item v-for="(item,index) in navlist" :key="index" v-if="item.adminMenu.menuType =='page'" :index="item.adminMenu.path" > <i

2020-12-15 11:33:09 3073

原创 element-ui table表格动态v-for渲染表格

element-ui动态生成表头和数据；应用场景：由于业务需要根据后台返回的数据进行动态的生成表格（表头+数据）1、template<el-table style="width: 100%" border :data="tableData"> <template v-for="(item,index) in tableHead"> <el-table-column :prop="item.column_name" :label="item.column_com

2020-11-30 16:49:17 8612 2

原创清除浮动的三种办法

1，父级div定义 height 原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。简单、代码少、容易掌握，但只适合高度固定的布局.2，结尾处加空div标签 clear：both 原理：在浮动元素的后面添加一个空div兄弟元素，利用css提高的clear：both清除浮动，让父级 div能自动获取到高度，如果页面浮动布局多，就要增加很多空div，让人感觉很不好.3，父级div定义伪类：after 和 zoom /清除浮动代码/.clearfix：after{ con

2020-08-14 14:31:41 173

原创 Vue-Vue组件的注册和使用

全局注册：要注册一个全局组件，可以使用 Vue.component(tagName, options)。注意确保在初始化根实例之前注册组件：html代码：<div id="example"> <my-component></my-component></div>JS代码：// 注册Vue.component('my-component', { template: '<div>A custom component!</

2020-08-14 13:16:17 407

原创配置请求头请求拦截器响应拦截器

1丶配置请求头const request = axios.create({ baseURL: 'http://ttapi.research.itcast.cn/' // 基础路径})2丶配置请求拦截器import axios from 'axios'import store from '@/store'// 请求拦截器request.interceptors.request.use( function(config) { // config ：本次请求的配置对象 /

2020-08-14 08:56:44 3261

原创 .prettierrc文件常见配置

使用vcode下载安装 Prettier - Code formatter然后在 .prettierrc 配置自己的代码格式//每行最多多少个字符换行 "printWidth": 100, // tab缩进大小,默认为2 "tabWidth": 4, // 使用tab缩进，默认false "useTabs": false, // 使用分号, 默认true "semi": false, // 使用单引号, 默认false(在jsx中配置无效, 默

2020-08-11 18:30:00 1320

原创 Vue自定义函数挂载到全局方法

使用export default + install + Vue.prototype方法写在哪，怎么写，一般按项目规则和个人习惯我这里以$http为例1.创建request文件夹，创建index.js文件,写入方法const $http = function(...){ //全局方法最好用$开头 ...}export default vueHttp = { install(Vue){ ... Object.defineProperty(Vue.pr

2020-08-11 13:17:06 942

原创 Vuex有五个核心概念

state, getters, mutations, actions, modules。1. state：vuex的基本数据，用来存储变量2. geeter：从基本数据(state)派生的数据，相当于state的计算属性3. mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。每个 mutation 都有一个字符串的事件类型 (type) 和一个回调函数 (handler)。回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数，提交载

2020-08-10 17:07:57 947

原创 vue3.0cli 使用vue前(安装vue脚手架)

1.安装node。2.依次的命令是：npm install -g @vue/clivue create hello-worldcd hellow-worldnpm run serve用vue有一段时间了，但是没有做过深入的学习，做项目一直是查查查，复制复制复制，改改改，从本章开始我将从最初使用vue到现在的灵活运用做一个总结，也算是复习和自我学习了。------ * 我将从脚手架讲起，因为现在外面的项目都是脚手架的形式。可参考 vue中文网：https://cn.vuejs.org/..

2020-08-10 17:06:02 123

原创 git用法第一次提交代码至远程仓库

一首次提交代码到git仓库第一步：git init 初始化项目文件夹第二步：git add . 键所有文件添加到暂存区第三步：git commit -m “first commit” 提交到本地仓库第四步：git remote add origin XXX（XXX就是你github或者码云等远程仓库的地址，git branch这个命令可以看到你所在的分支，删除某个仓库地址使用git remote rm origin）第五步：git pull 拉取远程分支信息，首次拉取合并信息第六步：git

2020-07-30 08:50:23 1599

原创前端面试题查询数组使用冒泡查询

生成一个长度为100的数组，其中数字的取值范围为1~100，在控制台打印出数组中第二大的数。直接上代码//申明一个空数组 var arr = [] for (var i = 0; i < 100; i++) arr.push(Math.ceil(Math.random() * 100)) console.log(arr); for (var n = 0; n < arr.length - n; n++) { f

2020-07-24 14:37:41 2776

原创 javaScript 简单操作页面元素的方法

1 JavaScript组成三个部分- 1.ECMAScript - JavaScript的核心定义了javascript的语法规范JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了js语言的标准- 2.DOM - 文档对象模型一套操作页面元素的APIDOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作- 3.BOM - 浏览器对象模型一套操作浏览器功能的API通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览

2020-07-10 11:37:32 2385

原创 nodejs 入门

Nodejs 入门什么是Nodejsjavascript 的运行时，环境，后端环境引擎：V8 引擎引擎 + 内置模块fs 文件系统模块操作文件fs.readFile() //读取文件fs.writeFile() //写文件path 路径模块path.join() 拼接路径的path.basename() 获取文件全称path.extname() 获取文件的后缀名NodeJS 里面遵命 commonJS 思想模块化开发每个文件都是单独的存在，互相不会进行干扰我文件 A 里

2020-07-10 10:55:19 2240 2

原创 reduce用法

reduce() 这个方法很牛逼可以应用很多场景简单介绍： reduce() 方法接收一个函数作为累加器，数组中的每个值（从左至右）开始缩减，最终为一个值其实 reduce 接收的就是一个回调函数 , 去调用数组中的每一个项，直到数组结束注意：这里如果没有可选参数 initialValue 将会从 index= 1的值开始计算，就是这样排序的将数组的索引值为 0 的数据项，作为计算中的索引值为 1 ，本质没改变数组名.reduce( callback, [initial

2020-07-08 20:10:13 2649 2

weixin_46772652的博客