需要用到的第三方模块有: 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...