摩帆士

摘要： 在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari。但很遗憾，最流行的 IE 和 Firefox 却不支持这个属性（在 Firefox3 版本中将会支持 display:inline-block）。不过 Firefox 下却有私有属性 -moz-inlin 阅读全文

摘要： 一、Highcharts中文API 之Chart：图表区选项Chart图表区选项用于设置图表区相关属性。Chart是HighCharts图表中主要属性，包括了图表区域的颜色、线条、高度、宽度、对齐、图表类型等诸多属性，也是HighCharts图表中必须配置的属性之一。 配置chart属性，你可以轻松改变你的图表的样式、外观。参数描述默认值backgroundColor设置图表区背景色#FFFFFFborderWidth设置图表边框宽度0borderRadius设置图表边框圆角角度5renderTo图表放置的容器，一般在html中放置一个DIV，获取DIV的id属性值nulldefaultSer 阅读全文

摘要： 了解前端性能监控，做好前端性能优化，需要知道一些概念东东。从用户体验出发的几个核心时间指标包括：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 阅读全文

摘要： js中判断Object、Array、Function等引用类型对象是否相等，引用类型无法直接使用==或===取得期待结果。法一：需要一个迭代的compare函数转化成原始类型进行比较function compare(a,b){ var pt = /undefined|number|string|boolean/, fn = /^(function\s*)(\w*\b)/, cr = "constructor", cn = "childNodes", pn ="parentNode", ce = arguments.callee; if 阅读全文

摘要： 我所知道的，前端交流群有很多个，鬼懿是比较优秀的活跃群之一。咳咳，以下是来自群主ζ鬼懿さ的介绍：鬼懿IT （简称：鬼群，QQ群号19046753） 创建于2005年12月 ，聚集的业内人事包括：阿当，大漠，辣妈，崔凯，Rei，周玉波，司徒正美，丸子，鬼森林，寒冬，franky，林小志，飘飘,老赵，大城小胖，tension, 石头，aliui的团队成员,汤姆大叔，in.js作者，拔赤，月影，玉波，勾三股四等，涵盖taobao ued,盛大研究院，百度, webqq团队，360，一淘，w3c中国，nodejs等团队，更有新生力量不断涌现，在国内前端事业中做出突出贡献。(目前总人数：210人，不一一 阅读全文