The summary of the August

Posted 2020-08-09

 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）注重情感话设计；