- 博客(8)
- 资源 (3)
- 收藏
- 关注
原创 vue.js数据绑定
1.语法; 插值例如:text:{{text}}例子中的{{text}}将会被对应的数据对象text属性的值替换掉,当text值发生改变时,文本中的值也会联动的发生改变,有时候数据值渲染一次,后续数据变化不关心,可以通过“ * ”实现,代码如下:例如:text:{{*text}}双大括号会把里面的值全部当作字符串来处理,如果值是HTML片段,则可以使用三个大括号来绑定,代码
2017-08-08 10:30:13 785
原创 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 906
原创 css3 media媒体查询
css3 media媒体查询首先我们要设置适配的界面以下代码来做兼容:界面根据屏宽引入不同的样式:(该方式会加大页面http请求次数,造成浏览器负担)屏宽小于960px引入样式:显示屏纵向放置使用样式:在css文件里设置适配样式:设备屏宽小于960px@media screen and (max-device-width:960p
2017-07-29 16:57:13 742
转载 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 1006
转载 transform(变形)和transform-origin(变形原点)
怕自己找不到了这么好的说明了,于是乎原文复制过来了transform(变形)和transform-origin(变形原点)的说明: 目前这两个属性得到了除去ie以外各个主流浏览器webkit,firefox,opera的支持,属性名分别为 -webkit-transform,-moz-transform,-o-transform;1、改变元素基点transfor
2017-07-29 15:05:13 763
转载 定位底部的输入框被软键盘覆盖解决方案
1,给输入框添加获取焦点事件和失去焦点事件当获取焦点事件触发时将页面所有内容滚动到最底部,失去焦点时将之前的内容滚动的高度重新赋给现在的滚轮高度,代码如下:html : 发送 jquery: $(document).ready(function(){ //解决第三方软键盘覆盖定位在底部inp
2017-07-29 10:33:43 2076
转载 新添加的标签触发不了绑定的事件
在做评论界面时,新添加的评论div里绑定一个点击事件触发不了,百度一下方法很好用:为了达到更好的演示效果,假设在某个页面的body下有以下结构的代码:1234567891011"pLabel">新加一条"ulLabel"> "liLabel">aaa1 "liLabel">aaa2
2017-07-27 18:22:59 1092
原创 用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 3980
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人