需要用到的第三方模块有： superagent superagent-charset （手动指定编码，解决GBK中文乱码） cheerio express async （并发控制） 完整的代码，可以在我的github中可以下载。主要的逻辑逻辑在 netbian.js 中。 以彼岸桌面（http://www.netbian.com/）栏目下的风景壁纸（http://www.netbian.com/fengjing/index.htm）为例进行讲解。 1. 分析URL 不难发现： 首页： 栏目/index.htm 分页： 栏目/index_具体页码.htm 知道这个规律，...
Vue.js Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。先来看看实现的效果：下面的例子会用到bootstrap.min.css以及vue.js，都可以从网上下载（文末有完整源码下载提供）。实例 源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue.js小demo</title> <link rel="...
本文实例讲述了JavaScript实现简易的天数计算器。分享给大家供大家参考，具体如下： 运行效果图如下：功能： 1. 支持选择日期； 2. 自动计算闰年； 3. 支持使用当前日期。 代码： （1）html文件： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>简易天数计算器</title><script type="text/javascript" src="dayCounter.js"></script> </head> <body onload="initView([year, month, day]); initView([year...
微信小程序 高德地图SDK： 简介 微信小程序 SDK 帮您在微信小程序中获取高德丰富的地址描述、POI和实时天气数据。功能介绍账号与Key的申请 注册成为高德开发者需要分三步：第一步，注册高德开发者；第二步，去控制台创建应用；第三步，获取Key。1注册高德开发者 2创建应用 3获取API key 获取API Key入门指南 最后更新时间: 2017年1月9日本指南是使用微信小程序SDK的快速入门指南。第 1 步：下载并安装微信小程序开发工具按照微信小...
微信小程序 swiper 轮播图 前言： 1.更新了v0.12的版本后，每次保存都弹出来一个打开文件窗口。2.swiper组件的属性indicator-dots，值为false时，面板指示点还是显示。要把indicator-dots属性直接删掉。 下面进入正题：默认的swiper面板指示点都是小圆点黑灰的，但这满足不了广大小伙伴需求，比如其他颜色的，椭圆形的，方形的等等。。。。首先当然是要禁用掉（直接删掉）swiper属性indicator-dots，再用view组件模拟dots，对应的代...
微信小程序欢迎页面： 先看下最后的效果图： 首先打开开发工具，创建quick start项目，简单的修改一下。 把Index文件夹重命名为welcome；底部的hello world改为一个类似于按钮的样式；添加背景颜色； 修改顶部样式；按钮的实现： welcome.wxml<view class="usermotto"><text class="btn">开启小程序之旅</text></view>welcome.wxss .usermotto {margin-top: 200px;border: 1px solid #405f80;width: 200rpx;height: 80rpx;text-ali...
SmartUpload组件只有5个分别是：File、Files、Request、SmartUpload、SmartUploadException类，其中，File代表用户上传的文件，Files代表用户上传的多个文件，Request相当于HttpServletRequest的功能，用于获取表单数据，SmartUpload是最核心的类，负责文件上传下载，SmartUploadException是自定义异常。 SmartUpload的基本使用思路如下： jsp前台代码表单提交 <form action="" method="post" name="form1" onSubmit="r" enctype...
微信小程序 省市区选择器： 最近学习微信小程序，为了检验自己的学习效果，自己做一个小示例，网上搜索下类似的实例，发现这个更好，大家看下。 一、区域间手势滑动切换，标题栏高亮随之切换 思路是：拿当前的current来决定高亮样式 1.监听swiper滚动到的位置： <swiper class="swiper-area" current="{{current}}" bindchange="currentChanged">currentChanged: function (e) {// swiper滚动使得current值被动变化，用于高亮...
目录 一、AJAX示例 1.1、优点 1.2、缺点 1.3、jQuery AJAX示例 二、延迟对象（Deferred） 2.1、回调函数 2.2、deferred.done 三、跨域 3.1、什么是跨域 3.2、JSONP跨域 3.3、jQuery使用JSONP跨域 3.4、跨域资源共享（CORS） 3.5、小结 四、弹出层 五、模板引擎 5.1、Hello World5.2、方法5.3、与AJAX结合应用六、示例下载 一、AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”（异步JavaScript和XML） 是指一种创建交互式网...
本文实例讲述了JavaScript扫雷游戏。分享给大家供大家参考，具体如下： 翻出年初写的游戏贴上来，扫雷相信大家都玩过，先上图：源码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Javascript版扫雷</title>...
之前那篇微信JS-SDK授权的文章实现了分享接口，那么这里总结一下如何在微信里面通过js调起原生摄像头，以及上传下载图片。 1.配置 页面引入通过jssdk授权后，传入wx对象，首先配置需要的接口wx.config({/* debug: true, */appId: appid, timestamp: timestamp, nonceStr: nonceStr, signature: signature,jsApiList: [chooseImage,//拍照或从手机相册中选图接口previewImage,//预览图片接口uploadImage,//上传图片接口downloadImag...
废话不多说了，直接给大家贴js代码了，具体代码如下所示： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js_canvas_download</title> <script type=text/javascript src=http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js></script> <script type="text/javascript" src="...
dropzone.js是一个开源的JavaScript库，提供 AJAX 异步文件上传功能，支持拖拽文件、支持最大文件大小、支持设置文件类型、支持预览上传结果，不依赖jQuery库。效果演示 源码下载 使用Dropzone 我们可以建立一个正式的上传form表单，并且给表单一个.dropzone的class。 <form id="mydropzone" action="/upload.php" class="dropzone"></form>就这样，Dropzone会自动找到.dropzone的表单form元素，并且通过action属性，上传到后...
本文实例讲述了jQuery实现导航高亮的方法。分享给大家供大家参考，具体如下： 导航是我们页面中一般都需要的一个元素，它可以说是一个站点必用的元素，没有了导航，会让人找不着北，但有时候，仅仅有了导航还不够，还需要在当前的页面中标明当前是在哪一个类别里面，这时候就有了不同的实现的方法，也就有了下文的一些介绍。 通常，我们在做导航的时候，都是由程序直接输出当前的页面的的高亮状态的样式，我们只需要定义好输出的类...
微信小程序 网络API： 微信小程序 网络API发起请求 微信小程序 网络API 上传、下载 微信小程序 网络API Websocket wx.uploadFile(OBJECT) 将本地资源上传到开发者服务器。如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后，可通过此接口将本地资源上传到指定服务器。客户端发起一个HTTPS POST请求，其中 Content-Type 为 multipart/form-data 。OBJECT参数说明：参数类型必填说明urlString是开发者服务器urlfi...