mercury8862的专栏

原创 【疑问笔记】window.onload vs $(document).ready vs defer

H5属性中，script标签中自带的defer属性 的定义是   defer 属性规定当页面已完成加载后，才会执行脚本。页面加载完成，这件事，我们已经知道的有原生的window.onload 和JQ的$(document).ready那么 这三个属性到底有什么区别呢？？搜了一堆资料，也没看出个所以然，自己测试了一下，发现不管如何更改顺序，最先alert的 是defer 而后是windo

原创 【实用随机】各种安装配置汇总

每次换电脑or重做系统，都会把该配置的该装的重来一遍，然后那些命令神马的，我又记不住，每次都要百度，所以做个汇总贴，方便日后查阅。1,sublimea)配置+风骚的插件们ctrl+`打开命令行，贴入（这里是sublime text 3）import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = su

翻译 【实用随记】用iframe嵌套youtube遮盖popup弹窗

※Chrome和FF中未发现翻看文档发现可以在js中添加如下代码使得embed中有wmode="transparent"的属性var player;      function onYouTubeIframeAPIReady() {        player = new YT.Player('player', {          height: '390',     

原创 【实用随记】手风琴折叠

1 2 3 4 5

原创 【实用随记】倒计时（验证码）

获取验证码 var InterValObj; //timer变量，控制时间 var count = 120; //间隔函数，1秒执行 var curCount;//当前剩余秒数 function sendMessage(){ $("#btnSendCode").attr("onclick", ""); $("#btnSendCo

转载 【实用随记】常用重置css

/*CSS reset*/html, body, div, h1, h2, h3, h4, h5, h6, p, table, tr, th, td, ul, ol, li, dl, dd, dt, img, form, input, button, select, textarea { margin:0; padding:0;}body { font-family:Arial; f

原创 【实用随记】浏览器端定位

手里的项目是webApp，用的 webViews。

原创 【实用随记】存调cookie

function setCity(){var city = $(this).attr('data-city');$('.city-now-title').text('当前城市-' + city);$.cookie('city', city, { path: '/' }); // 设置cookiewindow.location = '/index/index';}

转载 【实用随记】文字超出省略

overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;

原创 【实用随记】修改性别的传参

这里是个修改性别页面，原始性别传过来男女

原创 【实用随记】购物车效果--计算件数总额以及加减效果

resultItem(); //勾选 $('.select').click(function() { $(this).toggleClass('select-yes'); resultItem(); }); //输入框失焦传参给value $('.this-num').blur(function(){ var

原创 【实用随记】ios跟Android调用前端页面的接口js

因为iosA//var cityUrl = window.location.href//currentCity();//webApp();//获取iosAPP传来的定位城市名称 ////问题？如果webAppd做了定位，是不是就不用与iosApp交互传参了？function currentCity(cityName){ $('.city-now').attr('data-c

转载 【实用随记】js判断设配及浏览器

var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') >

原创 【实用随记】touch事件

新项目是webApp 有一个滑动折叠菜单的效果 由于我事

转载 【使用随记】关闭windows主题对IE的影响

原创 【实用随记】失焦和双击

$('.folder-height').bind({ click:function(){ $('.selected').removeClass('selected'); $(this).toggleClass('selected'); $('#folder-confirm').css('background-color',

原创 【实用随记】ajax动态显示用户数

function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); } function update() { $.ajax({ type: "POST", url: "", data: {

原创 【实用随记】纯css的选项卡

@charset "utf-8";/* CSS Document */.pages{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; font-family: 'Josefin Slab', 'Myriad Pro', Arial, sans-serif;}.pages > input,.pag

原创 【实用随记】获取鼠标滚轮上下滚

function handle(delta) { var s = delta + ": "; if (delta <0) s += "down..."; else s += "up..."; document.getElementById('delta').innerHTML = s;

转载 【实用随记】模拟键入效果

var charIndex = -1; var stringLength = 0; var inputText; function writeContent(init){ if(init){ inputText = document.getElementById('mrcToWrite').innerHTML; } if(char

原创 【实用随记】获取键盘键入的键

function keyDown(e) {       var keycode = e.which;       var realkey = String.fromCharCode(e.which);       alert(realkey);    }    document.onkeydown = keyDown;

原创 【实用随记】data属性的应用

var stopFlag = false;  $('#cloud-big').data('left','-359px');  $('#cloud-middle').data('left','-711px');  $('#cloud-small2').data('left','-304px');  $('#cloud-small1').data('left','12px'); 

原创 【实用随记】解决不同浏览器字符间距不同的四个属性

line-height letter-spacing

原创 【实用随记】js动态显示textarea所剩输入字节

//动态显示还可以输入的字符数    var maxl=500//总长    document.onkeydown=document.onkeyup=function(){      //str.length + str.replace(/[\u0000-\u00ff]/g, "").length      var str=document.getElementById("type

原创 【实用随记】伪元素和伪类混用

:after上加:hover事件

原创 【好好学习】js递归学习-斐波那契数列

输入一个数计算它的斐波那契数： 计算 function F(num) { if(num==0){ return 0; }else if (num==1){ return 1; }else if(num >=2 && par

原创 【实用随记】js日历

#wrapper { width: 500px; height: 500px; margin: 0 auto; text-align: center; } table { margin: 0 auto; text-a

原创 【好好学习】循环练习-随机生成三级菜单

(function(){        for (var i=0;i          //生成10个m1          $('.menu').append('');          //取个随机数，然后在m1后面加m2，m2的个数随机          var aa          aa = Math.floor(Math.random() *10);   

转载 【实用随记】js选项卡

body,h2{            margin:0;          }          body{            font-size:12px;          }          h2{            width:500px;            height:50px;            margin:100px aut

转载 【实用随记】ie下不支持first-child,last-child

td:last-child{              border-bottom-width:1px;              border-bottom-style:solid;              border-color:#000;} td{              border-bottom-width:1px;              borde

转载 【实用随记】js菜单联动

function menu(array)        {        //数组，联动的数据源          this.array=array;          this.indexName='';          this.obj='';         //设置子SELECT       // 参数：当前onchange的SELECT ID，要设置的SEL

原创 【实用随记】进度条

body{margin:0;}#progress{height:2px;background:#b91f1f;-webkit-transition:opacity 1s linear;/*-webkit-animation:parse 3s;*/}#progress.done{opacity:0;}/*@-webkit-keyfr

原创 【小效果们】选择文件夹的弹出框

这里的样式和文件夹是直接写死的，具体数据可以冲

原创 【小效果们】JQuery酷炫的换行

0 up down 1 up down 2 up down 3 up down

原创 【实用随记】JQuery点击互换行

实现行元素的上移和下移$('.up').click(function(){          var par = $(this).parent('.cell')          if(par.prev().size() != 0){            $(this).parent('.cell').prev().before(par);          } 

原创 【实用随记】缩略显示文件名

function getDisplayName(name) {                  if (name) {                    if (name.length                       return name;                    } else {                      return nam

原创 【有点意思】把icon变成字体

用AI做矢量路径的icon 然后用FontLab

原创 【实用随记】阻止冒泡的event

今天的项目中用到setTimeout 但是延迟执行的函数中用到了

原创 【实用随记】height:auto时无法执行动画的解决办法

加到body里 然后  $('.trangle').bind('click',function(){        $(this).toggleClass('tr-click');        $(this).parent('.folder-each').toggleClass('fo-click');        var el = $(this).pa

转载 【实用随记】前台实现查找

$(function(){       $("#filterName").keyup(function(){     $("table tbody tr").hide().filter(":contains('"+( $(this).val() )+"')").show();  }).keyup();  })