- 博客(34)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 标准clearfix 代码
一下代码拷贝自bootstrap，标准clearfix 代码.clearfix:before,.clearfix:after { display: table; content: " "}.clearfix:after { clear: both}
2016-04-29 16:18:17
2265
转载 html5 原生 drag drop helloworld
drag drop helloworld<!DOCTYPE HTML><html><head> <meta charset="utf-8" > <script type="text/javascript"> function allowDrop(ev) { ev.preventDefault(); } fun
2016-04-28 21:33:46
775
转载 jquery validate 控制error 位置
在 rules 同一级别添加 errorPlacement 默认值是：error.insertAfter(element); 将错误信息展示在元素后面可以写逻辑修改这个规则，如下 如果是checkbox 的话 则插入到父元素的后面 $("#form").validate({ rules: {username: {required: true}}, err
2016-04-28 21:12:24
6808
转载 html select 自定义
通过appearance:none 可以删除下拉列表的默认样式，替代一张背景图片，实现简易的下拉列表样式美化参考文档： http://ourjs.com/detail/551b9b0529c8d81960000007 http://www.w3school.com.cn/cssref/pr_appearance.asp<!DOCTYPE html><html lang="en"><head
2016-04-28 14:18:09
2501
原创 jquery validate 自定义
$.validator.addMethod 第一个参数，验证名称 第二个参数：验证函数 true 通过 false 不通过 第三个参数：错误的时候的提示文案$.validator.addMethod( "same", function(value, element, param) { return value!=o
2016-04-27 18:47:12
383
原创 nodejs 压缩文件 archiver
如下代码实现 压缩a文件夹中的所有内容，生成a.zip 文件 cwd：需要压缩源文件的路径 src：需要压缩的文件 ** 是全部文件 dest 是解压后的层级，如果不设置会使用src的全部层级 var archive = archiver('zip'); var output = fs.createWriteStream(path.join(__dirname, 'a.zip
2016-04-27 16:45:40
5600
原创 koa-send 实现下载文件
koa-send 实现文件下载功能 npm install koa-send代码如下,实现下载a.zip 文件： var downLoadFilePath = path.join(__dirname, 'a.zip') yield send(this, downLoadFilePath);
2016-04-27 16:41:29
4790
原创 nodejs 模板 ejs helloworld
nodejs 模板 ejs helloworld ejs.render("<h1><%= title %></h1><div><%= content %></div>", { "title": "hello", "content": "world" });将输出helloworld
2016-04-27 16:38:59
737
原创 nodejs 同步创建文件夹
为了方式创建文件夹已经存在 ，需要使用fs.existsSync 同步判断下文件夹是否存在 之后调用mkdirSync 同步创建文件夹 if (!fs.existsSync(baseUrl)) { fs.mkdirSync(baseUrl); }
2016-04-27 16:35:59
17932
1
原创 nodejs koa forEach 不能使用 yield
nodejs koa forEach 不能使用 yield，只能修改为for循环。yield 只能出现在Generator 中
2016-04-27 16:34:09
2146
原创 nodejs KOA request pipe 同步下载图片
request pipe 是异步下载图片的，如果需要同步需要添加一个Promisevar myP = new Promise(function (resolve, reject) { var stream = request(mainItem.pic).pipe( fs.createWriteStream(filepath)
2016-04-27 16:32:30
6871
1
原创 简易的输入框字数计数 Jquery组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="jquery.min.js"></script></head><body><div class="container"> <input id="abc" value="你好"><s
2016-04-25 08:56:02
859
原创 javascript 正则表达式 获取全部分组内容
需要使用正则表达式的exec需要循环DEMO，如下代码将输出 8 ， 9，两个匹配到的分组内容 var r = /\{ab(\d)ab}/g; var resultS = "ab{ab8ab}c{ab9ab}".match(r); while ((resultS2 = r.exec("ab{ab8ab}c{ab9ab}")) != null) { consol
2016-04-24 20:27:12
3508
转载 文件带有进度的异步上传本质
1.通过formdata 创建表单（原来是创建一个iframe 表单） 2.ajax 提交 3.监听progress 事件，读取 loaded和total 两个属性，输出进度参考文档：http://my.oschina.net/u/1377774/blog/284703 http://my.oschina.net/u/1866405/blog/335987<!DOCTYPE html><h
2016-04-23 14:50:14
3826
原创 bootstrap alert 插件 bootbox hello world
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link href="bootstrap.css" rel="stylesheet"> <script src="jquery.min.js"></script> <script src="bootst
2016-04-23 14:04:25
2626
转载 javascript 页面关闭前提示确认
<script language="javascript" type="text/javascript"> window.onbeforeunload=function(){ return ("还没有完成,确认退出吗?"); }</script>
2016-04-23 11:57:00
4517
转载 mac 强制关闭应用
方法1：command+option+shift+esc 方法2：ps -ref | grep 应用程序名 ，找到应用程序的pid（第二列）， kill pid
2016-04-23 11:31:08
830
转载 CSS animate HelloWorld
CSS animate 学习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .container { width:100px; height: 100px; bo
2016-04-23 11:29:31
517
转载 overflow:hidden display:inline-block 行内对齐问题
同时拥有overflow hidden 和 display inline-block 的元素，会对行内元素垂直对齐 有影响， 导致原因是 overflow hidden 改变了默认对齐方式解决办法：添加 vertical-align: bottom参考文档： http://stackoverflow.com/questions/20566710/overflowhidden-displayinl
2016-04-22 14:06:08
3637
1
转载 浏览器读取上传文件的大小 file api
高级浏览器中，可以通过 files[0].size 获取图片的大小 document.getElementById("image-file").files[0].size 浏览器支持：参考文档：http://www.html5rocks.com/zh/tutorials/file/dndfiles/https://developer.mozi
2016-04-21 21:25:37
2108
原创 jquery file change 一次问题的解决
直接 $("input").on("change",function(){}) 仅仅会出发一次最简单的方法 修改为 $("body").delegate('input', 'change', function(){});原因猜测：似乎input 文件被重新创建了
2016-04-21 20:21:28
3592
1
转载 获取html 中的所有图片 正则表达式
$(".container").html().replace(/]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) { console.log(capture);})
2016-04-21 20:15:07
3555
转载 webstorm 按照文件名查找文件 快捷键
commond+shift+O 或者点击 navigate–>file 参考文档：http://stackoverflow.com/questions/18372961/how-to-search-a-file-in-phpstorm
2016-04-17 15:29:36
30493
原创 less 强制将css 打包到单个文件中
less 在import 其它less文件的时候会将其合并到单个文件中 但是当引入css 文件时，默认不会将css 合并进来 使用inline 关键字 将a.css 强制打包到最终的单个文件中@import (inline) "./a.css";div{ color:yellow;}编译后的结果是如下，只有一个文件（a.css 只有一个a样式）a{ color:red;}di
2016-04-16 15:56:05
1887
原创 Dropzone 图片拖动 组件DEMO
1.安装 npm install dropzone ,会下载一个dropzone 2.dropzone文件夹dist 下有两个文件一个dropzone.js 一个dropzone.css 将这两个文件添加到页面上 3.初始化Dropzone ，demo代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2016-04-16 12:06:12
3978
原创 javascript 判断是否数字类型
javascript 判断是否数字类型var x ="11.11";parseFloat(x)==xvar z ="11"parseInt(z)==z如果判断为true 说明是数字类型（或者整数类型），否则不是
2016-04-16 08:16:28
375
转载 前端二维码生成工具
https://github.com/davidshimjs/qrcodejs 可以前端js生成二维码，且非常方便，不依赖任何第三方1.下载git上的qrcode.min.js ，放到自己代码中 2.new 一个对象，第一个参数是要绘制到的容器，第二个参数是二维码的url地址 <div id="qrcode"></div> <script type="text/javascript">
2016-04-16 08:03:59
2519
转载 usr/bin 与 usr/local/bin 的区别
usr/bin 是系统自带的应用usr/local/bin 是自己安装的应用和自己写的全局脚本参考文档:http://www.linuxdiyf.com/linux/14613.html
2016-04-16 07:59:58
7089
原创 window.close 兼容性
window.close 在被 window.open 的页面上使用的时候没有问题当在浏览器敲击地址的页面上需要使用如下标准代码：var userAgent = navigator.userAgent;if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) { window.location.hr
2016-04-11 15:30:57
2206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人