文章分类 - Javascript
摘要：首先将页面上的图片的 src 属性设为 loading.gif，而图片的真实路径则设置在 data-src 属性中，页面滚动的时候计算图片的位置与滚动的位置，当图片出现在浏览器视口内时，将图片的 src 属性设置为 data-src 的值，这样，就可以实现延迟加载。 下面是具体的实现代码： <!DO
阅读全文
摘要：遇到一个这样的问题：当页面加载时，进行数据ajax调取，则使用了Windows.onload进行加载，则页面进入的时候会加载缓慢 或者直接就加载不上。 示例如下： 后来换成 jq的$(function(){}) 进行加载： 控制台看页面加载时两种情况分别为 这里可以看出两点不同： 1.$(funct
阅读全文
摘要：链接参考：https://zhuanlan.zhihu.com/p/24057749 1、为什么要使用图片懒加载 2、原理 3、代码 懒加载的意义（为什么要使用懒加载） 对页面加载速度影响最大的就是图片，一张普通的图片可以达到几M的大小，而代码也许就只有几十KB。当页面图片很多时，页面的加载速度缓慢
阅读全文
摘要：//jQuery event封装支持判断元素上是否绑定了事件，此方法只适用于jQuery绑定的事件 var $events = $("#testdiv").data("events"); if( $events && $events["click"] ){ // 绑定 }else{ // 未绑定 }
阅读全文
摘要：看了官网的 API 还是没怎么明白， 实例也没有， 在别的 圆主中看到，本地测试时可用，并附加 json文件 。 原链接：http://www.cnblogs.com/ikuyka/p/5766867.html resourse.json ： [ {"时间":1,"author":"曹雪芹","na
阅读全文
摘要：原生js随机文字抽奖代码 开始抽奖啦！！！ 开 始 停 止
阅读全文
摘要：//举例如下 //需要把此字符串转换为json对象 **注意 json对象其索引字段 需要用双引号引起 像jsonStr 中 Num、ZyCode、ZyName var jsonStr ='{ "Num":"2", "ZyCode":"202000", "ZyName":"石油化工"}'; var strToobj=JSON.parse(jsonStr);// 字符串转换成json ...
阅读全文
摘要：选项tabs切换 tab1 tab2 tab3 内容框1 内容框2 内容框3
阅读全文
摘要：移动端登录时，设置唯一的设备码，以防止在多台设备进行登录，前端判断js代码可如下：
阅读全文
摘要：
阅读全文
摘要：function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var flag = true; for (var v = 0...
阅读全文
摘要：静态页面html已完成，其数据交互是本地模拟的 .json 数据文件。 那么 html页遇到此问题，调取本地json文件，如下两种实现方式 第一种虽然取到了数据，但是还需要进行一番的逻辑处理，那么想要简单些，就可使用框架。例如 使用angular.js 读取本地 json文件： js json文件
阅读全文
摘要：原理：使用input的 type="file" 属性 input的 this.files[0] 值， 首先判断是否为img类型，并且获取到img的路径， innerHtml 到所要展示图片的 divbox中。
阅读全文
摘要：var str='这是字符串';//['1','3'] ;//{"WorkList":[],"statusCode":"711"};//['213333333','2'];//null if(typeof(str!='string')&&str.constructor!=String) {// 如果
阅读全文
摘要：JavaScript与HTML的交互通过事件来实现。而浏览器的事件流是一个非常重要的概念。不去讨论那些古老的浏览器有事件捕获与事件冒泡的争议，只需要知道在DOM2中规定的事件流包括了三个部分，事件捕获阶段、处于目标阶段、事件冒泡阶段。 一、事件捕获 事件捕获，是从document元素开始，越高级的父
阅读全文
摘要：想当时刚面试的时候，出的一些前端题目，都是靠着经验回答，没有比较官方形式的答案， 现整理一份，即使用不到100%，也多少会有作用。 html & css 1. html&CSS1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1) 浏览器：IE，Chrome，FireFox
阅读全文
摘要：最近在使用jquery mobile开发HTML5 APP时，遇到在安卓系统5.1之上的系统，加载页面时，一直loading加载，无法加载出页面。 客户端日志显示如下提示 随之查 jQuerymobile replaceState.......... 即使有如下地址参考http://www.tuic
阅读全文
摘要：基于这篇文章的一些名称约定： 上面的约定应该是比较合理的，如果难以理解，可以查看黯羽轻扬：JS学习笔记2_面向对象，了解更多的基本常识 js里常用的如下两种继承方式： 原型链继承（对象间的继承） 类式继承（构造函数间的继承） 由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的
阅读全文
摘要：//点击header处返回按钮时根据移动端系统判断 by gaochunlingvar locationBack=(function(){var browser = {versions: function () {var u = navigator.userAgent, app = navigato
阅读全文
摘要：javascript 获取当前 URL 参数的两种方法： 返回字符串形式参数与返回对象格式参数 // 获取url ？ 之后的参数 // 获取url参数值 function getQueryString(url) { if (url.indexOf('?') < 0) { // 没有参数 return
阅读全文
