2014-腾讯

1.如果是3.00元,则转为300分,如果是300分,则转为3.00元

var str='3.00元'
str = str==='3.00元' ? '300分':'3.00元'

2.前端优化

网站前端性能黄金法则:只有10%-20%的最终用户响应时间花在了下载HTML文档上,其余的80%-90%的时间花在了下载页面的所有组件上。其实就是要控制好JS,Flash,图片,视频音频(富媒体),CSS文件等的资源加载速度。所以前端优化可以从内容、JS、CSS、图片、Flash等方面优化。

  • 1.可以减少http请求
  • 2.减少DNS查找;
  • 3.避免跳转,避免重定向;
  • 4.减少DOM元素数量,减少Frame的使用
  • 5.样式表放在头部/脚本放在底部/避免css表达式-----精简js/css;使用外部CSS和JS
  • 6.使用CDN,内容发布网络(CDN--content delivery network)是一组分布在多个不同地理位置的web服务器,用于更加有效的向用户发布内容。大型的公司一般都有自己的CDN,例如京东,阿里,百度,腾讯等等,在全国都布上自己的服务器,用户访问的时候速度就比较快,而不用依赖一个位置的服务器。
  • 7.合并文件,
  • 8.压缩组建。压缩文件可以减少文件的大小,通常使用gzip或deflate来压缩http响应包,其他的还有删除注释,缩短URL的形式。
  • 9.ajax缓存
  • 10.图片:CSS sprite,各种图片合并在一张大图片上面,那么结果就是以前的多次访问,现在只需要一次就可以搞定

3.js里面的基础对象和基础数据类型

基础对象:JavaScript 中的所有事物都是对象-----字符串、数字、数组、日期,等等。Object\Function\Boolean\Date\Number\String
基础数据类型:字符串、数字、布尔、数组、对象、Null、Undefined

4、如果在某一个位置插入一个DIV对象 例如:在下面的 aId 和 bId 间插入一个 DIV对象

1 <div>
2         <div id=”aId”>a</div>
3         <div id=”bId”>b</div>
4         <div id=”cId”>c</div>
5         <div id=”dId”>d</div>
6 </div>
 window.onload=function(){
    var bDiv=document.getElementById('bId');
    var abDiv=document.createElement('div');
    bDiv.parentNode.insertBefore(abDiv,bDiv);
}

  

 5、XMLHTTPRequest的几个状态----Ajax

     存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

  • 0: 请求未初始化
  • 1: 服务器连接已建立
  • 2: 请求已接收
  • 3: 请求处理中
  • 4: 请求已完成,且响应已就绪

 

8.DOM年份,DOM好处和坏处

 在 1998 年,W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。

W3C DOM 标准被分为 3 个不同的部分:
  • 核心 DOM - 针对任何结构化文档的标准模型
  • XML DOM - 针对 XML 文档的标准模型
  • HTML DOM - 针对 HTML 文档的标准模型
DOM的优势主要表现在:易用性强,使用DOM时,将把所有的XML文档信息都存于内存中,并且遍历简单,支持XPath,增强了易用性。
DOM的缺点主要表现在:效率低,解析速度慢,内存占用量过高,对于大文件来说几乎不可能使用。另外效率低还表现在大量的消耗时间,因为使用DOM进行解析时,将为文档的每个element、attribute、processing-instrUCtion和comment都创建一个对象,这样在DOM机制中所运用的大量对象的创建和销毁无疑会影响其效率。

 

posted @ 2015-02-14 13:43  青青flye  阅读(241)  评论(0编辑  收藏  举报