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 中的所有事物都是对象-----字符串、数字、数组、日期,等等。ObjectFunctionBooleanDateNumberString
基础数据类型:字符串、数字、布尔、数组、对象、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机制中所运用的大量对象的创建和销毁无疑会影响其效率。