发表于: 2017-03-06 03:02:09
1 1345
今天完成的事情:
使用flex完成tab等布局;
使用vue-resource完成ajax请求获取到mock的json;
使用vue-router实现路由跳转;
完成了一个详细信息的模态弹出层;
写了一个经典的stickyfooter;
写了一个根据宽度选择图片的sass的mixin;
写了一个传参动态改变的评价star的component;
复习了红宝书关于事件代理的知识;
明天计划的事情:
完成商品列表页的遍历数据渲染、联动;
继续看红宝书;
考虑找工作或者回学校;
遇到的问题:
npm安装n模块总是报错;
text-overflow:ellipsis不受控制,改变text样式,它不跟随改变;
收获:
flex超级好用,尤其是移动端内核普遍版本高,加上vue-loader自带postcss,也不用担心兼容;
flex元素最好有宽度,不然可能会在某些安卓浏览器出现bug;
dpi为几,px单位就应该缩小到几分之一;
可以在路由中配置,linkActiveClass来改变激活时的样式;
因为dpi的原因,通过伪元素加上缩放来实现1px边线是最佳的实践;
使用font-size:0 取消内联之间间隙,更好的实践是把标签拆开写来取消内联之间间隙;
icomoon.io可以很简单的把svg矢量图做成字体文件,还可以选择hack的版本;
评论