1.在我自己的项目实践中，发现通过设置max-height和min-height能有效解决很多问题，比如显示的金额，由于长度不固定，导致其他div的定位无法固定。又比如下图，这个用户昵称和评论内容，都是宽高无法写死的元素。还有勋章跟在后面，这时有两种解决办法：
第一种是用max-width定一个最大宽度，保证昵称和勋章始终在一起。
第二种是用css3的伪类::after即可
下面的评论内容，同时后面还必须有紧跟着的下面评论和点赞的div，这个时候也有两种办法，如果想要设置max-height也可，让内容自动撑开亦可。
2.第二种实践，下面这个列表由于无法使用flex布局，同时金额也有不同的宽度要求，这时候也有两种办法：
第一种是写死一个比较宽的宽度，然后使用margin-left进行其他元素的定位。这种方法很麻烦的一点就是，不好量宽度，得一点一点调才可以。费很大精力。
第二种是把每个div宽度用百分比设置，这样的话出来的效果相当于flex布局，很方便。
3.要到了Vue项目的权限，正好借此来学习vue。之前虽然看完了vue的官方文档，但是包括vue-router、vuex以及ES6都亟待巩固复习。
具体vue组件的页面html是写在<template>标签里的，样式的话，如果无法复用，则可以用<style lang="stylus" scoped>写在页面最底下，表明作用域仅在当前vue页面上。如果是复用多次的公共样式，则需要写在css里并进行import。
顺带发现用到了我还没见过的stylus，赶紧来查一下：
stylus中文版参考文档之综述
4.关于localStorage
localStorage使用总结
一般有三个方法用的比较多localStorage.removeItem(key)
localStorage.getItem(key) localStorage.setItem(key, value)
5.函数默认参数ES6
在ES5我们给函数定义参数默认值是怎么样？
function action(num) {
num = num || 200
//当传入num时，num为传入的值
//当没传入参数时，num即有了默认值200
return num
}
但细心观察的同学们肯定会发现，num传入为0的时候就是false，但是我们实际的需求就是要拿到num = 0，此时num = 200 明显与我们的实际想要的效果明显不一样
ES6为参数提供了默认值。在定义函数时便初始化了这个参数，以便在参数没有被传递进去时使用。
function action(num = 200) {
console.log(num)
}
action(0) // 0
action() //200
action(300) //300