javascript技巧

JS实现异步上传压缩图片 2017-04-11

这篇文章主要为大家详细介绍了JS实现异步上传压缩图片,并立即显示图片,具有一定的参考价值,感兴趣的小伙伴们可以参考一下摘要: 使用iframe来处理异步上传图片,在现在这个时代来说,多多少少都有点落后了!单单就凭AJAX和JS就不能做到异步上传图片了吗? 感谢 think2011 这位兄台的JS库:https://github.com/think2011/LocalResi ...

JS实现ajax异步浏览器兼容问题 2017-04-03

本文通过实例代码给大家讲解了js实现ajax异步浏览器兼容问题,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧废话不多说了,直接给大家贴代码了,具体代码如下所示: <td> <input type="button" value="订单详情" #o.oid"/>" onclick ...

H5手机端多文件上传预览插件 2017-03-07

H5手机端多文件上传预览插件
这篇文章主要为大家详细介绍了H5图片上传插件,基于zepto,支持多文件上传,进度和图片预览,具有一定的参考价值,感兴趣的小伙伴们可以参考一下基于zepto,支持多文件上传,进度和图片预览,用于手机端. (function ($) { $.extend($, { fileUpload: function (options) { var para = { multiple: ...

简单的渐变轮播插件 2017-02-22

本文主要介绍了简单的渐变轮播插件,具有一定的参考价值,下面跟着小编一起来看下吧话不多说,请看代码: <html lang="en"> <head> <meta charset="UTF-8"> <title>Example</title> <style> .Cre ...

javascript实现获取图片大小及图片等比缩放的方法 2017-02-14

这篇文章主要介绍了javascript实现获取图片大小及图片等比缩放的方法,涉及javascript针对图形图像相关属性获取与修改相关操作技巧,需要的朋友可以参考下本文实例讲述了javascript实现获取图片大小及图片等比缩放的方法.分享给大家供大家参考,具体如下: 获取图片大小: var originImage = new Image(); function GetIm ...

图片上传之FileAPI与NodeJs 2017-02-14

图片上传之FileAPI与NodeJs
本文主要介绍了使得我们处理图片上传更加简单的方法FileAPI.具有很好的参考价值,下面跟着小编一起来看下吧HTML5之fileAPI HTML5之fileAPI使得我们处理图片上传更加简单. 实例 html代码 <div class="form-group"> <label for="modal_inputFile" ...

Bootstrap进度条与AJAX后端数据传递结合使用实例详解 2017-01-10

这篇文章主要介绍了Bootstrap进度条与AJAX后端数据传递结合使用,需要的朋友可以参考下很多时候,我们执行页面上某个URL请求的时候,需要有等待的时间.如果是直接的页面跳转,浏览器会有缓冲进度展示,但是如果是AJAX,我觉得应该自己加上进度条,等待数据全部接收到之后,进度条消失,展示页面. 在Yii框架里面使用了AJAX后,觉得前后端的数据交互变得方便多了. 下面直接 ...

ES6新特性一:let和const命令详解 2016-12-10

这篇文章主要介绍了ES6新特性中的let和const命令,结合实例形式分析了let和const命令的功能.使用方法与相关注意事项,需要的朋友可以参考下本文实例讲述了ES6新特性中的let和const命令.分享给大家供大家参考,具体如下: 1. let 命令 ① 在js中是没有块级作用域的,var 声明的变量作用域是整个函数体,而let可以起到这一作用 { let a = 1 ...

原生JS实现垂直手风琴效果 2016-12-05

原生JS实现垂直手风琴效果
本篇文章主要介绍了原生JS实现垂直手风琴效果的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧效果如下: 图 (1) 展开前 图 (2) 展开后 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> ...

Ionic2调用本地SQlite实例 2016-11-21

这篇文章主要介绍了Ionic2调用本地SQlite实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧普通的app用ionic内置的Storage存储键值对的方式可以满足日常的使用,但是有时候遇到一些奇怪的需求.比如说有个网友留言说做一个离线版的App,怎样调用本地Sqlite执行SQL语句.问题描述清楚直接上代码. 需要说明的是SQLite是手 ...

推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll) 2016-11-09

这篇文章主要介绍了推荐三款日期选择插件,My97DatePicker.用于PC端的jquery.datepicker,以及专注于移动端的Mobiscroll,具有一定的参考价值,感兴趣的小伙伴们可以参考一下三款日期选择插件推荐给大家: 1.My97DatePicker 纯原生JS,专注于PC端,支持IE6+:页面上只需要引入WdatePicker.js文件,但是My97Da ...

BootStrap学习笔记之nav导航栏和面包屑导航 2016-10-02

这篇文章主要介绍了BootStrap学习笔记之nav导航栏和面包屑导航的相关资料,需要的朋友可以参考下nav导航栏 <nav role="navigation" class="navbar navbar-default"> <div class="container-fluid"></ ...

ES6新特性四:变量的解构赋值实例 2016-09-18

这篇文章主要介绍了ES6新特性之变量的解构赋值操作,结合实例形式分析了ES6针对数组.对象等的解构赋值操作相关实现技巧,需要的朋友可以参考下本文实例讲述了ES6新特性之变量的解构赋值.分享给大家供大家参考,具体如下: 1. 数组的解构赋值 //① 可以从数组中提取值,按照对应位置,对变量赋值 var [a, b] = [1, 2]; //a = 1;b = 2 //② 下面 ...

ES6新特性二:Iterator(遍历器)和for-of循环详解 2016-09-13

这篇文章主要介绍了ES6新特性二:Iterator遍历器和for-of循环,结合实例形式分析了ES6中Iterator遍历器和for-of循环遍历操作的相关实现技巧与注意事项,需要的朋友可以参考下本文实例讲述了ES6新特性之Iterator(遍历器)和for-of循环.分享给大家供大家参考,具体如下: 1. 遍历数组 for-of工作原理:迭代器有一个next方法,for循 ...

Input文本框随着输入内容多少自动延伸的实现 2016-08-20

下面小编就为大家带来一篇Input文本框随着输入内容多少自动延伸的实现.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml ...

纯javaScript、jQuery实现个性化图片轮播推荐 2016-08-02

纯javaScript、jQuery实现个性化图片轮播推荐
本文主要介绍了纯javaScript.jQuery实现个性化图片轮播的方法,并在文章结尾附上源码下载.具有很好的参考价值,下面跟着小编一起来看下吧纯javaScript实现个性化图片轮播 轮播原理说明<所示>: 1. 画布部分(可视区域)属性说明:overflow:hidden使得超出画布部分隐藏或说不可见.position:relative 会导致自身位置的相 ...

H5移动端图片压缩上传开发流程 2016-07-09

H5移动端图片压缩上传开发流程
这篇文章主要为大家详细介绍了H5移动端图片压缩上传开发流程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下H5活动已十分普遍,其中一种形式是让用户上传图片进行参与.移动端上传图片,用户一般都是上传手机相册中的图片,而现在手机的拍摄质量越来越高,一般单张照片的尺寸都在3M左右.若直接上传,十分耗流量,并且体验效果也不佳.因此需要在上传之前,先进行本地压缩. 接下来总结在h5 ...

基于JavaScript实现类名的添加与移除 2016-06-24

本文给大家分享javascript实现类名的添加与移除功能,需要的朋友参考下吧方法1:使用className属性: 方法2:使用classList API: //用于匹配类名存在与否 function reg(name){ return new RegExp('(^|\\s)'+name+'(\\s+|$)'); } //hasClass addClass removeCl ...

微信小程序开发之从相册获取图片使用相机拍照本地图片上传 2016-05-30

微信小程序开发之从相册获取图片使用相机拍照本地图片上传
本篇文章主要介绍了微信小程序开发之从相册获取图片--使用相机拍照,本地图片上传的相关资料.具有很好的参考价值.下面跟着小编一起来看下吧今天遇到微信小程序的用户头像设置功能,做笔记. 先上gif: 再上代码: 小demo,代码很简单. 1.index.wxml <!--index.wxml--> <button style="margin:30rp ...

ES6新特性七:数组的扩充详解 2016-05-28

这篇文章主要介绍了ES6新特性之数组的扩充,结合实例形式分析了ES6数组操作的常见方法与相关使用技巧,需要的朋友可以参考下本文实例讲述了ES6新特性之数组的扩充.分享给大家供大家参考,具体如下: 1. Array.from() 1) Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象( ...