Bower学习笔记

目录 Web

  1. bower是什么
    bower是基于node.js的包管理工具,可以方便的安装和卸载web开发资源,诸如jQuery、bootstrap之类
    而像yeoman和grunt则是在bower基础上的开发工具
  2. bower和npm的区别
    都是包管理工具,但是bower是for web,npm的包依赖是一种独特的嵌套依赖关系树,依赖包层层嵌套树杈非常坑长,打开node_modules可以看到里面密密麻麻的包,但对于前端库来说,这些基本是多余的,往往需要的只是一个未压缩或者压缩后的js和css而已,而bower正是管理js/css/模板的一个工具
    Stack上有相关评论点这里
  3. UTF8_[……]

Read more

Flex布局学习笔记

目录 Web

阮大的教程实战篇

Flex布局的开源库

 

CSS传统布局基于盒子模型,依靠display + position + float属性进行定位,在一些特殊布局显得不灵活

Flex布局,容器内的元素自动成为flex item,容器基于XY轴进行布局

其容器属性有

  • flex-direction X主轴排列方向
  • flex-wrap 元素换行
  • flex-flow 上面2个的简写
  • justify-content 主轴对齐方式
  • align-items Y轴对齐方式
  • align-content 多轴线对齐方式

item属性有

  • order 排列顺序
  • flex-grow 剩余空间膨胀值
  • flex-shrink 空间不足缩小值
  • flex-basis 预分配大小值
  • flex 以上3个的简写
  • align-self 对齐方式

[……]

Read more

ES6箭头函数

目录 Web

第一次见到这箭头=>,我觉得这是很奇葩的写法,因为作为一个老男人来说,会影响阅读和理解代码的速度=_=||
作为ES6新特性之一,箭头函数特点如下
a)简洁
b)this指向
c)rest取代arguments

1. 简洁

var showTips = function(d){[......]

Read more