jQuery
tangchangcai.
做一名正直勇敢的青年
展开
-
谈谈document.ready和window.onload的区别
参考:https://www.cnblogs.com/a546558309/p/3478344.html在Jquery里面,我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){})这两个方法的效果都是一样的,都是在dom文档树加载完之后执行一个函数(注意,这里面的文档树加载完不代表全部文件加载完)。而转载 2018-01-04 09:38:18 · 258 阅读 · 0 评论 -
jQuery v2.2.5的源码
/*! * jQuery JavaScript Library v2.2.5-pre b14ce54334a568eaaa107be4c441660a57c3db24 * http://jquery.com/ * * Includes Sizzle.js * http://sizzlejs.com/ * * Copyright jQuery Foundation and other...原创 2018-10-30 09:14:59 · 699 阅读 · 0 评论 -
js 实现倒计时,以及new Date().getTime()的格式化应用兼容性说明
最终效果:用%(mod)等方法计算得出9月10号距离国庆开业的倒计时html:核心代码<div class="countdown-block"> <!-- 数字的背景 --> <img class="countdown-block-bg" src="../img/activity/countDown/displayBlock.png" hei...原创 2018-09-11 10:46:37 · 2987 阅读 · 0 评论 -
if( a = 0)的用法,仅相当于if(Boolean(0)){ a = 0},这种写法是不推荐的
1.简单示例:var a ;if(a = 0) esle {} 实际相当于 :if(Boolean(0)){ a = 0; //do sth}else{ a = 0 //do sth}2.总结:原创 2018-07-09 10:58:59 · 2217 阅读 · 0 评论 -
sessionStorage 的使用
study window.sessionStorage object:Point1--如何存的是对象要先用JSON原生对象将其转换一下才存,取出来后要用JSON.parse(对象)将其恢复为原来的object才能取值。log = console.log;var session = window.sessionStorage;session.setItem("akey",JSON.string...原创 2018-05-19 18:12:52 · 451 阅读 · 0 评论 -
时刻要注意引用类型{},[],将它们赋值是赋指针,而不是赋副本。
应用场景,主要是引用类型{} and []:var aa = {arr:[1,2],name:"tcc"};var bb = aa;var cc = aa;bb.arr = [8,9];$("#mya").click(function(){ console.log('cc',cc); console.log('bb',bb); console.log('aa',aa);})...原创 2018-05-05 12:38:25 · 208 阅读 · 0 评论 -
上传视频
<input type="file" />先来了解一下: HTML DOM FileUpload 对象在 HTML 文档中 <input type="file"> 标签每出现一次,一个 FileUpload 对象就会被创建。该元素包含一个文本输入字段,用来输入文件名,还有一个按钮,用来打开文件选择对话框以便图形化选择文件。该元素的 value 属性保存了用户指定的文件...原创 2018-05-10 17:38:10 · 638 阅读 · 0 评论 -
javascript中写插件用use strict的好处
function(){ "use strict"; //....往下的代码都会开启js strict 模式}use js strict mode 的好处:point1-检查json中重复的键: e.g : { a:1,a:1 //会报错了 }point2-检查函数中重复的参数: ...原创 2018-04-19 10:58:21 · 619 阅读 · 0 评论 -
javascript 中的 !~+-()符号的作用
section1:自运行函数 只有在运行到当前的代码时,才会解析里面的function()并自动执行,即,不会作变量提升,而是作为表达式定义。 e.g : (function aa(){}()) // (function aa(){})()//!与 () 和 ~ + - 作用类似。 var fn = function(){}...原创 2018-04-19 10:24:18 · 1822 阅读 · 0 评论 -
JS Object() 与 new Object()的区别
//无意间看到这段代码function inheritPrototype(subType,superType){ var prototype = Object(superType.prototype); prototype.constructor = subType; subType.prototype = prototype;}// 以上是原型继承的优化方法// 看到这个O...原创 2018-04-06 23:12:06 · 28630 阅读 · 0 评论 -
html 5 history api 教你一些兼容ie10+的修改history记录的技能
reference:https://www.cnblogs.com/chaoyuehedy/p/5758143.html转载 2018-04-03 22:49:02 · 624 阅读 · 1 评论 -
jQuery中三个获取位置方法offset、position、scrollTop/scrollLeft的区别和用法
首先要搞清楚元素没有定位时的默认状态:Position:static 都是以document body为相对基准(也就是以body为基准)1.offset$().offset().top;$().offset().left;元素到document顶部的top or left2.position$().position().top;$().position().left;如果没有在其父元素中定义po...原创 2018-04-02 16:23:30 · 1330 阅读 · 1 评论 -
js如何检测用户有没有在操作
将事件绑定在html中,然后通过各种事件的触发还判断用户是否有操作(function($){ funObj = { timeUserFun:'timeUserFun', } $[funObj.timeUserFun] = function(time){ var time = time || 2; var userTime = time; var objT...原创 2018-03-03 23:13:19 · 2978 阅读 · 0 评论 -
e.stopPropagation 与 e.stopImmediatePropagation的区别
在vue中使用时stopImmediatePropagation可以让事件立即结束,而stopPropagation有时会循环,这点十分重要。如下示例:$(".content-ul").on("click", ".img-li", function (e) { e.stopImmediatePropagation(); if ($(".content-ul .img-li").length...原创 2018-03-01 16:52:01 · 5049 阅读 · 0 评论 -
jQuery and CSS3实现一框3图滑动轮播特效,内附详细说明
以下所有代码都出自我手,贴出来是用于交流用,大家有更好的方法和改进,欢迎联系我哦。QQ2020108166说明:额外引入的layui.css and layui.all.js都是用来写弹出层用的,如果大家嫌弃,就把弹出框那些干掉就行了,不会影响代码运行的。最终效果:<link rel="stylesheet" href="../lib/layer303/css/layui....原创 2018-01-20 09:49:53 · 1123 阅读 · 0 评论 -
阿里云播放器的官方文档
参考:https://help.aliyun.com/document_detail/62941.html?spm=5176.doc51991.6.706.2MBrF8#h2--3转载 2018-01-24 15:48:03 · 3239 阅读 · 0 评论 -
兼容IE10上传并预览图片的方法(ie9暂时没有弄好)
以下代码会用到:1.jQuery 2.layui.all.js(要把整个插件downloaded) 3.jQuery.form.jsjQuery.form.js 使用很简单的,请参考:https://www.cnblogs.com/azhw/p/4661838.htmlhtml: <form id="designer_form" class="layui-form"...原创 2018-01-05 14:14:11 · 1767 阅读 · 0 评论 -
form表单input实时监听内容变化
jQuery3.0 写法:$('#input').on('input propertychange', function(e) { e.stopPropagation(); // $('#content').html($(this).val().length + ' characters'); $("#hint_li").addClass("ac...原创 2019-03-06 08:49:46 · 5055 阅读 · 0 评论