文章分类 - 前后端分离
前后端分离
摘要：node打包耗时分析 插件安装 cnpm i hard-source-webpack-plugin 官方地址 https://www.npmjs.com/package/hard-source-webpack-plugin 配置之后初次打包会觉得没什么差异,主要是会先写编译文件到磁盘中（相当于第一次
阅读全文
摘要：打包异常 安装缺失的包 把cnpm换成npm 提高前端包发布速度 前端打包会生成许多小文件,这些小文件一个一个拷贝的话速度比较慢 sh "rm -f ./dist/dist.zip" sh "cd dist/ && zip -r dist.zip * " switch(env.fenzhi) { c
阅读全文
摘要：页面上的table中的数据导出 只能按页导出 一次只能导出某一页的数据 npm install --save xlsx file-saver <bee-table :data="interfaceList" class="table"> import FileSaver from "file-sav
阅读全文
摘要：组件对象说明 一个组件分别有自己的 属性 Attributes 事件Events 方法Methods 调用属性和调用事件的形式是不一样的 属性是用 :props 事件是用 @event 所以在使用之前一定要弄清楚给组件添加的是属性还是添加事件 <!-- 表格组件 --> <el-table :dat
阅读全文
摘要：说明 在默认组件样式下 树和表格都和父级元素的间隔太大导致样式不美观 1.橘红色的部分表示的是盒子模型的margin 一般情况下可以在浏览器的computed中进行手动修改数值实时查看效果 如果元素的margin设置的属性设置的方式为margin-top: 22px !important 那么在co
阅读全文
摘要：路由基础 1.绑定静态路由 <router-link to="home"></router-link> home是字符串2.动态路由 <router-link :to="home"></router-link> home是data对象中定义的key 3.路由的名字 name 4.路由的跳转方式 1.
阅读全文
摘要：安装包准备 解压flutter压缩包 设置系统环境变量 2. 安装android studio虚拟机 3.安装flutter和Dart的插件 File -> Settings > Plugins 由于网络问题经常会出现下载插件失败 可能需要点击安装下载多次 4.给安卓模拟器licenses授权 否则
阅读全文
摘要：创建一个单独的子窗口组件 1.用自己的样式覆盖组件的样式 2.父子窗口的属性传递 3.如果是在vue中需要覆盖第三方UI组件的默认样式 style标签上一定不能加scoped属性 4.如果是给自己添加的html标签设置样式的话style标签上最好加上scoped属性 <style> #mydialo
阅读全文
摘要：创建一个通用的Table组件 <template> <div class="data-table"> <el-table :data="myTableData" border size="small" @selection-change="selectionChange"> <el-table-co
阅读全文
摘要：vue中实现在路由切换后阻止后续代码的执行 data(){ return { routerLeave: false }; }, beforeRouteLeave(to, from, next) { this.routerLeave = true; next(); }, methods:{ load(
阅读全文
摘要：vue项目配置 1.vue.config.js或者webpack.conf.js配置实例 const config = require('./src/config/env'); const { resolve } = require('path') const webpack = require('
阅读全文
摘要：项目目录搭建示意图 web是js前端代码项目 api是后台接口项目 后端项目的搭建可以用任何web框架 flask或者django都可以 和平常用flask和django开发不同的是 每个url对应的view处理函数不要返回模板内容 即不再调用render等其它渲染函数 全部使用 return js
阅读全文
摘要：1.添加菜单menuData.js { text: '测试模块', router: '', icon: '', submenu: [ { text: '主机列表', router: '/host/list', icon: 'el-icon-edit' } ] } 2.创建view <template
阅读全文
