自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 资源 (3)
  • 收藏
  • 关注

原创 vue.js数据绑定

1.语法; 插值例如:text:{{text}}例子中的{{text}}将会被对应的数据对象text属性的值替换掉,当text值发生改变时,文本中的值也会联动的发生改变,有时候数据值渲染一次,后续数据变化不关心,可以通过“ * ”实现,代码如下:例如:text:{{*text}}双大括号会把里面的值全部当作字符串来处理,如果值是HTML片段,则可以使用三个大括号来绑定,代码

2017-08-08 10:30:13 750

原创 css 伪元素(before,after,first-letter,first-line)

语法>> 标签样式/类样式:伪元素{ 属性:值  }(css3有::after的写法为了将伪类和伪元素区分开来)属性描述CSS:first-letter向文本的第一个字母添加特殊样式。1:first-line向文本的首行添加特殊样式。1:before在元素之前添加内容。2:after在元素之后添

2017-08-01 16:46:38 889

原创 css3 media媒体查询

css3 media媒体查询首先我们要设置适配的界面以下代码来做兼容:界面根据屏宽引入不同的样式:(该方式会加大页面http请求次数,造成浏览器负担)屏宽小于960px引入样式:显示屏纵向放置使用样式:在css文件里设置适配样式:设备屏宽小于960px@media screen and (max-device-width:960p

2017-07-29 16:57:13 710

转载 js获取浏览器,网页视图,设备,滚动条卷上去的内容高宽

var a=window.screen.availHeight;//屏幕可用工作区高度   //获取浏览器窗口内容的尺寸 FF/CH 支持,获取窗口尺寸。  window.innerHeight  // FF/CH 支持,获取窗口尺寸。  document.documentElement.clientHeight   // IE/CH支持  document.body.clie

2017-07-29 15:37:29 974

转载 transform(变形)和transform-origin(变形原点)

怕自己找不到了这么好的说明了,于是乎原文复制过来了transform(变形)和transform-origin(变形原点)的说明:     目前这两个属性得到了除去ie以外各个主流浏览器webkit,firefox,opera的支持,属性名分别为     -webkit-transform,-moz-transform,-o-transform;1、改变元素基点transfor

2017-07-29 15:05:13 750

转载 定位底部的输入框被软键盘覆盖解决方案

1,给输入框添加获取焦点事件和失去焦点事件当获取焦点事件触发时将页面所有内容滚动到最底部,失去焦点时将之前的内容滚动的高度重新赋给现在的滚轮高度,代码如下:html :                       发送  jquery: $(document).ready(function(){    //解决第三方软键盘覆盖定位在底部inp

2017-07-29 10:33:43 2045

转载 新添加的标签触发不了绑定的事件

在做评论界面时,新添加的评论div里绑定一个点击事件触发不了,百度一下方法很好用:为了达到更好的演示效果,假设在某个页面的body下有以下结构的代码:1234567891011"pLabel">新加一条"ulLabel"> "liLabel">aaa1 "liLabel">aaa2 

2017-07-27 18:22:59 1065

原创 用div模仿多行文本框(文本框高度自适应)

只要给div设置  contenteditable="true"  ,div就可像input文本框一样获取到光标啦,代码如下:html:css: div{ width:90%; border:1px solid #EBEBEB; min-height:24px; background-color:#FFF; border-radius:5px 5px; overflow

2017-07-27 18:12:58 3963

3D立方体图片旋转特效

3D立方体图片旋转特效

2017-07-29

图片抖动特效

html5 +css3 图片抖动特效

2017-07-29

树形结构插件

树形结构插件,文档结构插件

2017-07-29

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除