vue-eleme

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

20170201

项目资源准备

图标字体制作，使用iconfont fonts
mock数据，模拟后台数据 data.json
移动端（手机）实现1像素下边框的方法

知识点总结

`
{{seller.supports[0].description}}

` 这里要加一个if判断，如果没加判断的话，数据可以读取出来，但是控制台还是会报错(supports[0]undefined)，因为一开始的时候在写代码的时候就把数据seller传递给了v-header组件，然后数据seller获取的过程是异步的，初始化seller是一个空对象，空对象传给v-header组件的时候，supports就是undefined，取值的时候就是undefined的，所以要判断一下，如果undefined，就不解析，也就不会报错。
font-size:0 消除缝隙
min-device-pixel-ratio
vertical-align: top
尝试想用手机预览效果，百度了下都不能成功，花了挺多时间的，就在技术群里问了下，肯定是有人知道的，被告诉要修改配置文件，也就是config文件下面的index.js中的host属性值把localhost改成0.0.0.0这可以了，简直了，试了一下果然可以，学到了！！！！！
white-space nowrap overflow hidden text-overflow ellipsis
CSS3 filter blur(10px)
CSS sticky footers布局
清除浮动
star组件完成
flex布局
vue transition
backdrop-filter: blur()
vue生命周期函数created()使用场景
display:table 解决垂直居中问题
vue nextTick()使用场景
vue ref
better-scroll js库的使用

fishman17/vue-eleme

vue-eleme

Build Setup

20170201

项目资源准备

知识点总结