垂直居中

css

``` 父元素不能浮动;父元素不能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基础数据操作

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兼容问题

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基础

一个很简单,很有意思的小游戏

手写简单的贪吃蛇

js基础

很久前写的一个小案例,界面不是很好看

js常见兼容

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简单的滚动加载动画

js基础

滚动动画 ` function listenAnimate(s, l) { let a = $(window).height(); addClass(s); listenAdd(s); function listenAdd(s) { $(window).on('scroll', function () { addClass(s); }); }

简单了解闭包

js基础

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基础操作 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 终于要完成了

娱乐

这是我的第一个博客

标签

  • 全部
  • html
  • css
  • js基础
  • react
  • nodeJs
  • 前端开发
  • 娱乐
  • linux
  • windows
  • 关于我
  • mysql
  • 七牛
  • 微信
  • vue
  • git
  • webpack
  • 小程序
  • docker
  • python