摘要: 在实际项目开发中,经常会碰到需要判断环境变量的情景。 在 vue-cli 的环境下,已经默认配置了一个NODE_ENV的环境变量。当 npm run dev 时,环境变量是development ;当 npm run build 时,环境变量是production。 用过vue-cli开发的通常对N 阅读全文
posted @ 2019-08-08 16:50 灵哆哆 阅读(6232) 评论(0) 推荐(1) 编辑
摘要: cross-env能跨平台设置及使用环境变量 在windows系统上,我们使用: 在Lunix系统和安装并使用了bash的windows的系统上,我们会使用: cross-env的出现,实现了不同平台都可以使用唯一指令,无需担心跨平台问题: 只要在NODE_ENV前面加上cross-env标志,会根 阅读全文
posted @ 2019-08-07 12:51 灵哆哆 阅读(749) 评论(0) 推荐(0) 编辑
摘要: build->webpack.sit.conf.js 拷贝webpack.prod.conf.js,新建webpack.sit.conf.js、webpack.uait.conf.js ,根据环境修改env的引入文件 config->sit.env.js build->bulid.js src -> 阅读全文
posted @ 2019-08-06 17:53 灵哆哆 阅读(2497) 评论(0) 推荐(0) 编辑
摘要: 前端开发中的 NODE_ENV 的知识以及与 webpack 的关系 NODE_ENV node.js 原生对象 process 的 env 属性是个对象(mac环境): 而我们经常在框架以及别人类库的源码中会见到如下使用方法: process.env.NODE_ENV 很显然,NODE_ENV 属 阅读全文
posted @ 2019-08-06 17:15 灵哆哆 阅读(611) 评论(0) 推荐(0) 编辑
摘要: 实现功能(如下图): 1、每页展示一道题,通过“上一题”、“下一题”切换; 2、维度值,单选、多选,题目序号要显示,这3个数据后台都没有直接返回在每个题目上。 后台返回的数据结构,如下图: HTML: 1、注意不能用v-for 2、全部试题是一个数组,每个试题相当于是数组里的对象,默认展示第一个对象 阅读全文
posted @ 2019-01-30 16:29 灵哆哆 阅读(456) 评论(0) 推荐(0) 编辑
摘要: h5实现banner图与背景图同时切换的效果(swiper插件) 1、要在.swiper-box的div外面加一个div#big-bg,设置样式position:absolute; 2、css样式中写好3个背景图样式:.banner-bg1、.banner-bg2、.banner-bg3 3、需要查 阅读全文
posted @ 2019-01-21 12:45 灵哆哆 阅读(1467) 评论(0) 推荐(0) 编辑
摘要: 前提条件:请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~) 1.npm命令安装swiper 2.在需要用到swiper插件的组件中引入swiper 3.在组件的style中引入swiper插件的css(根据自己的项目路径) 4.在methods方法里初始化swiper插件 阅读全文
posted @ 2019-01-21 11:44 灵哆哆 阅读(3422) 评论(0) 推荐(0) 编辑
摘要: 1.下载mac版 vscode和git 2.在命令行使用git --version检查安装版本git是否正确 3.vscode安装插件 -git history(git log) -guides 代码辅助线 -其他等等 4.安装node.js 与 npm 5.vscode远程拉代码 git clon 阅读全文
posted @ 2018-12-18 11:02 灵哆哆 阅读(591) 评论(0) 推荐(0) 编辑
摘要: v-for="(item, index) in itemsitems是源数据数组, item是数组元素迭代的别名,index是可选的第二个参数为当前项的索引。运用:通过index索引值来实现表格序列号的展示实现效果: 阅读全文
posted @ 2018-12-17 18:09 灵哆哆 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 需求:下拉框中如选中自定义时间,则出现弹窗 实现代码: html JS 阅读全文
posted @ 2018-11-22 11:47 灵哆哆 阅读(15776) 评论(1) 推荐(0) 编辑