A1

2017-04-06https://juejin.im/post/58ddfeb7b123db0060406148
前端周刊第 49 期：React 和 Vue.js SSR 框架 + 微信小程序 + Grid 布局
      grid布局  
1. 创建一个容器，通过display:grid;声明这个容器是一个网格容器
2. 同样在容器中设置grid-template-columns和grid-template-rows声明网格轨道(声明行和列)
3. 在网格容器中添加子元素，创建网格项目(单元格)
4. 使用grid-column和grid-row来指定网格项目（单元格）的列和行



7招提升你的前端开发效率
https://juejin.im/post/5857ef1f128fe1006dc4190c
1.切图
  推荐一个压缩图片的网站，地址为：https://tinypng.com/。
    .字体下载
    （1）阿里巴巴矢量图标库：http://www.iconfont.cn/
    （3）fontawesome图标库：http://fontawesome.io/适合中后台项目的开发使用。
    .模板下载
        （1）UI中国：http://www.ui.cn/
              （2）UE设计平台：http://www.uehtml.com /
        （3）UI制造者：http://www.uimaker.com/
        （4）Hiiishare：http://www.hiiishare.com/
        （5）学UI网：http://www.xueui.cn/
.适合PC端
        （1）Bootstrap：http://www.bootcss.com/
          （2）flat-ui：http://www.bootcss.com/p/flat-ui/
           （3）jQuery-ui：http://jqueryui.com/
2.编码 IDE工具
3.自动化  一键压缩代码、图片，一键合并JS，检测文件更新
4.模块化  在基于ES6的开发环境下我建议使用ES6的模块化功能来实现我们的前端模块化。
5.组件化  大组件拆分成小组件的形式实现前端组件化 组件与组件之间可以存在父子关系，也可以存在兄弟关系
6.前后端分离  因为前端不再需要后台配置路由、搭建服务器环境、编写模板等
7.规范与模式