文章分类 - Javascript
摘要：感觉这篇文章写得不错，所以转过来。 传送门
阅读全文
摘要：假如有个a元素的对象，aObj 那么以下这两种情况是有区别的： 1.aObj.href 获取完整地址 2.aObj.getAttribute('href') 获取属性href的值 3.设置aObj.href为空，即aObj.href=''; aObj的href等于当前所在路径的完整地址 华丽丽的分割
阅读全文
摘要：获取一个对象的属性名有那么几种方法 假设有一个数组对象： 1.Object.keys() 返回一个由给定对象的所有可枚举自身属性的属性名组成的数组 详细资料请移步：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Gl
阅读全文
摘要：在性能优化的道路上，图片的size能够直接影响到页面的加载速度。前端在这方面也一直被设计师和产品夹在中间。从设计师的角度来看，希望图片质量越高越好，而从产品的角度来看，页面加载速度越快越好。所以我们前端工程师就被夹在了中间，需要做出一个平衡的状态。 作为前端工程师，我们会比较倾向于页面加载速度。而我
阅读全文
摘要：在一些移动端浏览器上，如果点击图片，会产生一个浏览图片的行为。QQ没有这种默认行为，但是UC浏览器有。如图：UC浏览器打开这个链接，然后点击里面的一张图片，浏览图片的效果就出来了：http://m.uczzd.cn/webapp/webview/article/news.html?app=uc-if...
阅读全文
摘要：winphone平台下：浏览器不能新开窗口安卓平台下：uc必须使用浏览器内置命令新开窗口(ext:wo)，普通方法不可行如新开窗口中打开google： window.location.href = 'ext:wo:https://www.google.com.hk/?gws_rd=ssl';其他情况...
阅读全文
摘要：判断横竖屏的原理：如果屏幕宽度大于高度，则判断为横屏；如果屏幕宽度小于高度，则判断为竖屏。横竖屏的判断方法：1.使用css media方法：@media all and (orientation : landscape) { h2{color:red;}/*横屏时字体红色*/} @media...
阅读全文
摘要：这是一个在手机端模拟PC端的鼠标跟随效果。预览效果：请用手机端打开这个页面，看到右边的圆形图片，就按着它移动吧！非常简单，代码如下：html代码，为了方便展示，样式直接写在了标签内 script代码：close
阅读全文
摘要：场景：需要存放到数据库中的字符串含有单反斜杠，在进入数据库后会被过滤掉，造成出库的时候数据格式不对，无法使用。所以就想要把单反斜杠变成双反斜杠，然后入数据库的时候会被转义成单反斜杠，从而可以保持数据正确的格式。问题是：怎么把\变成其他字符，问题是这个反斜杠刚好就是转义的意思，这个时候冲突了！所以是没...
阅读全文
摘要：做前端性能统计的时候，我们会发送类似于这个链接里的统计参数到后端。http://www.cnblogs.com/joyho/articles/4384306.html这一切看似很正常，事实上其实也很正常，发统计就发统计啦~~~~但是，如果要给服务器减负，而且发送的请求数量庞大，那么我们可以选择进行抽...
阅读全文
摘要：function getOffsetTop(ele) { var offsetTop = ele.offsetTop; if (ele.offsetParent !== null) { offsetTop += getOffsetTop(ele.of...
阅读全文
摘要：通过第一篇文章，估计你也大概了解OLPM。接下来，可以动手试试。。。为了更好地理解接下来的内容，同样的，希望你可以先阅读一下scrat详细的教程，毕竟OLPM只是scrat的一种模式而已。http://scrat-team.github.io/#!/index假设你已经安装了scrat所需要的开发环...
阅读全文
摘要：这里的OLPM，是指scrat 里面的olpm模式。为了更好理解我接下来要讲的内容，希望你可以先阅读一下这篇UC大神的文章。http://wenku.baidu.com/link?url=qEq1680SI49xAHCoCikvVU4G5ks3k8UwLlP75ojd1y2fpVpPqPHgYxvt...
阅读全文
摘要：1.网页的写法导致渲染时产生的平台相关的layer过多。浏览器在网页排版的时候会产生一棵rendertree用于渲染。由于z-index和一些特殊元素如overflow，fixed元素等的存在，浏览器为了保证渲染的正确，真正渲染的时候不直接使用rendertree，而是根据rendertree的信息...
阅读全文
摘要：1.什么是PJAXPJAX就是使用ajax和history.pushState实现无刷新改变页面URL的一种技术。history.pushState是HTML5提供的history接口中的一个函数。
阅读全文
摘要：1.#的含义#代表网页中的一个位置，其右边的字符，就是该位置的标识符。比如http://www.example.com/index.html#print就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。设置方法：step1：设置一个锚点定位到print...
阅读全文
摘要：定义和用法nodeType 属性返回被选节点的节点类型。语法：elementNode.nodeType节点编号节点名称1Element2Attribute3Text4CDATA Section5Entity Reference6Entity7Processing Instrucion8Comment...
阅读全文
摘要：window.performance是HTML5 的一个新API。API详细文档传送门：https://developer.mozilla.org/en-US/docs/Web/API/Window/performance浏览器一般的加载顺序如下图：所以根据上面的时间点，我们可以计算常规的性能值，如...
阅读全文
摘要：如题，使用canvas实现如图效果，该效果用于手机端，也可以用于支持canvas的PC浏览器实现思想：在画布上画多重扇圆进行颜色叠加，最后在顶层加上一个白色并且半径最小的圆覆盖，使视觉上形成一个圆环。 第一层是一个灰色的全圆 第二层是从12点钟方向顺时针开始画的红色扇圆，当角度=36...
阅读全文
摘要：如题，这是一个倒计时的demo00天00时00分00秒 time 00天00时00分00秒
阅读全文
浙公网安备 33010602011771号