8月22号上课内容(公开课)

第一节(HTML5 页面制作)

  • 1 chrome 调试器讲解
  • 2 meta信息讲解
  • 3 怎么在手机端调试

第二节课:

    页面制作(大概半个小时)

第三节课: 打包工具(FIS简单介绍)

  • 打包都要干什么事情呢:

    1) 代码检查,文件编译,less /sass 文件编译成css, react/es6 文件编译 成普通js
    2) 文件优化,js,css代码压缩等
    3) 分析文件依赖,将文件合并,css sprits, png压缩,内联代码扩展等
    4) 自动部署测试
    
  • common 里面主要是

    1 css/js 压缩合并,
    2 图片sprits,base64
    3 liveboard 
    4 md5 
    
  • advanced 目录的主要功能:

    1 演示less文件
    2 使用amd代码编写
    

作业遇到的问题:

 1 a 标签,a href=“#” 和 a href=“javascript:void(0)” 的区别
 2 img 标签,头像使用img 和 background-image 的区别, img 不可以裁切
 3 js 引用的位置,放在头部和尾部的区别