曲线人-CSDN博客

原创 HTML5 中canvas支持触摸屏的签名面板

{$site_name} 点击我$(function () { $(".btn,.btn-primary").click(function () { var wp = new WritingPad(); //wp.init(); });});(function (window, document, $) {

2017-06-05 15:24:28 1493

原创 html5移动端调用语音功能

详细病情(支持语音输入识别) 's

2017-05-15 15:39:42 18412 4

原创 HTML5触摸事件(touchstart、touchmove和touchend)

HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。　　一开始触摸事件touchstart、touchmove和touchend是iOS版Safari浏览器为了向开发人员

2017-04-26 17:58:32 266

原创移动端页面0.5px border的实现

点5测试 - scale.line { height: 50px; line-height: 50px; background-color: #CCC; border-bottom:1px solid red} .scale { position: relative; height: 50px; line-height: 50

2017-04-15 16:32:31 962

原创模仿语音输入效果

详细病情(支持语音输入识别) 's

2017-04-13 16:18:42 827

原创 plupload上传图片等文件到七牛云平台

1.引入插件2：引入七牛cdn3.html 代码 4.js代码var uploader = Qiniu.uploader({ runtimes: 'html5,flash,html4', browse_button: 'browse', upt

2017-04-13 16:01:56 1462

原创 plupload预览上传效果

var uploader = new plupload.Uploader({ //实例化一个plupload上传对象 browse_button : 'browse', url : 'upload.html', flash_swf_url : 'js/Moxie.swf', silverlight_xap_url : 'js/Moxi

2017-04-07 16:52:08 1805 1

原创前端上传组件Plupload使用指南

Plupload是一款由著名的web编辑器TinyMCE团队开发的上传组件，简单易用且功能强大，我们完全可以使用Plupload来代替以前的SWFUpload。Plupload有以下功能和特点：1、拥有多种上传方式：HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境，选择最合适的上传方式，并且会优先使用HTML5的方式。所以你

2017-04-07 11:26:49 704

原创 html5静止手机旋转

uc强制竖屏 -->QQ强制竖屏 -->UC强制全屏 -->QQ强制全屏 -->UC应用模式 -->application">QQ应用模式 -->app">高光 -->application-tap-highlight" content="no">移动端end -->设置横屏应用得在config里面设置，网页是无法做到的

2017-04-07 09:26:05 1364

原创 html手机端调用手机相册和摄像头

在手机端调用手机摄像头和相册如果只想调用相册或者选择文件如果想调用摄像头

2017-04-06 10:38:46 669

原创 vue过滤器在v2.0版本用法

{{message|uppercase}}//过滤器Vue.filter('uppercase', function(value) { if (!value) { return ''} value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1)})var vm = new V

2017-03-30 13:46:42 1282

在使用vuejs、angularjs开发时，经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁。对于这个问题由于JavaScript去操作DOM，都会等待DOM加载完成（DOM ready）。对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template，所以对于Chrome这类

2017-03-30 13:42:30 274

原创 vue分类筛选filer方法实例

filter {{item}} 加载更多 var vm = new Vue({ el: '#app', data: { size:5, list:[ {

2017-03-30 12:14:00 2718

原创移动端 jquery、zepto 长按触发移动事件

增加了对长按时间的判断，区分单击事件和长按事件点击右边话筒弹出相应的效果界面 /*设置一个长按的计时器，如果点击这个图层超过2秒则触发，mydiv里面的文字从out变in的动作*/ var timeout = undefined; var x=0; var y=0; var state=0;

2017-03-29 10:32:35 2586

原创 CSS高级教程

CSS 定位 (Positioning)实例：定位：相对定位本例演示如何相对于其正常位置来定位元素。h2.pos_left{ position:relative; left:-20px}h2.pos_right{ position:relative; left:20px}This is a heading in normal position

2017-03-17 13:53:23 383

原创 jQuery与Zepto的异同

1.同　　Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。Zepto最大的优势是它的文件大小，只有8k多，是目前功能完备的库中最小的一个，尽管不大，Zepto所提供的工具足以满足开发程序的需要。大多数在jQuery中·常用的API和方法Zepto都有，Zepto中还有一些jQuery中没有的。另外，因为Zepto的API大部分都

2017-03-13 17:05:33 301

原创 vue.js 生命周期代码详解

boforeCreate 创建之前created 创建之后boforeMount 实例化之前mounted 实例化之后{{a}}var myVue = new Vue({ el: "#test", data: { a: "HelloWord" }, beforeCreate: functi

2017-03-09 14:33:38 357

原创 WEB前端开发规范文档

WEB前端开发规范文档规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档.本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序

2017-03-09 14:06:37 337

qq_27596047的博客