03 2021 档案
摘要：一. 项目优化 1. 生成发布包 根目录下运行指令【npm run build】，会生出一个dist文件夹，该文件夹就是项目生成的发布包，可以直接放到IIS中部署即可。 2. 生成/分析打包报告 A. 命令行形式生成打包报告 【 vue-cli-service build --report 】 B.
阅读全文
摘要：一. 扩展组件 1. lodash深拷贝 主要用于对象的深拷贝。 (1). 通过指令【npm i lodash -S 】安装 (2). 在需要的页面中进行导入 import _ from 'lodash' (3). 调用 cloneDeep方法进行深拷贝 const form = _.cloneDe
阅读全文
摘要：一. 基础组件 1. Cascader级联选择器 这里以省市区控件为例，效果如下图： 实现思路： 通过option绑定数据源，通过v-Model获取选中后的值即可。 数据代码和导入 实现代码 <el-cascader :options="cityData" v-model="addressForm.
阅读全文
摘要：一. 基础组件 1. Table表格+Pagination分页 (1). 表格 最基本的表格数据结构也很简单，返回一个数组，然后和属性名对应即可。 <el-table :data="userlist" border stripe> <el-table-column type="index"></el
阅读全文
摘要：一. Vuex简介/基本使用 1. 背景 传统的组件见的交互模式如下： (可参考：https://www.cnblogs.com/yaopengfei/p/12326466.html) (1). 父向子传值：v-bind 属性绑定 (2). 子向父传值：v-on 事件绑定 (3). 兄弟组件之间共享
阅读全文
摘要：一. 基础组件 1. Breadcrumb 面包屑 (1). 效果图 点击，首页，跳转到首页。 (2). 代码分享 通过 separator-class="el-icon-arrow-right"设置分隔符，通过to属性，进行路由跳转对象，同 vue-router 的 to <el-breadcru
阅读全文
摘要：一. 基础组件 1. Container布局 (1). 我们采用如下图的布局形式，代码如下 代码分享： <el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-asid
阅读全文
摘要：一.基础配置 1. 路由配置 (1). 创建项目，已经引入了Vue-Router，这里的版本为：3.2.0，并自动创建了router→index.js文件。 (2). 在index.js文件中： A. 导入vue、vue-router B. 导入其它子页面 C. 配置路由规则，默认进入/login登
阅读全文
摘要：一. 全面升级5.x版本 1. 将每个项目的属性→目标框架，改为 .Net5.0。 2. 把YpfCore.Data层 Pomelo.EntityFrameworkCore.MySql 先删掉，代码也要注释掉 把YpfCore.Service层 和 YpfCore.AdminWeb层 Z.Entit
阅读全文
摘要：一. ElementUI简介/使用 1. 简介 Element，一套为开发者、设计师和产品经理准备的基于 Vue 的桌面端组件库 (1). 基于Vue2.x版本：https://element.eleme.cn/#/zh-CN (2). 基于Vue3.x版本：https://element-plus
阅读全文
摘要：一. Vue Cli简介/安装 1. 简介 Vue Cli用于快速生产Vue项目的基础结构，也称为：Vue脚手架。它提供两种创建项目的方式：交互式命令行 和 图形化界面。 官网地址：https://cli.vuejs.org/zh/ 2. 安装 (1). 通过下面指令进行全局安装 npm insta
阅读全文
摘要：一. 模块化历史 1. 浏览器端模块化 (1). AMD(Asynchronous Module Definition,异步模块定义) ：代表产品为：Require.js (2). CMD(Common Module Definition,通用模块定义) ：代表产品为：Sea.js 2. 服务器端模
阅读全文
摘要：一. 导入、导出规则 1. 规则 PS: 还可以使用 module.exports 进行导出，当它和export共存的时，以 module.exports 为主。 2. 案例 (1). 模块A导出 //1. 声明函数和变量 var Add1 = (a,b)=>{ return a+b; } var
阅读全文
摘要：一. nodejs简介/安装/使用 1. 简介 Node是一个基于Chrome V8引擎的JavaScript代码运行环境。 (1). 浏览器（软件）能够运行JavaScript代码，浏览器就是JavaScript代码的运行环境。 (2). Node（软件）能够运行JavaScript代码，Node
阅读全文
摘要：一. Array 1. 扩展运算符 (1). 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 let ary = [1, 2, 3]; console.log(...ary); // 1 2 3,相当于下面的代码 console.log(1,2,3); (2). 扩展运算符可以应用于合并数组
阅读全文