web前端开发笔记(2)

web前端开发笔记(1)

一、HTML标签书写有哪些规范?

  1. 页面编码。
  2. 文档声明。
  3. 关键字与描述。
  4. 行内元素不能包含块级元素。
  5. a标签不能嵌套a标签。
  6. 标签名和属性必须用小写字母书写,属性必须加引号,标签必须闭合,单标签页必须闭合。
  7. 页面中不要用 进行缩进,如需缩进,用css控制。
  8. html标签使用必须语义化。
  9. 要为img标签填写alt和title属性。

二、HTML静态页面出现中文乱码如何解决?

  引入<meta charset="UTF-8">

三、通常情况下块属性标签和行内属性标签各自都具有什么特点?

  块属性标签:在没有设置css样式的情况下默认宽度占满整行,可以设置宽高。

  多个行内属性标签在没有设置css样式的情况下会排列在一行,不可设置宽高。

四、css有几种引入方式?每一种具有哪些特点?

  1. 标签内引入:优先级最高,冗余代码多,代码量大,不易维护。
  2. 头部引入:加载速度快,没有服务器请求压力,相对于单页代码量少。代码量大,不易前后台沟通,不易改版与维护。
  3. 外部引入:一个css文件可控制多个页面,代码简洁,易于分工协作。有效利用缓存机制,外部引入中的href属性会给服务器造成请求的压力。

五、你如何理解绝对定位和相对定位?都用在什么地方?

  当页面当中出现叠加时,可以使用绝对定位,或是解决多图浮动时,也可用绝对定位。

  相对定位为绝对定位提供定位的原点,单独使用没有效果。

六、js和java的关系

  java是一种严格的面向对象的程序设计语言,常用于开发基于Internet的应用程序。javascript是一种脚本语言,常用语网页中增强交互性和页面效果,以及进行数据校验等。java是sun公司的产品,而javascript是NetScape公司推出的,二者没有任何联系。

七、什么规范规定了js的语法

  ECMAscript

八、js引入方式

  1. 使用<script></script>标签直接嵌入网页,一般放在head标签内,亦可以放在body标签内,只要保证这些代码在被调用前已读取并加载到内存即可。
  2. 使用外部的js文件,这样的好处是实现表现行为的分离、w3c非常提倡页面、样式、行为都分离,这样页面结构清晰,方便维护和团队的开发。在外部js文件中直接写js代码,引入方式是:<script type="text/javascript" src="a.js"></script>
  3. 直接作为某个标签的事件代码:<input type="button" value="确定" onclick="documet.write(‘hello‘)"/>

九、js命名规范

  1. 区别大小写。
  2. 首字符必须是字母、下划线或美元符号。
  3. 除了首字符以外的字符,可以由数字、字母、下划线、美元符号等组成。
  4. 不允许包含空格。
  5. 不能以关键字或保留字命名。
  6. 变量名必须为小写字母。
  7. 类的命名使用骆驼命名规则。
  8. 简写单词不能使用大写名称作为变量名。
  9. 方法的命名必须为动词或动词短语。
  10. 公有类的命名必须使用混合名称命名。
  11. css变量的命名必须使用其对应的相同的公共类变量。
  12. 私有类的变量属性成员必须使用混合名称命名,并在前面划下划线。
  13. 变量如果设置为私有,则前面必须添加下划线。
  14. 通用的变量必须使用与其名字一致的类型命名。
  15. 所有的变量名必须使用英文名称。
  16. 变量如有较广的作用域,必须使用全局变量,此时可以设计成一个类的成员。相对的如作用域较小或为私有变量则使用简洁的单词命名。
  17. 如果变量有其隐含的返回值,则避免使用其相似的方法。
  18. 公有变量必须清楚的表达其自身的属性,避免字义含糊不清。
  19. 类构造函数可以使用扩展其基类的名称命名,这样可以正确、迅速的找到其基类的名称。

十、js书写规范

  1. 文件编码统一为UTF-8。
  2. 书写过程中,每行代码结束必须有分号。
  3. 库引入,原则上仅引入jQuery库。
  4. 代码结构明了化,加适量注释,提高函数重用率。
  5. 注重与html分离,减少reflow,注重性能。
  6. 把外部js文件放在html底部,</body>前面。
  7. 优化循环。循环体中若有DOM操作,应该把DOM操作提到循环体外,在同一作用域内,DOM选择赋值给一局部变量。
  8. 避免混乱,建议在html中使用双引号,在js中使用单引号。
  9. 使用更简单的格式写innerscript。
  10. 避免混入其它技术,js不直接控制css样式的设置,控制classname。
  11. 避免全局变量。
  12. 声明变量总是用var。
  13. 获取对象属性的时候用方括号。
  14. 避免使用eval()方法。
  15. 不要省略 " 和 {}。

十一、js数据类型有哪些

  Number 数字类型

  String 字符串类型

  Boolean 布尔类型

  Function 函数

  Object 对象

  Null 空值

  Undefined 没有定义类型

十二、i++ 和 ++i 的区别

  ++i 是先自增1后再参加运算,i++是参与运算后再加1。

十三、变量在js中进行==和===判断的区别是?

  ==是值相等

  ===是完全相等,包括类型

十四、break和continue的区别

  break和continue语句用于在循环中精确的控制代码的执行。

  break语句会立即退出循环,强制继续执行循环后的语句。

  continue语句虽然也是立即退出循环,但退出循环后会从循环的顶部继续执行。

十五、什么事全局变量,什么事局部变量。

  将函数理解为盒子。

  在函数内声明的变量,就是局部变量,在函数外部不能访问。

  在函数外部声明的变量,就是全局变量,在函数内部可以访问。

十六、解释下作用域。

  所有变量都存在于一个执行环境中(也称作用域),这个执行环境决定了变量的生命周期,以及那一部分代码可以访问其中的变量。总结:

  1. 执行环境有全局执行环境和函数执行环境。
  2. 每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域。
  3. 函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其父环境,乃至全局环境。
  4. 全局环境只能访问在全局环境中定义的变量和函数,而不能直接访问局部环境中的任何数据。
  5. 变量的执行环境有利于确定应该何时释放内存。

十七、什么叫做页面重构。

  页面重构可以理解为“将设计稿转换成web页面”,它可以简单到把pad图片直接做成网页,也可以复杂到需要考虑页面中每个标签的使用,考虑页面性能。工作内容一般是“设计稿-切图-写html和css”。页面重构和前端的关系可理解为:页面重构是前端工作的细化。

十八、标签的隐藏(display:none;和visibility:hidden;)的区别

  display:none; 将元素设为none即没有,浏览器在解析none时,是不会作渲染动作的,即不占内存值。

  visibility:hidden; 将元素设为隐藏,虽然在页面上看不出来,但是该占的位置还占着,浏览器依旧会对其作渲染动作,即会占用内存值。

欢迎留言~

时间: 2024-10-25 04:51:24

web前端开发笔记(2)的相关文章

Web前端开发笔记整理

web前端开发笔记: 1.web前端之html_day1 2.web前端之html_day2 3.web前端之css_day1

[读书笔记] Web 前端开发修炼之道

原创地址:http://www.cnblogs.com/bnbqian/p/3735565.html 转载请注明出处 今天我们要读的书是Web 前端开发修炼之道 第1章 从网站重构说起 1.1 糟糕的实现,头疼的维护 曾经, 网页代码很乱. 1.2 Web 标准,结构,样式和行为的分离 分离了. 1.3 前端的现状 人员参差不齐. 小结: 本章相当于引论. 第2章 团队合作 小结: 团队和沟通这个永远是个凑字数的好话题. 第3章 高质量的HTML 3.1 标签的语义 标签是有语义的,除了div

《编写高质量代码》web前端开发修炼之道-读书笔记

第一章  从网站重构说起 <编写高质量代码>web前端开发修炼之道-读书笔记

《编写高质量代码--Web前端开发修炼之道》读书笔记

前言 这两周参加公司的新项目,采用封闭式开发(项目成员在会议室里开发),晚上加班到很晚,所以没时间和精力写原创博客了,今天就分享下这篇<编写高质量代码--Web前端开发修炼之道>读书笔记吧. 正文 欲精一行,必先通十行. 在前端开发这个领域,一专多能更是非常必要的. table布局缺点: 代码量大,结构混乱: 标签语义不明确,对搜索引擎不友好. css布局:div+css,或者(x)html+css. 代码量少.结构精简.语义清新. 代码量少,浏览器端下载时间就会更短: 语义清晰就会对搜索引擎

Web前端开发测试题阅读笔记

引自: http://www.w3cplus.com/css/front-end-web-development-quiz.html Q7:下面代码弹出值是什么? x = 1; function bar() { this.x = 2; return x; } var foo = new bar(); alert(foo.x); 答:2 这里主要问题是最外面x的定义,试试把x=1改成x={},结果会不同的.这是为什么呢?在把函数当作构造器使用的时候,如果手动返回了一个值,要看这个值是否简单类型,如

Web前端开发修炼之道--笔记

花了一个星期看完了这本书,把随笔写一写,还摘录了一些书里封装好的函数,偶尔多看看(只捡了感觉重要的东西) HTML(Model)+CSS(View)+javascript(Controller) 怪异模式是因为DTD触发,也就是 Document Type Definition (文档定义类型) <!DOCTYPE html> 多种组织CSS方式 例如可以按功能划分 font.css color.css layout.css 此书推荐base.css(通用层)+common(网站级)+css+

WEB前端学习笔记 三

接上一篇,web学习笔记 二,web学习笔记刚刚发出,就发现被其他网站采集了,在此感谢您的采集和转发,但请注明文章出自网知博学. 1.7  开发工具的选择 增强文本编辑器:EditPlus.Notepad++ 特点:比较小.占用系统资源比较少.代码颜色高亮显示.但没有代码自动补功能 IDE:(Integrated Development Environment,集成开发环境).IDE集成开发环境(简称IDE)开发环境就是指在开发软件的时候需要用到的软件.这些软件包括代码编辑器.编译器.调试工具和

编写高质量代码:Web前端开发修炼之道(一)

最近老大给我们买来一些技术方面的书籍,其实很少搬着一本书好好的完整的看完过,每每看电子档的,也是打游击式的看看这章,瞅瞅那章,在那5本书中挑了一本比较单薄的<编写高质量代码web前端开发修炼之道>,看完觉得不错,它从一个整体架构上来说明如何编写高质量代码,而细处也着重说明一些比较重要的技术点,给人一种从高处俯瞰web开发.很完整的感觉,在这感谢老大,谢谢他让我们不停的进步着.下面是我看书过程中的笔记. 第一章:从网站重构说起 没什么好说的,从一个糟糕的老网页实例说明需要将web的结构,样式和行

学习web前端开发感想

1.学习一个技术,不是一看见源代码就是copy,而是仔细阅读后,找到自己想要的,并且自己写出来,自己理解了,下次遇到同样的问题,自己才能解决. 2.在电脑上学习的过程中,我总是先建立一个文本文档,这样便于记录,然后再进行分类到笔记本中... 3.把你看到的每个网页用大脑生成html代码和css布局. 把你看到的每个动画和交互用大脑生成javaScript. 4.一定要养成做好笔记的习惯.并且要学会做笔记. 5.页面中中所有的东西都要放在一个标签里面.否则不好控制. 6.自己的知识库在开始学习的时