垂直居中
``` 父元素不能浮动；父元素不能display：flex；不能百分比 //可以parent^:display:table - parent:display:table; - chilren:
常用正则表达式
正则表达式 // 邮箱正则表达式 var reg = /w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*/ // 电话 /^1[34578]d{9}$/ // 获取url正则表达式 var reg = new RegExp('(^|&)'+name+'=([^&]*)(&|$)') var r = window.location.search.substr(1).match(reg); // 匹配中文 [u4e00-u9fa5] 两种写法 var re = new RegExp(“a”); var re
iScroll下拉刷新上拉加载（简洁易懂版本）
iScroll下拉刷新上拉加载（简洁易懂版本）
js基础数据操作
json数据： JSON 对象使用在大括号({})中书写，对象可以包含多个 key/value（键/值）对。 key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。 key 和 value 中使用冒号(:)分割。 每个 key/value 对使用逗号(,)分割。 JSON.stringify(obj) ：json数据转换成字符串 JSON.parse(str) ：字符串形式的数据转换成json数据 obj[i] = m : 修改i位置的值 delete obj[i]：删除i位置的json数据 Object.assign(a, b); 合并对象
上手sublime
快捷键： Ctrl+P：快速打开文件 Ctrl+K+B : 开启/关闭侧边栏 Ctrl + Shift + P：调出命令板（Command Palette） Ctrl + `：打开控制台 Ctrl + Shift + N：新建窗口 Ctrl + N：创建标签 ctril+F || ctrl + H：搜索替换 F3：下一个
html兼容问题
透明属性： div {opacity：0.5；filter：alpha（opacity=50）} margin-top的bug： 给子元素设置margin-top；父元素也会掉下来 img将div撑大3像素 hack1：将div和img写在一行 hack2：将img转化为块元素 hack3：设置 div{vertical：middle} 倒角不够圆 border-radius：100% 默认高度问题 IE6及以下版本块元素拥有默认高度（不低于18px）。 hack1：给元素声明font-size:0 hack2：给元素声明overflow：hidden 最小高度 min-height：
砸砖块小游戏
一个很简单，很有意思的小游戏
手写简单的贪吃蛇
很久前写的一个小案例，界面不是很好看
js常见兼容
滚动条： document.documentElement.scrollTop||document.body.scrollTop 获取样式兼容 function getStyle(dom, styleName){ return dom.currentStyle? dom.currentStyle[styleName]: getComputedStyle(dom)[styleName]; } 网页可视区域兼容 window.innerHeight || document.documentElement.clientHeight window.innerWidth || document.do
h5新的储存机制
html4时候：cookies cookies存储只有4kb； 利用http来进行传输，受带宽影响很大 正确设置cookies时间很麻烦的事情 h5引入了web storage存储机制
jquery简单的滚动加载动画
滚动动画 ` function listenAnimate(s, l) { let a = $(window).height(); addClass(s); listenAdd(s); function listenAdd(s) { $(window).on('scroll', function () { addClass(s); }); }
简单了解闭包
js中变量的作用域 了解闭包首要要了解js变量的作用域 函数内部可以直接读取全局变量 在函数外部自然无法读取函数内的局部变量 function f1(){ var a = 1; } alert(a); // undefind 父对象的所有变量，对子对象都是可见的 function f1(){ var n=1; function f2(){ alert(n); // 1 } } 访问内部变量通过return function f1(){ var n=999; function f2(){ a
git手册
git手册 git基础操作 git status # 查看git仓库状态 git diff # 查看修改 git log # 查看日志 git reflog # 查看过期日志 基础git管理 git init # 初始化git仓库 git add . # 将文件追加到git管理中/全部添加/全部添加 git commit -am“注释” # 将文件提交到git本地仓库中 git commit --amend -m'注释' # 作为最新的提交覆盖上一次commit记录 git push origin mastermaster # 推送远程仓库 -u:关联 git
前端入门
meta标签、css、input的一些使用技巧。。。
Hello World 终于要完成了
这是我的第一个博客
