JavaScript
人间四月天美丽春色
这个作者很懒,什么都没留下…
展开
-
kindEditor插件上传图片时,调试出现:uncaught exception: Call to StartUpload failed
在上传图片时,不能显示上传的按钮,调试出现:uncaught exception: Call to StartUpload failed解决:是因为kindEditor的多图上传利用的是flash插件。如果在火狐中,kindEditor上传图片的按钮不显示,因为KindEditor(下载flash也不行,因为kidEditor的作者已经很久没有更新)已经不支持最新版的火狐浏览器了。如果是在google中没有显示,下载flash插件就可以了。QQ浏览器如果是最新版本的话,一次性可以显示成功。...原创 2020-07-17 10:26:16 · 2110 阅读 · 0 评论 -
React 入门实例教程
现在最热门的前端框架,毫无疑问是 React 。上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,转载 2017-01-16 10:35:43 · 356 阅读 · 0 评论 -
ajax异步提交base64图片字符串需要注意的问题
利用ajax异步提交base64图片字符串需要注意这些问题1,利用ajax提交base64图片字符串的时候,因为base64字符串中有特殊字符,会被转移,需要str.replace(/\&/g,"%26");str.replace(/\+/g,"%2B");把字符串中的‘&’、+ 转义2 。或把base64图片字符串 encodeURIComponent(dataurl) 加密原创 2016-12-01 14:45:25 · 7254 阅读 · 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 评论 -
JS跨域交互(jQuery+php)之jsonp使用心得
JSON是一种基于文本的数据交换方式,或者叫做数据描述格式,这篇文章主要介绍了JS跨域交互(jQuery+php)之jsonp使用心得的相关资料,非常不错,具有参考借鉴价值,需要的朋友一起学习吧什么是jsonp?说到jsonp,你可能最先想到JSON;它还真和JSON有关系;JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的转载 2017-05-25 16:26:28 · 296 阅读 · 0 评论 -
JS实现按比例缩放图片的方法(附C#版代码)
本文实例讲述了JS实现按比例缩放图片的方法。分享给大家供大家参考,具体如下:js版本:?12345678910111213141516171819202122232425function resizeImage(obj, MaxW, MaxH)转载 2017-05-25 16:31:31 · 395 阅读 · 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 评论 -
cropper.js 实现HTML5 裁剪图片并上传(裁剪上传头像。)
我的需求功能:在手机端实现上传头像,带裁剪框。cropper.js 通过canvas实现图片裁剪,最后在通过canvas获取裁剪区域的图片base64串。cropper 文档:官方文档是全英文的,好吧我看不懂。只能一个个试试效果,就有了下面的总结。官方文档1.Container 容器 2.canvas 图片 3.crop 裁剪框option相关参数说明:转载 2017-06-14 17:02:55 · 4388 阅读 · 0 评论 -
总结一下自己第一次写出了的多级联动js
/**联动多级下拉框,支持多级联动。* 例:* * .....*author:Zhaodawei(1017361009@qq.com)* */(function($){ window.list= function(clas,id,url,k,v){ var className='';//class名 var idName='';//id名称(去除数原创 2016-11-28 19:39:30 · 309 阅读 · 0 评论 -
自己总结封装了多级联动下拉框js
/*支持多级下拉框* data:查询出来的所有数据,经过处理缩进的多级数据。子集用固定child,* pdata:选中的数据。字符串用逗号隔开例:'4,57,557'如果没有就空字符串'';* author:zdw;[欢迎优化改进]* */(function($){ window.list = function(clas,id,k,v,data,pdata) { v原创 2016-12-02 21:26:24 · 1778 阅读 · 0 评论 -
JS实现图片不存在时显示默认图片
每个网站都会有图片的存在,很多时候我们需要在网页上显示各种各样的图片,当图片数量越来越多时,难免会出现图片丢失的情况,当某些图片不存在时,网页上的红叉会显得很难看,这时候我们可以选择显示默认图片来代替,这样会显得非常有人性化。利用 image 对象的 onerror 事件来判断,出错则更换 image 对象的 src 为默认图片的 URL。img src="http://www.codet转载 2016-12-14 16:08:19 · 3148 阅读 · 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 评论 -
HTML5 canvas布画 二
一、Canvas绘制线条 Context对象的beginPath方法表示开始绘制路径,moveTo(x, y)方法设置线段的起点,lineTo(x, y)方法设置线段的终点,stroke方法用来给透明的线段着色。moveto和lineto方法可以多次使用。最后,还可以使用closePath方法,自动绘制一条当前点到起点的直线,形成一个封闭图形,省却使用一次lineto方法。转载 2016-10-19 15:00:47 · 426 阅读 · 0 评论 -
javascript 对象浅谈
JavaScript 自定义对象 在Js中,除了Array、Date、Number等内置对象外,开发者可以通过Js代码创建自己的对象。目录1. 对象特性:描述对象的特性2. 创建对象方式:对象直接量、new 构造函数、Object.create() 等三种方式3. 序列化对象:序列化和反序列化对象4. 面向对象编程:描述自定义对象的面向对象模拟;包含实例成转载 2016-12-01 10:08:32 · 255 阅读 · 0 评论 -
jquery $.ajax();各个参数详解
俗说好记性不如个烂笔头,下面是jquery中的ajax方法参数详解,这里整理了一些供大家参考。 1.url:要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type:要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout:要求为Numb转载 2016-12-01 11:22:46 · 1415 阅读 · 0 评论 -
ajax异步提交表单。
ajax异步提交表单有几种方法。1,不利用表单,通过拼接字符串data 进行提交数据。此方法如果想上床图片。需要借助HTML5 FileReader 把图片转换成base64字符串通过隐藏域传值。这样有把base64字符串传到后台,base64字符串中的+会在提交的时候被转义。可以吧base64图片字符串进行加密再解密(encodeURIComponent())2,原创 2016-12-01 17:32:07 · 405 阅读 · 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 评论 -
json字符串与json对象的转换
php把一个数组通过json_encode把数组转换成json格式的字符串,这个格式有个特点。key值与value都用了双引号例如{"region_id":"1564","region_name":"上海","age":"32"}。该数据在页面中接受var str="";//加双引号是错误的。因为字符串中就有双引号。可以加单引号。如果不加引号var str= json字符串会直接转原创 2016-12-03 10:12:47 · 1104 阅读 · 0 评论 -
Js中把JSON字符串转换为JSON对象(eval()、new Function())
在我们利用js操作json数据时一般会用到eval进行数据转换了,但有些朋友还喜欢使用function来转换,下面我就给大家总结一下具体例子。在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。 第一种解析方式:使用eval函数来解析,并且使用jQuery的each方法来遍历用jQu转载 2016-12-03 10:29:02 · 1976 阅读 · 0 评论 -
javascript调用匿名函数的多种方式
目前,以下多种方式中,只能理解第一种和第二种,其他都不明白是什么个原理,功力尚浅,还需努力,各位大神能不能解释下?方式1,调用函数,得到返回值。强制运算符使函数调用执行(function(x,y){ alert(x+y); return x+y;}(3,4)); 方式2,调用函数,得到返回值。强制函数直接量执行再返回一个引用,引用再去调用执行(function(转载 2016-12-14 11:45:01 · 692 阅读 · 0 评论 -
详解javascript立即执行函数表达式(IIFE)
写在前面这是一篇译文,原文:Immediately-Invoked Function Expression (IIFE)原文是一篇很经典的讲解IIFE的文章,很适合收藏。本文虽然是译文,但是直译的很少,而且添加了不少自己的理解。ps:下文中提到的“立即执行函数”其实就是“立即执行函数表达式”我们要说的到底是什么?在javascript中,每一个函数在被调用的时候都会创建一个执行转载 2016-12-14 12:00:09 · 330 阅读 · 0 评论 -
几种js图片裁剪
tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件,stars数量2k+,功能非常丰富,文档齐全,首选。Github.com官网也使用了这个插件。有一个小细节是,边框线的蚂蚁线是动画的,真的很用心。Jcrop项目地址 | demo1 | demo2 | demo3 | demo4 fengyuanchen / cropper转载 2016-10-19 09:41:08 · 876 阅读 · 0 评论