HTML5
人间四月天美丽春色
这个作者很懒,什么都没留下…
展开
-
ajax异步提交表单。
ajax异步提交表单有几种方法。1,不利用表单,通过拼接字符串data 进行提交数据。此方法如果想上床图片。需要借助HTML5 FileReader 把图片转换成base64字符串通过隐藏域传值。这样有把base64字符串传到后台,base64字符串中的+会在提交的时候被转义。可以吧base64图片字符串进行加密再解密(encodeURIComponent())2,原创 2016-12-01 17:32:07 · 405 阅读 · 0 评论 -
利用canvas实现前端压缩图片
html>head> title>用canvas压缩图片title> meta charset="utf-8"> meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0"/> script src="/s原创 2017-11-24 15:57:41 · 1920 阅读 · 0 评论 -
网页实时聊天之PHP实现websocket
前言websocket 作为 HTML5 里一个新的特性一直很受人关注,因为它真的非常酷,打破了 http “请求-响应”的常规思维,实现了服务器向客户端主动推送消息,本文介绍如何使用 PHP 和 JS 应用 websocket 实现一个网页实时聊天室;以前写过一篇文章讲述如何使用ajax长轮询实现网页实时聊天,见链接: 网页实时聊天之js和jQuery实现ajax长轮询 ,但是轮询和服务转载 2017-10-23 00:28:25 · 427 阅读 · 0 评论 -
cropper.js 实现HTML5 裁剪图片并上传(裁剪上传头像。)
我的需求功能:在手机端实现上传头像,带裁剪框。cropper.js 通过canvas实现图片裁剪,最后在通过canvas获取裁剪区域的图片base64串。cropper 文档:官方文档是全英文的,好吧我看不懂。只能一个个试试效果,就有了下面的总结。官方文档1.Container 容器 2.canvas 图片 3.crop 裁剪框option相关参数说明:转载 2017-06-14 17:02:55 · 4388 阅读 · 0 评论 -
移动端使用localResizeIMG4压缩图片
移动h5开发避免不了上传图片,一般我们使用html自带的控件input或者使用微信上传API。但微信上传API不是任何地方都可以使用的,使用html自带的控件input上传又免不了图片体积太大,上传不稳定。localResizeIMG4就是为此而生的。本文演示版本localResizeIMG 4.9.35。特点兼容IOS,Android,PC、自动按需加载文件支持压缩比例支持原转载 2017-05-19 12:30:28 · 1498 阅读 · 0 评论 -
移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传
现在科技太发达,移动设备像素越来越高,随便一张照片2M+,但是要做移动端图片上传和pc上略有不同,移动端你不能去限制图片大小,让用户先处理图片再上传,这样不现实。所以理解的解决方案就是在上传先进行图片压缩,然后再把压缩后的图片上传到服务器。一翻google之后,发现了localResizeIMG,它会对图片进行压缩成你指定宽度及质量度并转换成base64图片格式,那么我们就可以把这个base6转载 2017-05-18 14:48:52 · 818 阅读 · 0 评论 -
PHP预定义接口之 ArrayAccess
最近这段时间回家过年了,博客也没有更新,感觉少学习了好多东西,也错失了好多的学习机会,就像大家在春节抢红包时常说的一句话:一不留神错过了好几亿。废话少说,这篇博客给大家说说关于PHP预定义接口中常用到的重量级人物: ArrayAccess。大家也许会问,最基本、最常用的预定义接口有6个呢,为啥非得说这个。从日常的使用情况来看:这个出现的频率非常高,特别是在框架中,比如Laravel、Slim等都会转载 2017-05-16 23:38:09 · 284 阅读 · 0 评论 -
HTTP中application/x-www-form-urlencoded字符说明
一、概述在学习ajax的时候,如果用post请求,需要设置如下代码。ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");11虽然知道需要这么做,但是不知道application/x-www-form-urlencoded表示什么意思。于是百度学习了下。二、Form表单语法在Form元转载 2017-04-01 15:17:03 · 679 阅读 · 0 评论 -
php gzip压缩输出的实现方法
一、gzip介绍 gzip是GNU zip的缩写,它是一个GNU自由软件的文件压缩程序,也经常用来表示gzip这种文件格式。软件的作者是Jean-loup Gailly和Mark Adler。1992年10月31日第一次公开发布,版本号是0.1,目前的稳定版本是1.2.4。 Gzip主要用于Unix系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件转载 2017-02-10 15:34:59 · 3727 阅读 · 0 评论 -
Meta http-equiv属性详解(转)
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。引用meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数:转载 2017-02-10 09:59:58 · 210 阅读 · 0 评论 -
css加载字体的跨域问题
版权声明:本文为博主原创文章,未经博主允许不得转载。刚才碰到一个css加载字体跨域问题,记录一下啊。站点的动态请求与静态文件请求是不同的域名的。站点的域名为 www.domain.com,而静态文件的域名为 st.domain.com。问题:页面中加载css文件:此css中调用了外部字体如下:@font-face { font-family: 'FontAwes转载 2016-12-19 21:27:23 · 3576 阅读 · 0 评论 -
PHP jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图等
版权声明:本文为博主郎涯工作室原创文章,未经博主允许不得转载。JpGraph简介 JpGraph是开源的PHP统计图表生成库,基于PHP的GD2图形库构建,把生成统计图的相关操作封装,隐藏了部分复杂的操作,使在PHP页面上输出统计图表变得更加容易。JpGraph的官方网站为:http://jpgraph.net,开发者可以在上面免费下载最新版的JpGraph和阅读相关帮助转载 2016-12-22 18:08:27 · 806 阅读 · 0 评论 -
程序员必须知道的10大基础实用算法及其讲解
算法一:快速排序算法 快速排序是由东尼·霍尔所发展的一种排序算法。在平均状况下,排序n个项目要Ο(nlogn)次比较。在最坏状况下则需要Ο(n2)次比较,但这种状况并不常见。事实上,快速排序通常明显比其他Ο(nlogn)算法更快,因为它的内部循环(innerloop)可以在大部分的架构上很有效率地被实现出来。 快速排序使用分治法(Divideandconquer)策略来把一个串行(li转载 2016-12-21 20:26:12 · 251 阅读 · 0 评论 -
使用PHP二维码生成类库PHP QR Code生成二维码
使用PHP二维码生成类库PHP QR Code生成二维码 PHP QR Code是一个PHP二维码生成类库,利用它可以轻松生成二维码,官网提供了下载和多个演示demo,查看地址:http://phpqrcode.sourceforge.net/。下载官网提供的类库后,只需要使用phpqrcode.php就可以生成二维码了,当然您的PHP环境必须开启支持GD2。 phpqrcode.转载 2016-12-21 17:15:16 · 291 阅读 · 0 评论 -
利用Swoole实现PHP+websocket 聊天室
websocketWebsocket只是一个网络通信协议就像 http、ftp等都是网络通信的协议;不要多想;相对于HTTP这种非持久的协议来说,Websocket是一个持久化网络通信的协议;WebSocket和HTTP的关系WebSocket和HTTP的关系websocket+http.png有交集,但是并不是全部。Websocket只是借用了HT转载 2016-12-16 17:05:21 · 1394 阅读 · 0 评论 -
websocket浅谈
什么是WebSocket?看过html5的同学都知道,WebSocket protocol 是HTML5一种新的协议。它是实现了浏览器与服务器全双工通信(full-duplex)。HTML5定义了WebSocket协议,能更好的节省服务器资源和带宽并达到实时通讯。现在我们来探讨一下html5的WebSocket概念HTML5作为下一代WEB标准,拥有许多转载 2016-12-16 15:55:57 · 321 阅读 · 0 评论 -
js 的几个URL编码函数
url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介2014年10月12日 26886次浏览引子浏览器URl地址,上网一定会用到,但是浏览器地址有中文或者浏览器url参数操作的时候,经常会用到encodeURIComponent()和decodeURIComponent()以及encodeURI()等等。关于浏览器参数操作,转载 2016-12-01 18:01:24 · 476 阅读 · 0 评论 -
JS中静态页面实现微信分享功能
微信分享网页的时候,希望分享出来的链接是标题+描述+缩略图,微信开发代码示例里已提供了方法,但只适用于动态页面。我使用phpcms把页面生成了静态文件,示例代码就起不到作用了。在网上找了下,有大神使用ajax实现静态页面也能实现微信分享功能,在这里分享给大家。前台代码:?1234567891011121314转载 2018-01-16 01:09:16 · 5835 阅读 · 3 评论