摘要：了解前端性能监控，做好前端性能优化，需要知道一些概念东东。从用户体验出发的几个核心时间指标包括：Start Render、DOM Ready、Page Load、TTI。不同的性能指标对用户体验的影响是不同的，而指标本身受哪些因素的影响也是不同的。一、Start Render定义 Start Render，顾名思义指的是浏览器开始渲染的时间，从用户角度出发则可以定义为用户在页面上看到的第一个内容的时间。用户体验 该时间决定着用户对页面的第一体验时机，如果时间越短给用户的体验则是页面速度越快，这样用户等待其余内容展现的耐心也会更大一些。如果时间过长，则用户会在长时间内面对的都是一个空白的页面..
阅读全文
摘要：现在有这么个需求，图一所示，称红线框这一行为searchRow，当searchRow获取焦点时，搜索按钮显示出，当searchRow失去焦点时，搜索按钮消失掉，当鼠标点击带看房源下面的input时，弹出图二所示的层，用户输入数据后，将数据显示到层上，当用户填写searchRow的数据后，点击搜索，按填写的内容，输出相应的结果，图三所示：图一图二图三当删除指定的搜索条件后，searchRow中相应条件也会清除。且图二所示数据有相应的格式要求，当弹层中最后一个input的值不为空时，假如第二个input没有输入数据，那么写到带看房源下input中的数据为1# #34#4；当弹层中最后一个input
阅读全文
摘要：在 JavaScript 里使用 typeof 来判断数据类型，只能区分基本类型，即 “number”，”string”，”undefined”，”boolean”，”object” 五种。对于数组、函数、对象来说，其关系错综复杂，使用 typeof 都会统一返回 “object” 字符串。要想区别对象、数组、函数单纯使用 typeof 是不行的。或者你会想到 instanceof 方法，例如下面这样：var a = {};var b = [];var c = function () {};//a b c 都是 Object 的实例console.log(a instanceof Object
阅读全文
摘要：最近有这么一个需求，根据所对应的省份，将相应的各省的数据读取出来，显示在弹层中，并且读取对应各省-市-区的初始状态，然后进行选中与取消操作后，将相应选中的数据再传给程序那边。废话不多说，先上图~比如点击山西省后，出现的效果如下：点击确定后，提示说已经保存成功，并将数据带给后台.程序设计思路如下：1、采用dojo的AMD异步加载思路，按需加载2、弹层用到了artDialog组件3、记录各省的初始化状态 -> 点击省份 -> 弹层 -> 调用ajax加载数据进来（加载进来后保存该数据，当下次点击时就不用再重新加载），如果加载数据太多，则需要添加滚动条 -> 对弹层的内容进行
阅读全文
摘要：所谓js跨域问题，是指在一个域下的页面中通过js访问另一个不同域下的数据对象，出于安全性考虑，几乎所有浏览器都不允许这种跨域访问。现假设一个站下有两个域名A.com、B.com，下面结合具体实例，介绍在什么情况下会产生跨域问题以及如何解决它。1、Ajax跨域请求在A.com域下有一个页面，http://A.com/test.jsp，页面代码为：<scriptsrc="jquery-1.8.2.min.js"type="text/javascript"></script><scripttype="text/javas
阅读全文
