• 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 中的所有事物都是对象-----字符串、数字、数组、日期,等等。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机制中所运用的大量对象的创建和销毁无疑会影响其效率。
  • 相关阅读:
    supervisorctl的安装使用
    react应用多入口配置
    百度编辑器
    formData文件上传
    thymeleaf的内联th:inline(在javascript访问model中的数据)
    浅谈Object.prototype.toString.call()方法
    JS中call()和apply()以及bind()的区别
    Json对象与Json字符串的转化
    全面解析JavaScript中“&&”和“||”操作符(总结篇)
    TortoiseSVN客户端重新设置用户名和密码
  • 原文地址:https://www.cnblogs.com/QingFlye/p/4291494.html
Copyright © 2020-2023  润新知