首页 > 代码库 > The summary of the August

The summary of the August

 part1. 人生中第一个项目:名家访谈 (http://acts.qidian.com/2016/5646853/mjft.html)。

做完看似天衣无缝实则漏洞百出,用张老师的话说的话,

网页布局三大忌讳:浮动!图片! 宽度!最好的布局方式是流布局,这样随着屏幕的缩放,页面也能跟着相应地变化~

最好是能将h5页面和pc页面合在一起做,通过 @media screen and (max-width:640px) 更改手机端的排版模式。

所以在张老师的指导下就有了第二个页面,幻游猎人(http://acts.qidian.com/2016/5650201/index.html)

该项目get到的新知识点和注意事项:

  1.注意代码格式,代码的缩进,不仅仅是为了自己看着舒服,日后维护,更重要的是能方便其它的小伙伴。毕竟项目不是一个人的。是一个team共同协作的~

   格式参考可见jquery.js,看如何换行,注释,基础;

      2.id和class命名问题,最好用id,若用class,做好有特殊标识,如class="jsmenu" and js 引用放底部 ;

  3.不要随便用rel,若要用在其前加data-;

  4.控制台的上下键可以看上次输入的东西;

  5.命名风格要规范,var id=function{} 用写对象的方法来写函数;

  6.经常使用局部变量的好处:1)高性能;2)改起来方便(维护方便);3)方便压缩,体积小;  

  7.网页换肤的原理:公用一个css(不动),改变局部再用一个css;

  8.给父元素设定margin以后,子元素就不要在设了;

  9.background-size:crover;让背景平铺;

  10.高能!!!不要用.class li 类选择器命名 坏处:1)性能差;2)权重受限;3)结构限制;因为浏览器是从右向左查找的,所以最好用class 这样维护起来方便。

  11.多用语义化好的标签!(摘抄)

    H1-h6     标题内容    P         段落    Ul        无序    Ol        有序    Dl        定义列表    Thead     表格中的表头内容    Tbody     表格中的主体内容
  HTMl标签语义化,简单来说,就是让标签有含义,给某块内容用上一个最恰当最合适的标签,使页面有良好的结构,页面元素有含义,不论是谁都能够看懂这块内容是什么,并且有利于搜索引擎。标签语义化的好处:        1.  HTML结构清晰        2.  代码可读性较好        3.  无障碍阅读        4.  搜索引擎可以根据标签的语言确定上下文和权重问题        5.  移动设备能够更完美的展现网页(对css支持较弱的设备)        6.  便于团队维护和开发

  12.一个页面只能有一个h1(h1:重要程度决定);

  13.图片默认是inline水平的,所以vertical-align起效; 

  14.乱入git 使用方法:1)git status(看有哪些文件修改了); 2)git pull (看是否和其它人的代码有冲突); 3)git add demo.html(上传demo.html) 或者git add . (上传所有要添加的文件);4)git commit -m ‘注释文字‘; 5)git push origin master (提交上传);5)直接在原文件夹中删除,然后重复以上步骤;

  最后怎么学习:1)做分享,多总结,学会积累;

       2)行为与样式分离;

       3)熟悉css 属性;

       4)掌握选择器的使用方法(注意其兼容性);

       5)注重情感话设计;

 

The summary of the August