display属性 :
block :　CSS1 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行   可以定义高度和宽度
none :　CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间
inline :　CSS1 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行

overflow

参数是scroll时候，必会出现滚动条。
参数是auto时候，子元素内容大于父元素时出现滚动条。

<a href="/XXXX"  target="_blank" >打开新的网页</a>

_self     默认。在相同的框架中打开被链接文档。

Flash提供了ExternalInterface接口与JavaScript通信
两个方法：call和addCallback
作用：call让Flash调用js里的方法，addCallback是用来注册flash函数让js调用。
 
 
alt属性则是用来指定替换文字，只能用在img、area和input元素中（包括applet元素），用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。
 
 
js 两种写法
document.getElementById("input").style.backgroundColor = "red";      
inputElement.style.backgroundColor = "#FF0000";

<audio> 标签定义声音，比如音乐或其他音频流。 
<canvas> 标签定义图形，比如图表和其他图像。
<menu> 标签定义命令的列表或菜单。
<command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。

在html中网页可以看成一个立体的空间，一个完整的页面是由很多个页面堆积形成的，如下图所示
 
CSS中Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。
 
◆position:static　无定位
该属性值是所有元素定位的默认情况，在一般情况下，我们不需要特别的去声明它，但有时候遇到继承的情况，我们不愿意见到元素所继承的属性影响本身，从而可以用position:static取消继承，即还原元素定位的默认值。
 
◆position:absolute　绝对定位
使用position:absolute，能够很准确的将元素移动到你想要的位置，
 
◆position:fixed　相对于窗口的固定定位
这个定位属性值是什么意思呢？元素的定位方式同absolute类似，但它的包含块是视区本身。在屏幕媒体如WEB浏览器中，元素在文档滚动时不会在浏览器视察中移动。例如，它允许框架样式布局。在页式媒体如打印输出中，一个固定元素会出现于第一页的相同位置。这一点可用于生成流动标题或脚注。我们也见过相似的效果，但大都数效果不是通过CSS来实现了，而是应用了JS脚本。
请特别注意，IE6不支持CSS中的position:fixed属性。真的非常遗憾，要不然我们就可以试试这种酷酷的效果了。
 
◆position:relative　相对定位
所谓相对定位到底是什么意思呢，是基于哪里的相对呢？我们需要明确一个概念，相对定位是相对于元素默认的位置的定位。既然是相对的，我们就需要设置不同的值来声明定位在哪里，top、bottom、left、right四个数值配合，来明确元素的位置。
 
 
 
只要 协议 、 域名 、 端口 有任何一个 不同, 都被当作是 不同 的域。
就需要jsonp
 
 
下面这个JS程序的输出是：

0 1 0
1
2
3
4
5
6
7
8
9
10
11
12
function Foo() {
    var i = 0;
    return function() {
        console.log(i++);
    }
}
 
var f1 = Foo(),
    f2 = Foo();
f1();
f1();
f2();
（1）Function是引用类型：保存在堆中，变量f1,f2是保存在栈中；
（2）闭包：一个函数（产生新的作用域）定义的局部变量、子函数的作用域在函数内，但是一旦离开了这个函数，局部变量就无法访问，所有通过返回子函数到一个变量f1的方法，让
         f1指向堆中的函数作用域，这样可以使用局部变量i.
 
  第一次f1() : i++ 所以 0
  第二次f1() : 执行的是子函数 Function(){  ..},输出的是父函数 的 i=1,再自加 i =2;
  第一次f2() : 同第一次f1(),不同的是 f2指向堆中一个新的对象 function(){ ...},所有此i非彼i,输出i=0;
 
 
 
 
这段代码的运行结果:

2 1
1
2
3
4
5
6
7
8
9
<SCRIPT LANGUAGE="JavaScript">
var bb = 1;
function aa(bb) {
    bb = 2;
    alert(bb);
};
aa(bb);
alert(bb);
</SCRIPT>
 
函数体内，bb并没有使用var来定义，按理说这个bb在预处理的时候应该是window的属性, 但在这里，函数声明的时候，带了一个参数bb，也就是相当于在函数体内声明了var bb。
所以，函数里的bb就是函数活动对象的属性。所以函数执行时会输出2。函数执行完后，函数的活动对象被销毁，也就是局部的这个bb被删除了，执行流进入到window，再输出bb，值就是1了。
如果声明函数时，把参数那里的bb去掉，这段代码执行起来，结果就是弹出 2 2

一个有效的javascript变量定义规则
_$te$t2
第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；其他字符可以是字母、下划线、美元符号或数字。
 
 
 
 
有关javascript系统方法的描述
parseFloat方法：该方法将一个字符串转换成对应的小数
isNaN方法：该方法用于检测参数是否不是数值型，如果不是数值，返回true
escape方法： 该方法返回对一个字符串编码后的结果字符串
eval方法：该方法将某个参数字符串作为一个JavaScript执行

javascript常见事件的触发
onBlur:当失去输入焦点后产生该事件

onFocus:当输入获得焦点后，产生该文件

onchange:当文字值改变时，产生该事件

onselect:当文字加亮后，产生该事件

onClick：当组件被点击时产生的事件

HTML的Doctype和严格模式与混杂模式的描述

1.<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。
2.严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。
3.DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

JavaScript中 call和apply的描述

二者只有参数传递方式不同

call第一个参数为this, 其它参数依次排在后面

apply只有两个参数,第二个参数是一个数组function add(c, d){

return this.a + this.b + c + d; 
} 
var o = {a:1, b:3}; 
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16 
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34 

border:none以及border:0的区别
1.效果
border-style:none;//无边框         
border-width:0;//边框宽度为0px  
2.区别
（1）性能差异
border:0;浏览器对border-width、border-color进行渲染，占用内存。
border:none;浏览器不进行渲染，不占用内存。
Chrome：
border:none;>> border:initial none initial;
border:0;>> border:0 initial  initial ;


1 CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。
2 它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
3 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。
4 利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；
5 CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。
6 解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网页的制作效率。
7 更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。维护起来更加方便。

Wekbit是一个开源的Web浏览器引擎，也就是浏览器的内核。
Apple的Safari, Google的Chrome，Apple手机的默认浏览器，Android手机的默认浏览器
三大浏览器内核 Wekbit Gecko和Trident
Firefox便是使用的Gecko内核  微软IE系列使用的是Trident内核









												


											
html/css/js 学习笔记  - 牛客网试卷:前端工程师能力评估的更多相关文章
	

    
								
  1. 牛客网试卷： 京东2019校招笔试Java开发工程师笔试题(1-)
		
    1.在软件开发过程中,我们可以采用不同的过程模型,下列有关 增量模型描述正确的是() A 是一种线性开发模型,具有不可回溯性 B 把待开发的软件系统模块化,将每个模块作为一个增量组件,从而分批次地分析 ...
    
		
    2. 
						
  2. 牛客网《BAT面试算法精品课》学习笔记
		
    目录 牛客网<BAT面试算法精品课>学习笔记 牛客网<BAT面试算法精品课>笔记一:排序 牛客网<BAT面试算法精品课>笔记二:字符串 牛客网<BAT面试算法 ...
    
		
    3. 
						
  3. 牛客网论坛最具争议的Java面试成神笔记，牛客网下载量已突破十万
		
    程序员内部一直流传这一句话: 面试看牛客 刷题看力扣 牛客网作为国内最牛的程序员面试网站,一直在程序员内部颇负盛名,其中用户更是卧虎藏龙! 有国内一线大厂的企业招聘 还有一些低调的互联网大牛实力就和天 ...
    
		
    4. 
						
  4. 牛客网_Go语言相关练习_判断&选择题（6）
		
    本文共34道题目 一.判断题 此题考查编码规范. 反射最常见的使用场景是做对象的序列化(serialization,有时候也叫Marshal & Unmarshal). 例如:Go语言标准库的 ...
    
		
    5. 
						
  5. 牛客网 Java 工程师能力评估 20 题 - 详解
		
    牛客网 Java 工程师能力评估 20 题 - 详解 不知在看博客的你是否知道 牛客网,不知道就太落后了,分享给你 : 牛客网 此 20 题,绝对不只是 20 题! 免责声明:本博客为学习笔记,如有侵 ...
    
		
    6. 
						
  6. 基于jquery的插件turn.js学习笔记
		
    基于jquery的插件turn.js学习笔记 简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it  ...
    
		
    7. 
						
  7. js学习笔记：webpack基础入门（一）
		
    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
    
		
    8. 
						
  8. Vue.js学习笔记（2）vue-router
		
    vue中vue-router的使用:
    
		
    9. 
						
  9. 牛客网 --java问答题
		
    http://www.nowcoder.com/ 主要是自己什么都不怎么会.在这里可以学习很多的! 第一天看题自己回答,第二天看牛客网的答案! 1 什么是Java虚拟机?为什么Java被称作是“平台无 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 带偏移量的AES加密工具
			
    自定义的一个对称加密工具类AESUtil.java public static final String ENCRYPTION_ALGORITHM = "AES"; public  ...
    
			
    2. 
						
  2. Lambada表达式的作用
			
    Lambda函数的用处   假设你设计了一个地址簿的类.现在你要提供函数查询这个地址簿,可能根据姓名查询,可能根据地址查询,还有可能两者结合.要是你为这些情况都写个函数,那么你一定就跪了.所以你应该提 ...
    
			
    3. 
						
  3. django中model字段与属性
			
    model field 类型1.AutoField     一个自增的IntegerField,一般不直接使用,Django会自动给每张表添加一个自增的primary key. 2.BigIntege ...
    
			
    4. 
						
  4. 前端之JavaScript（一）
			
    一.JavaScript前世今生 它最初由Netscape的Brendan Eich设计.JavaScript是甲骨文公司的注册商标.Ecma国际以JavaScript为基础制定了ECMAScript ...
    
			
    5. 
						
  5. 3.5星|《算法霸权》：AI、算法、大数据在美国的阴暗面
			
    算法霸权 作者在华尔街对冲基金德绍集团担任过金融工程师,后来去银行做过风险分析,再后来去做旅游网站的用户分析.后来辞职专门揭露美国社会生活背后的各种算法的阴暗面. 书中提到的算法的技术缺陷,我归纳为两 ...
    
			
    6. 
						
  6. Oracle和MySQL在使用上的区别
			
    1.  Oracle是大型数据库而MySQL是中小型数据库,MySQL是开源的而Oracle的价格非常高. 2.  Oracle支持大并发,大访问量. 3.  安装所用的空间差别也是很大,MySQL安 ...
    
			
    7. 
						
  7. cs231n学习笔记（一）计算机视觉及其发展史
			
    在网易云课堂上学习计算机视觉经典课程cs231n,觉得有必要做个笔记,因为自己的记性比较差,留待以后查看. 每一堂课都对应一个学习笔记,下面就开始第一堂课. 这堂课主要是回顾了计算机视觉的起源及其后来 ...
    
			
    8. 
						
  8. 如何更改Arcmap里经纬度小数点后面的位数?
			
    customize>arcmap option>data view >round coordinate to 改成想要显示的小数位数
    
			
    9. 
						
  9. Scrum立会报告+燃尽图（Beta阶段第二周第二次）
			
    此作业要求参见:https://edu.cnblogs.com/campus/nenu/2018fall/homework/2410 项目地址:https://coding.net/u/wuyy694 ...
    
			
    10. 
						
  10. Alpha发布—文案+美工展示
			
    目录 团队简介 项目进展 组内分工 队员总结 后期计划 一.团队简介 二.项目进展 从选题发布到今天的Alpha发布,我们团队经历了许许多多的磨难.我们最终设计了如下的功能:首页.班级.个人.更多.打 ...
    
			
    11.