- 博客(8)
- 收藏
- 关注
转载 CSS命名规范-BEM
BEM解决的问题css的样式应用是全局性的,没有作用域可言。考虑以下场景场景一:开发一个弹窗组件,在现有页面中测试都没问题,一段时间后,新需求新页面,该页面一打开这个弹窗组件,页面中样式都变样了,一查问题,原来是弹窗组件和该页面的样式相互覆盖了,接下来就是修改覆盖样式的选择器…又一段时间,又开发新页面,每次为元素命名都心惊胆战,求神拜佛,没写一条样式,F5都按多几次,每个组件都测试一遍…场景二:承接上文,由于页面和弹窗样式冲突了,所以把页面的冲突样式的选择器加上一些结构逻辑,比如子选择器、标签选择器,
2020-05-27 17:56:30
326
原创 vue项目打包,利用nginx进行模拟部署,解决跨域问题
最近在用VUE进行开发项目,本地运行不会出现跨域的问题,也没负责发布到服务器的工作,对Vue项目如何打包发布不太了解,所以自己就看些博文,在自己电脑上面模拟发布一下。第一步:下载nginx,解压下载地址:nginx下载地址我下载的是稳定版nginx / Windows-1.16.1然后解压到本地第二步:运行nginx第三步:修改nginx的配置刚刚解压的nginx-1.16.1...
2020-01-20 11:16:42
872
原创 elementUI cascader 选择后自动收起;单选不止点击小圈圈,点击文字也可以
<div id="app"> <div class="block"> <span class="demonstration">单选选择任意一级选项</span> <el-cascader ref="example" expand-trigger="hover" :options="options" :props="{ ch...
2020-01-08 17:29:02
4184
7
原创 vue新建一个项目
1.安装vue-clicnpm install vue-cli -g //全局安装vue-cli2.选定路径,新建vue项目vue init webpack "项目名称"3.项目安装依赖及运行cnpm installcnpm run dev前提:已安装node和npm检查是否已安装node和npmnode -vnpm -v如果npm不是最新版,运行以下代码升级n...
2019-12-31 14:28:37
179
原创 VUE +element el-table运用sortable 拖拽table排序,实现列拖动
安装sortablecnpm install --save sortablejs代码<template> <div> <el-table :data="tableData" style="width: 100%"> <el-table-column v-for="(item, index) in col" ...
2019-11-01 15:05:58
4011
1
原创 vue + webpack项目proxyTable配置多个服务器,及axios调用问题
proxyTable 配置两个服务器 proxyTable: { '/api': { target: 'http://10.10.10.10:0801', changeOrigin: true, pathRewrite: { '^/api': '' ...
2019-10-24 15:57:35
4708
1
原创 对象数据,按照某个值进行分组
对象数据,按照某个值进行分组let sourceData = [{ id: 'aaa', value: '9898' }, { id: 'bbb', value: '7777' }, { id: 'aaa', value: '5555' } ] let map = {}, de...
2019-10-17 15:09:39
571
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人