vue.js是什么? Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架。 说明及下载Vue.js使用文档已经写的很完备和详细了,通过以下地址可以查看: https://cn.vuejs.org/v2/guide/ vue.js如果当成一个库来使用,可以通过下面地址下载: https://cn.vuejs.org/v2/guide/installation.html Vue.js基本概念我们下载了vue.js后,需要在页面上通过script标签引入vue.js,开发中可以使用开发版本vue.js,产品上线要换成...
本文实例讲述了jQuery实现带右侧索引功能的通讯录。分享给大家供大家参考,具体如下: 通过jquery.charfirst.pinyin.js实现点击字母自动定位。实现动态加载通讯录数据。 完整实例代码点击此处本站下载。 主要代码如下: <!DOCTYPE html> <html lang="en"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0...
用过vue-router都知道它可以实现模块js的懒加载,即只有当需要时才去加载对应模块的js脚本文件,以加速主页的显示。比如只有第一次用户点击某个“用户信息”按钮或菜单时,才下载“用户信息”这个模块的js组件。 懒加载的实现,依赖与webpack下AMD模式require函数的功能。webpack会将异步require的文件生成一个独立的js文件,调用时异步下载这个js且在完成后再执行它。开发项目中实现的关键代码是: const basicInfo = {path: /use...
前言 上传下载在 web 应用中还是比较常见的,无论是图片还是其他文件等。在 Koa 中,有很多中间件可以帮助我们快速的实现功能。 文件上传 在前端中上传文件,我们都是通过表单来上传,而上传的文件,在服务器端并不能像普通参数一样通过 ctx.request.body 获取。我们可以用 koa-body 中间件来处理文件上传,它可以将请求体拼到 ctx.request 中。 // app.js const koa = require(koa); const app = new koa(); const koaBody = requ...
本文实例讲述了jQuery+Cookie实现切换皮肤功能。分享给大家供大家参考,具体如下: 最近在学习Jquery,发现Jquery真的是非常强大,短短几行代码就能实现切换皮肤的功能。 1)关键代码 <!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><title>www.gxlcms.com jQuery Cookie切换皮肤</title><link ...
本文实例讲述了JS实现导出Excel的五种方法。分享给大家供大家参考,具体如下: 这五种方法前四种方法只支持IE浏览器,最后一个方法支持当前主流的浏览器(火狐,IE,Chrome,Opera,Safari) <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>html 表格导出道</title><script language="JavaScript" type="text/javascript">//第一种方法function method1(tableid) {var curTbl = document.getElementById(ta...
本文主要来源于知乎一个回答,这里红色部分做了自己的处理,虽然自己的少,可是很有用的几句代码哦 只好回答一下axios如何拦截get请求并下载文件的了。 Ajax无法下载文件的原因 浏览器的GET(frame、a)和POST(form)请求具有如下特点: response会交由浏览器处理 response内容可以为二进制文件、字符串等 Ajax请求具有如下特点: response会交由Javascript处理 response内容仅可以为字符串 因此,Ajax本身无法触发浏览器的下载功能。...
具体代码如下所示: var request=require("request"); var fs=require("fs"); function download1(url,filename,fn){ request(url).pipe(fs.createWriteStream(filename).on("close",function(err,res){ if(err){ console.log(err); }else{ fn&&fn(); } })) } function download2(url,filename,fn){ request.get({uri:url, encoding:binary},function(err,res){ if(!err){ fs.writeFile(filename,res.body,"binary",function(err,r...
本文实例讲述了jQuery实现的下雪动画效果。分享给大家供大家参考,具体如下: html部分: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><!-...
需求 需要生成一个宣传的图片分享到朋友圈,这个宣传图片包含二维码,包含不同的背景图片和不同的文字。对于这种图片生成,我们考虑过使用服务端生成,但是这样会比较耗服务器性能,所以最终决定使用本地生成。 首先小程序有一个限制,包不能大于2m,而且我们可能多个背景图,所以计划把背景图和二维码图片放在服务端,这样可以减少小程序包的大小,也可以灵活的切换背景图。 在绘制分享图的时候,可以直接使用互联网地址,但是遇到...
本文实例讲述了微信小程序实现的涂鸦功能。分享给大家供大家参考,具体如下: 先来看看运行效果:布局文件index.wxml: <view class="container"><!--画布区域--><view class="canvas_area"><!--注意:同一页面中的 canvas-id 不可重复,如果使用一个已经出现过的 canvas-id,该 canvas 标签对应的画布将被隐藏并不再正常工作--><canvas canvas-id="myCanvas" class="myCanvas"disable-scroll="false"bindtouchstart="touchStart"b...
本文实例讲述了JS实现的简单拖拽购物车功能。分享给大家供大家参考,具体如下: <html> <head> <meta charset="utf-8" /> <title>使用拖放API将商品拖入购物车</title> <style> body {font-size:12px } .liT{border-bottom:solid 1px #ccc;background-color:#eee;font-weight:bold }.liF{float:left;margin-right:5px; } ul{list-style-type:none;padding:0px;height:106px;width:330px } ul li{height:23px } ul li img{width:68p...
本文实例讲述了微信小程序实现的贪吃蛇游戏。分享给大家供大家参考,具体如下: 先来看看运行效果:具体代码如下: 界面布局 pages/snake/snake/snake.wxml: <!--snake.wxml--> <view class="control" bindtouchstart="tapStart" bindtouchmove="tapMove" bindtouchend="tapEnd"> <view class="score"><view class="title">snake</view><view class="scoredetail"><view class="scoredesc">得分</view><view class="scorenumber">{...
实例如下: <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script type="text/javascript" src="jquery183.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(#wwo).click(function(){ var data = { "title": [ {"value":"A1标题"}, {"value":"B1标题"} ], "data": [ [ {"value":"好好"}, {"value":"2015-08-24"} ], [ {"value":"123"}, {"value":"...
本文实例讲述了微信小程序使用picker实现时间和日期选择框功能。分享给大家供大家参考,具体如下: 1、效果展示2、关键代码 ① index.wxml <picker value="{{picker1Value}}" range="{{picker1Range}}" bindchange="normalPickerBindchange">当前城市选择:{{picker1Range[picker1Value]}} </picker> <picker mode="time" value="{{timeValue}}" start="00:00" end="24:00" bindchange="timePickerBindchange">当前时间选择: {{tim...