qq_18660259的博客

原创 引用zepto jquery图片懒加载 浏览器如何测试

打开netword 进行网速调控,选择默认的网速或者自己设置网速这样就可以看出是不是图片在懒加载了

原创 js 中文转成拼音字母 并A-Z排序 索引功能

1.第一种方法比较：function pySegSort(arr,empty) {   if(!String.prototype.localeCompare)       return null;       var letters = "*abcdefghjklmnopqrstwxyz".split('');   var zh = "阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它

原创 zepto获取option的值

1.用原生 javascript  直接 id.seletedOptions[0].getAttrbute("value")2.用zepto  $('option').not(function(){ return !this.selected }).val();3.用原生 javascript id.options[id.selectedIndex].value;

原创 js 验证60s发短信

function countDown(x){    $(".send-forget2").removeClass("blue").html(""+x+"s后重发");    if(x>0){        return setTimeout("countDown("+x+"-1)",1000);    }    else{        $(".send-forget2")

原创 javascript 随机生成一个范围值 random[min,max]

随机生成一个值 1-10function random(range){var max = Math.max(range[0],range[1]);var min = Math.min(range[0],range[1]);var diff = max-min;  //差值 【1,10】var number = math.ceil(Math.floor()*diff + min)

转载 js定时显示广告代码

这是一则定时显示广告的javascript代码，当然也可以定时显示某一区块内容，很实用。function strToDate(str, ext) { if (str == null || str == '') return; var arys = new Array(); arys = str.split('-'); var newDate = new Date(arys[0],

原创 网页ad广告图下拉定点滑动

类似网站 http://www.alicall.com/采用了css样式中的 background-attachmentbackground-attachment -- 定义背景图片随滚动轴的移动方式取值: scroll | fixed | inheritscroll: 随着页面的滚动轴背景图片将移动fixed: 随着页面的滚动轴背景图片不会移动inherit: 继

转载 html的header结构和实例

HTML header结构                              base标签为页面上的所有链接规定默认地址或默认目标。             通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来构造新的相对 URL 。             使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 

原创 解决跨域三种方式

1.代理；2.header加上这个header("Access-Control-Allow-Origin:*");*星号表示所有的域都可以接受，*/header("Access-Control-Allow-Methods:GET,POST"); 3.dataType:'jsonp'

转载 javascript parseUrl函数(来自国外的获取网址url参数)

在外国一博客看到一个很好的函数，获取网址url等地址参数。非常不错，值得参考与收藏。function parseURL(url) {var a = document.createElement('a');a.href = url;return {source: url,protocol: a.protocol.replace(':', ''),host: a.hos

原创 g() 获得id单一 和class多个数组的class 获取数据push进去

原创 3D css3旋转的效果

3D透视图的作用-webkit-perspective: 800px;  在父级的样式中设置这个perspective透视图的作用这个在子元素设置 transform: rotateY(50deg);box-sizing:border-box; 设置盒子不超过

原创 jquery 插件简单编写

click here  $.fn.myPlugin = function(options) {   var defaults = {       'color': 'red',       'fontSize': '12px'   };   var settings = $.extend(defaults, options);   return this

原创 jquery 简单拖拉事件

Document.drag {position: absolute;background: #0000CC;top: 100px;left: 200px;padding: 0;width: 100px;height: 100px;}$(document).ready(function() {var move

原创 图片瀑布展示 web开发

*{padding: 0;margin: 0;}#main{position: relative;margin: 0 auto;}.box{padding: 15px 0 0 15px;float: left;}.pic{padding: 10px;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 0 5px #ccc;}

转载 面试技巧：前端工程师面试题汇总

HTML、CSS部分要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发 技术等1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?    （1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。      （2）、严格模式