对象

原始类型(primitive type)有以下五种类型:undefined、null、boolean、string、number（包括整数和浮点数）数组是引用对象
==可以进行隐式的类型转换 ===不能进行隐式类型转换

var one;//undefined
var two=null;//null
console.log(one==two,one===two);//true false

x是Boolean对象 y是Boolean值

var x = new Boolean(false);//x是一个object
if (x) {//正确 if(x!=null)
  alert('hi');
}
var y = Boolean(0); //此时数据类型是Boolean
if (y) {//错误 
  alert('hello'); 
}

命名规则：第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；其他字符可以是字母、下划线、美元符号或数字。

前端

AJAX与Flash的比较
1.Ajax的优势：可搜索性开放性费用易用性易于开发。
2.Flash的优势：多媒体处理兼容性矢量图形客户端资源调度
3.Ajax的劣势：它可能破坏浏览器的后退功能使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中，不过这些都有相关方法解决。
4.Flash的劣势：二进制格式格式私有 flash 文件经常会很大，用户第一次使用的时候需要忍耐较长的等待时间性能问题
getCurrentPosition（）获取用户当前位置放入一个值中保存，getLocation()地图定位

HTML标签

hr定义水平线

HTML中的标签分为闭合标签和自闭合标签。
自闭合标签有<input/><img/><br/><link/><hr/>等

input的type属性的取值

<form >
        <input type="hidden" name="stuid" value="11110000" />
        同学名： <input type="text" name="name"/></br></br>
        密码： <input type="password" name="pwd" /></br></br>
        校区： 南校区<input type="radio" name="campus" value="south"/>
              东校区<input type="radio" name="campus" value="east"/>
              北校区<input type="radio" checked name="campus" value="north"/>
              珠海校区<input type="radio" name="campus" value="zhuhai"/>
              深圳校区<input type="radio" name="campus" value="shenzhen"/></br></br>
        年级： <select name="grade">
            <option value="freshman" >大学一年级</option>
            <option value="sophomore" selected>大学二年级</option>
            <option value="junior">大学三年级</option>
            <option value="senior">大学四年级</option>
                </select></br></br>
        社团： 舞蹈队<input type="checkbox" checked  name="club" value="dance" />
             摄影<input type="checkbox" name="club" value="photo" />
             篮球<input type="checkbox" name="club" value="basketball" /></br></br>
        说明： <textarea row="5" cols="30" name="moreinfo"></textarea></br></br>
        <input type="submit" name="submit1" value="保存"/>
        <input type="submit" name="submit2" value="退出"/>
 </form>

列表元素

<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
<dl>标记定义了一个定义列表，定义列表中的条目是通过使用
<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。
<dt>给出了术语名，<dd>标记给出了术语的定义。
<table>代表表格</table> 
<tr>代表表格中的一行</tr> 
<td>代表表格中的一列</td>

iframe可用在以下几个场景中：
1：典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类的。为了每一个功能，单独分离出来，采用iframe。
2：ajax上传文件。
3：加载别的网站内容，例如google广告，网站流量分析。
4：在上传图片时，不用flash实现无刷新。
5：跨域访问的时候可以用到iframe，使用iframe请求不同域名下的资源。
overflow属性????
HTML标签

<mark> 标签定义带有记号的文本,显示为黄色高亮，是 HTML 5 中的新标签，Internet Explorer 8 以及更早的版本不支持 <mark> 标签。
<meta>用在文档头部，head元素内部，提供页面信息
<pre>用于显示计算机源代码
<small>小号字体

CSS

CSS Sprites
1.简介
CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中，利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，访问页面时避免图片载入缓慢的现象。
2.优点
（1）CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；
（2）CSS Sprites能减少图片的字节；
（3）CSS Sprites解决了网页设计师在图片命名上的困扰，只需对一张集合的图片命名，不需要对每一个小图片进行命名，从而提高了网页制作效率。
（4）CSS Sprites只需要修改一张或少张图片的颜色或样式来改变整个网页的风格。
3.缺点
（1）图片合并麻烦：图片合并时，需要把多张图片有序的合理的合并成一张图片，并留好足够的空间防止版块出现不必要的背景。
（2）图片适应性差：在高分辨的屏幕下自适应页面，若图片不够宽会出现背景断裂。
（3）图片定位繁琐：开发时需要通过工具测量计算每个背景单元的精确位置。
（4）可维护性差：页面背景需要少许改动，可能要修改部分或整张已合并的图片，进而要改动css。在避免改动图片的前提下，又只能（最好）往下追加图片，但这样增加了图片字节。
CSS3新增属性用法整理：
1、box-shadow（阴影效果）
2、border-color（为边框设置多种颜色）
3、border-image（图片边框）
4、text-shadow（文本阴影）
5、text-overflow（文本截断）
6、word-wrap（自动换行）
7、border-radius（圆角边框）
8、opacity（透明度）
9、box-sizing（控制盒模型的组成模式）
10、resize（元素缩放）
11、outline（外边框）
12、background-size（指定背景图片尺寸）
13、background-origin（指定背景图片从哪里开始显示）
14、background-clip（指定背景图片从什么位置开始裁剪）
15、background（为一个元素指定多个背景）
16、hsl（通过色调、饱和度、亮度来指定颜色颜色值）
17、hsla（在hsl的基础上增加透明度设置）
18、rgba（基于rgb设置颜色，a设置透明度）
CSS伪类用于向某些选择器添加特殊的效果。
:active 向被激活的元素添加样式。
:focus 向拥有键盘输入焦点的元素添加样式。
:hover 当鼠标悬浮在元素上方时，向元素添加样式。
:link 向未被访问的链接添加样式。
:visited 向已被访问的链接添加样式。

【JavaScript】【HTML/CSS】【前端】刷题速记

对象

前端

HTML标签

CSS

猜你喜欢