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中显示的边距比设置的大。
双距离产生的浮动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不同



