WEB前端⾼级⼯程师养成全修精英特训JS++秒思维
1、 Web前端开发注意事项(1)
已报名秒思维前端开发课,需要底下留⾔。编写HTML标签的规范是什么?
页⾯代码。
⽂档声明。
关键字和描述。
内联元素不能包含块级元素。
标签不能嵌套。
标签名称和属性必须⽤⼩写字母书写,属性必须⽤引号括起来,标签必须关闭,单标签页必须关闭。
请勿使⽤,在页⾯中;缩进。如果你需要缩进,使⽤CSS来控制。
HTML标记的使⽤必须是语义的。
以填充IMG标记的ALT和title属性。
2、HTTP状态码
200⾏:
⼀切正常,随后是获取和发布请求的响应⽂档
304不修改:
客户端有⼀个缓冲的⽂档并发送⼀个有条件的请求(通常,提供if modified since头来表⽰客户端只希望更新指定⽇期以外的⽂档)。服务器告诉客户端原始的缓冲⽂档仍然可以使⽤。
400错误请求:
请求中出现语法错误。
403年禁⽌:
该资源不可⽤。
404没有到:
⽆法到指定位置的资源。
500 Internal Server Error:
服务器遇到意外情况,⽆法完成客户的请求。
501没有实现:
服务器不⽀持实现请求所需的功能。例如,客户发出了服务器不⽀持的put请求。
3、CSS有⼏种引⼊⽅式?它们的特点是什么?
引⼊标签:优先级最⾼,冗余代码多,代码量⼤,难于维护。
页眉介绍:加载速度快,没有服务器请求压⼒,代码少于单个页⾯。代码量⼤,所以不容易与前台和后台沟通,也不容易修改和维护。
外部介绍:⼀个CSS⽂件可以控制多个页⾯,代码简洁,便于分⼯协作。如果有效地使⽤缓存机制,从外部引⼊的href属性将对服务器造成请求压⼒。
4、圣杯布局
圣杯布局是三列布局,两侧固定箱宽,中间⾃适应箱宽。
Grail布局:写结构时先写中间的框,因为中间的框应该先渲染。通过浮动和定位。
常见的兼容性问题
*在IE6浏览器的背景中出现Png24位的图⽚。解决办法是制作PNG8。
*IE6双边距bug:当块属性标签浮动后出现⽔平边距时,IE6中显⽰的边距⽐设置的⼤。
数字前端工程师和web前端双距离产⽣的浮动ie #box{浮动:左;宽度:10 px;在本例中,ie将⽣成20px的距离。解决⽅案是添加-_ display:inline;将其转换为内联属性。(此符号仅能被IE6识别)
*在ie下,可以使⽤获取通⽤属性的⽅法来获取⾃定义属性,也可以使⽤getattribute()来获取⾃定义属性;在Firefox下,你只能使⽤getattribute()来获取⾃定义属性。
*在chrome中⽂界⾯中,⼩于12px的⽂本默认会被强制显⽰为12px。你可以添加CSS属性- WebKit⽂本⼤⼩调整:⽆;解决。
*超链接被访问后,hover样式将不会出现。点击的超链接样式将不再有悬停和活动。解决⽅法是改变CSS属性的排列顺序:l-v-h-a: A: link {} A: visited {} A: hover {} A: active {}
6、跨域
跨域意味着浏览器不能执⾏其他⽹站的脚本。这是由于浏览器的同源策略和浏览器对JavaScript的安全限制造成的。
解决⽅法:设置该域中Apache服务器的反向代理。
7、 JS和Java的关系
Java是⼀种严格的⾯向对象编程语⾔,经常⽤于开发基于Internet的应⽤程序。JavaScript是⼀种脚本语⾔,通常⽤于增强⽹页的交互性和页⾯效果,以及数据验证。Java是Sun公司的产品,⽽JavaScript是Netscape公司推出的。他们之间没有任何联系。
8、CSS样式合并
CSS样式合并是指将⼀些不可分割的样式(按钮、图标等)与它们的公共样式部分合并,并将⾮公共样式部分再次分开,以减少CSS⽂件的⼤⼩。
9、盒型
IE8下浏览器的外边界、内边界和边框之间的关系,以及框模型。
Ie盒模型和W3C标准盒模型。
标准W3C框模型的范围包括边界、边框、填充和内容,内容部分不包含其他部分。
IE框模型的范围还包括边距、边框、填充和内容。与标准的W3C bo不同

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。