2016年09月_hsany330

转载怎么用js取消浏览器的表单提示

如何用js取消浏览器的表单提示文本域，点击的时候，有些浏览器会根据历史输入，自动提示一些内容。如怎么用脚本屏蔽掉这个提示框？(而不是通过设置浏览器)。input 添加属性 autocomplete="off"

2016-09-30 11:46:47 998

转载使用Jquery解析Json基础知识

前言在WEB数据传输过程中，json是以文本，即字符串的轻量级形式传递的，而客户端一般用JS操作的是接收到的JSON对象，所以，JSON对象和JSON字符串之间的相互转换、JSON数据的解析是关键。先明确2个概念例如：JSON字符串:var str1 = '{ "name": "deyuyi", "sex": "man" }';JSON对象:

2016-09-27 15:08:56 369

转载 jquery ajax调用数据后判断返回值是否为 json 格式

遇到一个情况，就是用 jquery ajax 调用的数据，有两种情况：一是普通字符串；二是 json 格式；这样的话就要根据不同的返回值来处理了。 google了一下，发现通过正则是比较简单的方法了，代码如下：$.ajax({ type: 'get', url: url,

2016-09-27 15:07:42 3872

转载移动端、手机网站中文输入法下keyup事件部分按键无效

微信公众平台开发时，客户提需求“输入框中输入内容时，输入框后边显示清除按钮，清除输入框中的内容”，使用“keyup”事件时在中文输入法下部分按键keyup事件无效，以下为解决方案。绑定“input”和“propertychange”事件可以解决，以下为代码： var bind_name="input";//定义所要绑定的事件名称 if(navigator.use

2016-09-27 13:48:04 1257

转载 H5 缓存机制浅析移动端 Web 加载性能优化

1 H5 缓存机制介绍H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。H5 应用程序缓存为应用带来三个优势：离线浏览用户可在应用离线时使用它们速度已缓存资源加载得更快减少服务器负

2016-09-26 13:44:35 821

转载单页面hash跳转简要记录

现在有越来越多的需求，需要在一个复杂页面（有很多ajax异步操作，使用 js 来控制页面的展示）实现导航，书签之类的功能，同时支持浏览器向前向后浏览。由于兼容性问题，目前有三种实现的方案。这里作一下简要记录：1. pushState html5 提供了新的 history api，可以让开发者动态修改浏览器的url，而不会引起整个页面的重绘，给用户带来更好的体验，api 定

2016-09-25 20:30:04 2964

转载 IMG 元素的 complete 属性：不在标签上使用 onload 自动调整图像大小

关于网页中调整图像大小的方法大家肯定都会，通常情况下，我们会在标签内使用 onload 在图像加载完成后调用指定的函数来调整大图像的大小，为什么要 onload 之后呢？因为必须等图像加载完成之后，JS才能正确的得到图像的宽高，从而等比缩放图像。那么问题是什么呢？其实由于一些特殊原因，我们无法保证能在指定区域里的每一个元素中都增加 onload，如果我们在统一的脚本中去获取那一块的

2016-09-20 14:27:19 2080

转载 image的加载事件(onload)和加载状态(complete)

之前做过这样一个需求，要让商家页的商家图片按照图片外面box的大小等比例缩放。之前的想法是在页面中先输出图片的src，然后在页面底部初始化js，然后在js中写相应的可以使图片按照box的大小等比例缩放的函数。要实现图片的等比例缩放要做到以下几点，第一，得到图片的width和height第二，比较图片的width和height与box的width的height的大小，共有四种情况，

2016-09-19 19:31:58 5882

转载 HTML5引入的新数组TypedArray介绍

Javascript中的数组是个强大的家伙：你可以创建的时候不规定长度，而是动态的去改变长度。你可以把他当成普通的数组去读取，也可以当他是堆栈来使用。你可以改变数组中每个元素的值甚至是类型。好吧，其实他是一个对象，比如我们可以这样去创建数组：复制代码代码如下:var array = new Array(10);Javascript

2016-09-18 18:43:09 1058

转载 javascript 使用btoa和atob来进行Base64转码和解码

javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性，导致Base64基本中看不中用。当前html5标准正式化之际，Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截图都可以实现。好了，前言说了一大堆，开发者需要重视：一.我们来看看，在javascr

2016-09-18 16:27:06 4954

转载利用FileReader和FormData实现图片预览和上传(base64转二进制文件)

业务有个需求，要做图片预览上传，过去都是客户端上传给后端，后端返回 url 前端进行预览，现在其实可以不依赖后端做预览，最后在上传，这主要依赖 FileReader 和 FormData 这两个对象和 JavaScript 处理二进制的能力。OK，Show code~，以下代码已注释掉具体业务逻辑和实现，如果需要了解 API 细节，可以请参考：https://developer

2016-09-18 16:24:05 24936 1

转载使用HTML5的File实现base64和图片的互转

内联图片即使把图片文件编码成base64，优点是可以减少http的请求，缺点是不能跨域缓存，用html5的file api里的 readAsDataURL函数这是一个把文件转化成base64编码刚接触到一个内联图片的概念，内联图片即使把图片文件编码成base64 看下面代码即是内联问题可以减少http的请求，缺点是不能跨域缓存！复制代码代码如下:

2016-09-18 11:00:07 3228

转载 base64

Base64是一种用64个字符来表示任意二进制数据的方法。用记事本打开exe、jpg、pdf这些文件时，我们都会看到一大堆乱码，因为二进制文件包含很多无法显示和打印的字符，所以，如果要让记事本这样的文本处理软件能处理二进制数据，就需要一个二进制到字符串的转换方法。Base64是一种最常见的二进制编码方法。Base64的原理很简单，首先，准备一个包含64个字符的数组：['A', 'B',

2016-09-18 10:57:25 339

转载巧用Ajax的beforeSend 提高用户体验

jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档：http://api.jquery.com/Ajax_Events/$.ajax({ beforeSend: function(){ // Handle the beforeSend event

2016-09-13 15:10:38 730

转载 css学习18：css3 flex流动自适应响应式布局实例

上次简要的说了一些css3中flex的相关概念（详细：css学习16：css3 flex流动自适应响应式布局设计），这次继续说下css3的flex，简单的举几个实例。一、图片自适应居中实例图：实例HTML： class="demo"> src="http://dummyimage.com/100x100" alt=""> class="demo"

2016-09-13 14:25:23 5403

转载 H5页面input输入框含有键盘自带的表情符时显示异常

在做一个关于新闻的评论功能的H5页面时，需求里面要求能够发送表情显示表情，如果使用自定义的表情库，则在评论也还要加载大量的表情符图片，极大的影响加载速度，消耗流量，去看了下别的新闻网页版的评论部分也没有使用外带的表情库。　　在input输入框里面添加上键盘自带表情符后，发送给后台服务器会显示服务异常，网上有给出解决方法，表情编码是16进制的，而我们用的是8进制的于是报错。将表情符转码成就能

2016-09-12 16:38:43 5537 2

转载移动端上传照片预览（解决iOS等设备照片旋转90度的bug）

背景：本人的一个移动端H5项目，需求如下:手机相册选取或拍摄照片后在页面上预览然后绘制在canvas画布上。这里，我们先看一个demo（http://jsfiddle.net/q3011893/83qfqpk8/embedded/）操作步骤：1、点击选择文件，拍摄一张照片，此时"预览："文字下会显示你刚才拍摄的照片；

2016-09-08 14:52:57 25839 3

转载 H5拍照应用开发经历的那些坑儿

一、项目简介1.1、项目背景：这是一个在移动终端创新应用的项目，用户在浏览器端（微信/手Q）即可完成与金秀贤的合影，希望通过这样一种趣味体验，引发用户的分享与转发的热潮。 1.2、系统要求： ios6-ios7、android3.0-android4.3、android4.4+(非webview内)1.3、体验地址：二、初步技术方案确定在项目前期首先启动了技术

2016-09-08 14:51:37 1735

使用过iPhone或者iPad的朋友在拍照时不知是否遇到过这样的问题，将设备中的照片导出到Windows上时，经常发现导出的照片方向会有问题，要么横着，要么颠倒着，需要旋转才适合观看。而如果直接在这些设备上浏览时，照片会始终显示正确的方向，在Mac上也能正确显示。最近在iOS的开发中也遇到了同样的问题，将拍摄的照片上传到服务器后，再由Windows端下载该照片，发现手机上完全正常的照片到了这里显示

2016-09-08 14:50:31 424