jquery头像上传剪裁插件cropper的前后台demo
因为一个项目要做一个头像上传的功能，因此选择了使用jquery的头像插件cropper，cropper是一款使用简单且功能强大的图片剪裁jQuery插件，但是在使用的时候，有一个很大的坑需要注意，那就是当上传的文件不需要转换成base64传输给后台的时候，使用FormData对象异步上传的时候，需...[2018/9/28]
开发时候常用的js方法封装
1、判断是否是一个数组
function isArray(arr){
return Object.prototype.toString.call(arr) ===''[object Array]'';
}
isArray([1,2,3]) true
...[2018/9/28]
Vue.js库的第一天的学习
一，vue.js简介 Vue.js可以作为一个js库来使用，也可以用它全套的工具来构建系统界面，这些可以根据项目的需要灵活选择 所以说， vue.js是一套构建用户界面的渐进式框架
Vue.js的核心库只关注视图层，Vue的目标通过尽可能简单的API实现相应的数据绑定， ...[2018/9/27]
封装的倒计时方法
html
<div cla ="demo_time"></div>
js
<script> 倒计时 function djs(y,m,d,h,min,dom){ ...[2018/9/27]
js 防止连续点击
简称 js防连点
var flag = true; $(".yzm>span").click(function(){
if(!flag){ return false &n...[2018/9/27]
Jquery的详细解析和用法
一、Jquery简介
Jquery是一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+,...[2018/9/26]
jQuery基础
最近在做项目的过程中，前端的部分做起来很吃力，很大一部分原因就是jQuery部分知识不够熟练，会的太少
所以我决定从头再学一遍。。。
这一篇随笔先用于写jQuery的基础，我会在下一篇写jQuery''的应用，比如调用ajax，遍历表格等等
首先，什么是jQuery？[?_??]
jQu...[2018/9/26]
H5上滑跳转页面
方法一：
jquery方法
movePage($(''body''));
function movePage(dom) {
var startY, moveY...[2018/9/26]
基于jquery，ajax请求及自我终止的函数封装。
场景描述：
在我们平时的开发过程中，经常会遇到这样的情况。在搜索功能中进行模糊搜索或者联想关联。
这就要我们每次对输入框中的数据进行改动时，都要发送一次请求。当在短时间内多次操作改动时，问题就出现了。
每次操作的请求都会返回数据，有时，返回的数据需要时间长，有时返回的数据需要时间短。大家都知...[2018/9/26]
ajax请求网络apiajax请求网络api
不啰嗦，直接上代码：
1、在浏览器输入网址：http: api.asilu.com/weather/?callback=getname&city=深圳
你会看到如下结果：他返回的是json数据
/** api.asilu.com **/getname({"city":"深圳","p...[2018/9/25]
前端--初识jQuery
jQuery
一.jQuery介绍
1.jQuery是一个轻量级.兼容多浏览器的js库.
2.jQuery使用户能够更方便地处理HTML Document,Events,实现动画效果,方便的进行Ajax交互,能够极大的简化js编程,它的宗旨就是"Write le ,do mor...[2018/9/25]
前端实现数组去重的三个办法
1、Set结构去重。
这是ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。
1 let unique= [...new Set(array)];
2 es6 Set数据结构类似于数组，成员值是唯一的，有重复的值会自动去重。
3 Set内部使用===...[2018/9/25]
关于UC浏览器兼容scroll事件问题
经过本人查阅无数资料，最终得出一个比较简单，具有一定兼容性的结果。
$(window).scroll(function( ) {
var scrollTop = document.d...[2018/9/25]
JQuery快速入门
JQ介绍
jQuery是一个轻量级的,兼容多浏览器的JavaScript库(模块).
jQuery使用户能够更方便地处理HTML Document,Events ,实现动画效果,方
便进行Ajax交互,能够极大地简化JavaScript编程.他的宗旨是:''W...[2018/9/25]
JQPRINT-不错的jquery打印插件
1、首先引用Jquery和jqprint-0.3.js(依赖于Jquery的）
<script language="javascript" src="jquery-1.4.4.min.js">
< cript> <...[2018/9/25]
动态生成的dom元素如何绑定事件
两种类型 1、$(''li'').bind(''click'',function(){}); 当你用js动态添加li的时候，你添加的li不具有你绑定的事件。这种写法与$(''li'').click(function(){})一样。 2、$(''li'').live(''click'',functi...[2018/9/25]
JS获取地址栏参数&jquery
第一种：字符串拆分法
window.location.href 或者 location.href 或者 window.location 获得地址栏中的所有内容
decodeURI()可以解码地址栏中的数据 恢复中文数据
window.search 获得地址栏中问号及问号之后的数据
1 ...[2018/9/25]
基于HTTP的长轮询简单实现
Web客户端与服务器之间基于Ajax（http）的常用通信方式，分为短连接与长轮询。
短连接：客户端和服务器每进行一次HTTP操作，就建立一次连接，任务结束就中断连接。
在长轮询机制中，客户端像传统轮询一样从服务器请求数据。然而，如果服务器没有可以立即返回给客户端的数据，则不会立刻返回一个空结...[2018/9/25]
前端--再遇jQuery
一.属性
属性(如果你的选择器选出了多个对象,那么默认只会返回第一个属性)
attr(属性名|属性值)
--一个参数是获取属性的值,两个参数是设置属性值
--点击图片加载示例
removeAttr(属性名)
--删除属性的值
prop(...[2018/9/25]
json数据 二级联动
1 <head>
2 <link href="static/bootstrap-3.3.5-dist/c bootstrap.c " rel="stylesheet" />
3 <link href="static/bootstrap-t...[2018/9/25]
Jquery中绑定事件与普通事件的区别
(“#panel”).bind(“click”,function(){
与$(“#panel”).click(function(){
有什么区别 ？
绑定可以同时加多个事件
如：$(“#panel”).bind({“click”, “mousemove”, …}) 一次注册多个事件
$...[2018/9/25]
关于 注册页面浏览器自动添加账号密码问题？
最近发现一个问题，在登录页面登录一次过后记住密码，在点击注册页面会发现第一个密码框已经存在数据，而自己的账号会跑到第一个密码框上面的input中去。并且北京变成黄色的了。
这个效果会影响用户的体验。
在网上查到的方法又很多，
autocomplete="off" 这个属性 ...[2018/9/25]
Jquery如何序列化form表单数据为JSON对象
jquery提供的serialize方法能够实现。
$("#searchForm").serialize(); 但是，观察输出的信息，发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是...[2018/9/25]
监听 input上传文件， 获取文件名称，监听 input上传文件， 获取文件名称，
<div cla ="import-box pr" > <span cla ="model-addre -txt">导入文件：< pan> <input type="text" cla ="addre -input Js_addre -...[2018/9/25]
jQuery UI.Layout 参数
applyDefaultStyles: true, 应用默认样式
scrollToBookmarkOnLoad:false, 页加载时滚动到标签
showOverflowOnHover:false, 鼠标移过显示被隐藏的，只在禁用滚动条时用。
nort...[2018/9/25]
针对jquery的ajax中的参数理解
1. url
发送请求的地址。为空表示当前页。
1 $.ajax({
2 type: "post",
3 data: studentInfo,
4 contentType: "application/json",
5 url: "/Ho...[2018/9/25]
经验首页