十三的博客

前端开发

0%

发表于 更新于 分类于

accept属性

  规定了可通过文件上传提交的服务器接受的文件类型，仅适用于 <input type="file">。

  1. audio/* ：接受所有的声音文件。
    1
    <input type="file" accept="audio/*">
  2. video/* ：接受所有的视频文件。
    1
    <input type="file" accept="video/*">
  3. image/* ：接受所有的图像文件。
    1
    <input type="file" accept="image/*">

capture属性

  可以捕获到系统默认的设备。

阅读全文 »

发表于 更新于 分类于

简介

  layer弹层组件分移动版和PC版，这边主要讲的是移动版的layer，PC版的后续再进行补充。移动版是为移动设备量身定做的弹层UI，并且完全独立于PC版的layer。与PC版的layer不同的是，移动版的layer只提供一个核心调用方法，即layer.open(options)，通过对参数options进行设置来实现各种不同的弹层。

快速上手

  第一步，下载。要去官网下载layer的相关文件，主要是layer.js文件，layer.css文件可以根据需要引入，但是layer.js文件是必需的。
  第二步，引入。将layer的相关文件引入项目中，这里需要注意的是，不能去挪动layer里面的文件结构，因为它们是不可拆散的组合，直接整个引入就可以。由于layer是基于jQuery的，在引入layer.js文件之前，必须先引入jQuery1.8或以上版本。
  第三步，使用。下面是一个简单的layer弹层例子。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!doctype html>
<html>
	<head>
	  <title>开始使用layer</title>
	</head>
	<body>
	  <button id="test">小小提示层</button>

	  <script src="jQuery的路径"></script>
	  <script src="layer.js的路径"></script>
	  <script>
		$('#test').on('click', function(){
		  layer.open({
			type: 1,
			area: ['600px', '360px'],
			shadeClose: true, //点击遮罩关闭
			content: '\<\div style="padding:20px;">自定义内容\<\/div>'
		  });
		});
	  </script>
	</body>
</html>
阅读全文 »

发表于 更新于 分类于

简介

  Bootstrap下的datetimepicker插件是一款日期选择器插件，使用起来方便而且界面也是很好看的。

属性

format

  时间格式，默认值为mm/dd/yyyy。有几种格式：

阅读全文 »

发表于 更新于 分类于

简介

  multer是一个用以处理 multipart/form-data 请求的node.js中间件，主要用于上传文件。它基于 busboy 开发以提供最高的性能。本篇文章是基于 multer的1.3.0版本，express的4.13.4版本进行操作的，其中index.js是路由文件，用来处理文件上传请求，form.ejs是前端页面，用来上传文件。

安装

1
npm install --save multer

修改index.js

阅读全文 »

发表于 更新于 分类于

canvas是什么？

  <canvas>是一个可以使用脚本在其中绘制图形的HTML 元素。什么意思呢？就是canvas元素本身并不绘制图形，它只是相当于一张空画布。如果想在canvas上绘制图形，则必须使用 JavaScript脚本来进行绘制。

canvas的基本用法

定义 canvas 元素

1
<canvas id="canvas" width="1920" height="1200"></canvas>
阅读全文 »