- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 html5 实现简易 slider
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="../base/zepto.js"></script> <style> .container { width: 900px;
2016-08-30 14:13:16
5222
转载 z-index:0 与 z-index:auto(默认值)是有区别的
z-index:0 的会创建一个新的层叠上下文 而auto 不会，两者在有区别 （0 会在auto 上面）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><div class="abc"> <span class="red2">Red2</spa
2016-08-28 20:29:40
15907
3
原创 -webkit-line-clamp 学习
不需要指定整个块元素的高度，高度会被自动设置为两行的高度（指定后反而 会导致超出元素显示）不需要指定 text-overflow:ellipsis;(就是点点点 且 不可修改)
2016-08-27 14:38:32
3572
转载 浏览器最小字号
safari,iphone 已经支持1pxpc chrome 12px 最小android 1px <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content="width=device-width, u
2016-08-27 14:13:11
3352
原创 谷歌地图 图标居中
谷歌地图中 图标默认位置是 底部中间（指向具体的点） 如果需要让图片中心指向点需要设置Marker 的icon 属性的anchor new google.maps.Marker({ position:positon, map: map, icon: { ur
2016-08-27 12:00:19
2167
原创 空白图片导致重复请求问题总结
会导致页面重复请求的情形，需要避免（）<img src="#"><div style="background-image: url()"></div>不会导致重复请求的情形<img src=""><img src>
2016-08-25 14:24:28
974
原创 使用shell 脚本做简单的压力测试
for i in $(seq 100) ;do curl http://www.baidu.com ; done
2016-08-24 20:07:01
5661
转载 nodejs 网页测试代码
var rp = require('request-promise');var co = require('co');// 取消报警require('events').EventEmitter.prototype._maxListeners = 100000;co(function *() { for (var i = 0; i < 10; i++) { // cons
2016-08-24 11:19:25
893
原创 react dev searver 搭建记录
npm init 创建文件夹，初始化npm 环境安装各种包 npm install webpack webpack-dev-server style-loader css-loader url-loader babel-loader sass-loader file-loader创建webpack.config.jsvar path =require("path");module.expo
2016-08-22 12:12:03
507
原创 ES6模块与commonJS 模块的转换
SCSS 的”%” 与 “.” 功能类似，但是不会输出代码DEMO%fo{ color:red;}.two { @extend %fo; font-size: 10px;}生成.two { color: red; }.two { font-size: 10px; } 参考文档 http://thesassway.com/intermediate/understandin
2016-08-22 10:39:08
7430
1
原创 scss 百分号操作符
SCSS 的”%” 与 “.” 功能类似，但是不会输出代码DEMO%fo{ color:red;}.two { @extend %fo; font-size: 10px;}生成.two { color: red; }.two { font-size: 10px; } 参考文档 http://thesassway.com/intermediate/understandin
2016-08-18 17:57:19
2907
原创 使用 let 解决for 循环闭包 i变量问题
当let块范围变量出现后，可以方便解决 for循环i变量绑定问题，demo 如下 <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>let 解决for 循环闭包变量问题</title> <script type="text/javascript">
2016-08-18 09:52:11
4312
原创 使用-webkit-box-flex 实现 一半文本显示完全 一半文本宽度自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .container { width: 200px; background-color: gray; height:
2016-08-16 20:24:11
1580
原创 SKETCH 切出背景透明的图标
sketch 中的图标当有很多层级且下方的层不是透明的时候，无法切出背景透明的图标解决办法：1.创建新的artboard（画板，画板的默认背景为透明）2.将左侧其它画板中的图标group 拖入该画板，将group 的positon 调整到0，03.切图 完成
2016-08-16 10:31:09
14150
1
原创 jquery ajax processData 参数
processData 默认为false，当设置为true的时候,jquery ajax 提交的时候不会序列化 data，而是直接使用data的字符串 主要解决场景：需要传递数组，但是后端接口不认中括号“[]”类型的数据，并且是多级复杂类型（无法设置traditional =true，设置为true会导致浅序列化）DEMO<!DOCTYPE html><html lang="en"><he
2016-08-15 15:36:45
37450
7
原创 jquery traditional true 的问题
设置jquery 的 traditional参数 实际上是设置 jQuery.param 的traditional 参数，默认为false,当设置为true后，会导致多层次的对象序列化为[object object]jQuery.ajaxSettings.traditional = true
2016-08-15 15:21:37
3047
原创 jquery 插件版本冲突处理
jquery 的某个插件 当有多个版本同时可能会有冲突，导致代码错误参考typeahead的处理方法，可以在插件中增加noconflict 方法来解决这个问题(在进入版本的时候讲老版本保存，退出的时候还原老版本)demo如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="jquer
2016-08-15 15:09:10
1578
原创 Jquery 扩展入门
如下DEMO 展示了为dom扩展一个myshowHtml 的方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="jquery.js"></script></head><body><div class="container"> 你好</div><script>
2016-08-15 14:23:29
414
转载 nodejs 监听端口报错 Error: listen EACCES
原因监听 1024 以下端口 需要sudo权限否则报 listen EACCES 错误
2016-08-13 15:13:52
10257
原创 ES6 原生promise 与 Q的比较学习
一个promise是一个带有”.then()”方法的对象,主要解决 多级嵌套异步回调问题。比较总结：ES6原生比使用Q 更加简单直接原生ES6 ：console.log("start");var delay1 = new Promise(function(resolve,reject){ setTimeout(()=>resolve("abc") ,2000)});delay1.t
2016-08-13 11:41:49
1534
转载 git stash pop 与 git stash apply git stash apply && git stash drop.
git stash pop 与 git stash apply && git stash drop 等价pop 是出栈applay 是应用栈顶的临时存储但是堆栈不变参考文档：http://stackoverflow.com/questions/15286075/difference-between-git-stash-pop-and-git-
2016-08-12 09:39:30
975
转载 0.5px边框学习
0.5px 在iphone 下支持 在android 下不支持（不会显示边框）简单解决办法.border { position: relative;}.border:after { content: " "; display: block; position: absolute; box-sizing: border-box; left: 0px;
2016-08-10 15:53:04
1362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人