- 博客(12)
- 资源 (2)
- 收藏
- 关注
原创 姑娘也是江湖中人?
“嘿,这位公子……可问这笛声是何音曲?甚是好听!”循声远望,见一白衣公子身披淡绿袍衣,发长及肩,席地江煮,正襟危坐,凝神远眺,似望人之所不及,吟曲悠悠!那少年公子闻声而起,转身望去,见一少女亭亭玉立,身着淡绿轻衣,面莹如玉,眼澄似水,笑意盈盈,秀丽之中带着三份俊俏,手中持紫光宝剑,剑柄之处“紫霞”二字若隐若现,此女名朴月,乃当今镇国将军朴正之女。这位女子暗暗自语:这公子到也生得英气。 “
2016-01-16 20:20:20
742
原创 纯clipboard.js实现复制(IE兼容至IE7)
前端纯clipboard.js实现兼容至IE7的复制功能,把flash插件甩出几条街····
2016-01-03 15:54:01
5502
1
转载 Canvas API
canvas主要属性和方法 canvas的API-颜色、样式和阴影属性和方法 Canvas的API-线条样式属性和方法 Canvas的API-矩形方法 Canvas的API-路径方法 Canvas的API-转换方法 Canvas的API-文本属性和方法 Canvas的API-图像绘制方法 Canvas的API-像素操作方法和属性 Canvas的API-图像合成属性 转载原文:(h
2015-10-04 12:13:03
614
原创 BootstrapValidator使用范例
BootstrapValidator API 效果图: 点击提交: 不合法数据: 合法数据 How to use?HTML代码<form class="form-horizontal" id="register-form"> <div class="form-group"> <label class="control-label col-sm-2 text-r
2015-09-03 11:30:56
2268
2
原创 ckeditor批量上传图片(下)
在前篇博文中关于ckeditor批量上传图片讲解了如何添加一个插件,但是还没有上传图片的功能,现在,且简单讲讲如何实现这个功能! 这个功能的实现主要依赖于image.html和image_upload.php文件,这需要你在相关目录添加这两个文件(目录位置可参考上篇博文《ckeditor批量上传图片(上)》)!image.html 这个html是父html通过iframe加载的一个子html,
2015-08-19 16:53:56
3011
4
原创 ckeditor批量上传图片(上)
什么都不说,先上图··· 好了!现在该说说了··· ckeditor本身已经不提供批量传图功能了,想要传图,要么点一张传一张,要么就是想尽一切办法自己添加这个功能插件!网上不乏ckeditor+SWFUpload或是ckeditor+ckfinder的例子,然而,本文讲的是ckeditor+JqueryFileUpload,后台使用环境是php哈~第一步:准备需求资源jquery:比如jque
2015-08-18 17:51:12
5817
原创 addEventListener的冒泡与捕获
通过addEventListener()方法为对象绑定的事件分为两种类型:冒泡和捕获,这是由函数的第三个参数决定的,默认为冒泡类型。为false时表示冒泡类型,为true时表示捕获类型。如果在多个对象上绑定冒泡或捕获事件,甚至在同一个对象上绑定冒泡和捕获事件,那么,事件的执行顺序会是什么样的呢?统一的代码片段<div id="a">a <p id="p">p<p></div>#a{
2015-08-01 23:40:05
4168
原创 浅谈Http请求
什么是Http Http协议用于计算机之间(当然不局限于计算机)的通信,是一种无状态的协议,即不建立持久的连接,服务端不保留连接的相关信息。Http的请求过程 那么,在我们在浏览器的地址栏输入地址并回车或刷新页面后,浏览器都做了什么?换句话说,Http的整个请求流程是什么样的!1. 域名解析 (1) 浏览器首次搜索自身的DNS缓存,检查自身的缓存(缓存时间大概为 1 min)中有没有
2015-08-01 00:09:53
532
原创 原生js封装Ajax
1. 跨浏览器创建XMLHttpRequest对象function createXHR() { if (typeof XMLHttpRequest != 'undefined') { return new XMLHttpRequest(); } else if (typeof ActiveXObject != 'undefined') { // 兼容ie7以下浏览器
2015-07-25 23:14:03
800
原创 细说css3 flex布局之flex项目属性
在前篇博文中已经详细叙述了flex布局中的容器属性,那么现在就来谈谈flex项目属性那些事······ 以下6个属性是作用在flex项目上的:orderflex-growflex-shrinkflex-basisflexalign-self1.1 order属性 该属性定义项目的排列顺序,数值越小,排列越靠前,默认值为0。用法及效果如下: html代码<div class="fl
2015-07-25 22:26:22
4504
原创 细说css3 flex布局之flex容器属性
flex是flexible box的缩写,意为弹性布局。用来为盒模型提供最大的灵活性。任何一个容器都可以通过设置display为flex或inline-flex将其指定为flex布局。设置flex布局之后,子元素的float、clear和vertical-align属性将失效。
2015-07-24 00:26:23
3188
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人