luyaran的博客

一名php小菜鸟的成长故事

js控制文件拖拽,获取拖拽内容

在用户拖拽文件到浏览器的某个元素上时,js可以监听到与拖拽相关的事件,并对拖拽结果进行处理,本文讨论下和拖拽文件相关的一些问题,不过没有处理太多关于兼容性的问题。拖拽事件js能够监听到拖拽的事件有drag、dragend、dragenter、dragexit(没有浏览器实现)、dragleave、...

2018-02-24 14:49:19

阅读数:403

评论数:0

js&ajax 替换CKEDITOR中的值

之前在表单中对ckeditor的赋值就直接是 $("#theadEditor").val(result); 而现在我想通过点击不同选项来使用Ajax在后台访问数据,对ckeditor赋值, 但是页面根本没有变化,而后台的数据却有。那么现在肯定的就是ckedit...

2017-09-27 10:48:31

阅读数:204

评论数:0

移动端图片上传的实践

TIP 最近在一个项目中需要实现一个移动端上传图片文件的需求,主要需求的是压缩并且按照比例自动裁切图片然后上传。 一听是蛮简单的,因为是在移动端使用,所以完全可以使用 HTML5 的新特性以及一些 API。 主要的思路是这样: 监听一个 input (type='file') 的 ch...

2017-05-27 10:20:05

阅读数:735

评论数:0

TP3.2.3和jQuery跨域请求源码。。。

跨域请求的原理大家都知道,本人也就不赘述了,数据传输的格式大概有XML和json等几种格式,但是相对与XML的格式来讲,他更加适用于大型数据的传输,所以本人选择使用json,来作为数据传输的格式。废话不多说,直接贴代码。。。 $url = "http://".$name....

2017-05-17 17:05:07

阅读数:877

评论数:0

JQuery坑,说说哪些大家都踩过的坑

1 乱用选择器 坑人指数:200 JQuery选择器调用代价很大,反复调用效率更低。应采用缓存对象的方法或采用链式调用的方式。 //错误的写法 $("#button").click(function(){ $('#list li').addClass('stron...

2017-04-25 10:50:46

阅读数:225

评论数:0

JavaScript基础

JavaScript 来了 1995年,诞生了JavaScript语言,那一年,我刚刚从大学毕业。在今年RedMonk 推出的2017 年第一季度编程语言排行榜中,JavaScript 排第一,Java 第二,Python 反超 PHP 排第三,PHP 第四,C# 和...

2017-04-06 17:29:53

阅读数:319

评论数:0

JavaScript 中getElementsByName在IE中的注意事项

在IE5-9中是没有实现js的 getElementsByClassName()方法,但是实现了getElementsByName()方法,但是需要注意的是这个方法在IE5-9中也返回id属性匹配的指定元素,为了兼容,应该小心谨慎使用,不要将同样的字符串同时用作了名字和ID。 测试程序如下:...

2017-02-21 16:39:45

阅读数:135

评论数:0

JSONP注入解析

前言 JSONP注入是一个不太常见但影响非常广泛且极危险的漏洞,由于最近几年对JSON, web APIs以及跨域通信的需求增多,不得不引起我们的重视。 什么是JSONP 这里我们假设大家都了解JSON为何物,以此为基础我们来谈谈JSONP。JSONP全名为JSON with Padding...

2017-02-18 11:02:44

阅读数:927

评论数:0

开发一个完整的JavaScript组件

作为一名开发者,大家应该都知道在浏览器中存在一些内置的控件:Alert,Confirm等,但是这些控件通常根据浏览器产商的不同而形态各异,视觉效果往往达不到UI设计师的要求。更重要的是,这类内置控件的风格很难与形形色色的各种风格迥异的互联网产品的设计风格统一。因此,优秀的前端开发者们各自开发自己的...

2017-02-17 09:32:48

阅读数:165

评论数:0

JavaScript人脸检测的实现方法

今天,我们开始学习tracking.js,它是一个由Eduardo Lundgren开发的轻量级的javascript库,它可以让你做实时的人脸检测,色彩追踪和标记好友的脸。在这个教程中,我们将会看到,我们如何从静态图片中检测脸,眼睛和嘴巴。 我一直对视频和图片中的人脸标记、检测和人脸识别技术很...

2017-02-17 08:51:28

阅读数:260

评论数:0

CSS自适应布局总结

所谓布局,其实包含两个含义:尺寸与定位。也就是说,所有与尺寸和定位相关的属性,都可以用来布局。 大体上,布局中会用到的有:尺寸相关的盒子模型,普通流、浮动、绝对定位三种定位机制,CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局,inline...

2017-02-15 09:08:57

阅读数:253

评论数:0

利用策略模式与装饰模式扩展JavaScript表单验证功能

简单的表单验证 html结构 html lang="en"> head> meta charset="UTF-8"> title>Validatatitle> head> body> form id=...

2017-02-15 08:57:53

阅读数:236

评论数:0

深入了解 JavaScript 中的 for 循环

在ECMAScript5(简称 ES5)中,有三种 for 循环,分别是: 简单for循环for-inforEach 在2015年6月份发布的ECMAScript6(简称 ES6)中,新增了一种循环,是: for-of 下面我们就来看看这 4 种 for 循环。 ...

2017-02-13 08:45:49

阅读数:103

评论数:0

详解JavaScript异步编程技术

详解JavaScript异步编程技术 基于浏览器的事件轮询机制(以及Node.js中的事件轮询机制),JavaScript常常会运行在异步环境中。由于JavaScript本身语言的特性(不需要程序员操控线程/进程),在js中解决异步化编程的方法就显得相当重要。可以说一个完整的项目中,js开发人员是...

2017-02-09 15:51:13

阅读数:112

评论数:0

TogetherJS

要添加到您的Web应用程序的实时协作?Mozilla的 togetherjs值得一看。 当Tim Berners Lee发明了万维网超过20年前,他在那个物理学家能够合作很容易与另一个在互联网上的希望了。此后,网络已经演变成一种新的媒体处理一切从报纸到金融。 然而,虽然我们可以惊叹的事情我们可...

2017-02-07 16:19:41

阅读数:253

评论数:0

TogetherJS:Mozilla推出的实时协作工具

什么是TogetherJS? 我们来介绍一下TogetherJS,一个从Mozilla实验室出来的实时协作工具。 TogetherJS是这样的一种服务,你能为一个已经存在的网站增加实时协作特性。使用这种工具,两个或者更多的网站或者web应用访问者能够看到别人鼠标位置,单击,追踪他人的浏览记录,...

2017-02-07 16:00:46

阅读数:155

评论数:0

TogetherJs中文

TogetherJs,togetherjs中文 TogetherJs简介 TogetherJs是Mozilla一个免费的开源的js框架,给网站提供交流功能。在你的网站加上TogetherJs,用户可以实时交流。 官网链接:https://togetherjs.com/ Togeth...

2017-02-07 15:54:58

阅读数:347

评论数:0

html5解决大文件断点续传

js代码 [html] view plain copy >  html>      head>          meta charset="UTF-8"/>          title>xhr2title> ...

2017-02-04 16:08:21

阅读数:224

评论数:0

JavaScript实现拖拽预览,AJAX小文件上传

本地上传,提前预览(图片,视频) 1.html中div标签预览显示,button标签触发上传事件。 [html] view plain copy div  id="drop_area" style="border:3px dashed ...

2017-02-04 16:06:34

阅读数:96

评论数:0

Ajax跨域请求

一、什么是跨域请求 域名http://www.baidu:8080/script/jquery.js,它由http://(协议)、www(子域名)、baidu(主域名)以及8080(端口号)组成,当另一个域名与其中任意一项对应不等的话,那么我们说两个域名就是跨域的。 如http://www.b...

2017-01-05 18:19:21

阅读数:109

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭