js
程序员库里
这个作者很懒,什么都没留下…
展开
-
js下IE和FF的一些兼容写法总结
一、脚本差异:1、事件绑定:addEventListener 与 attachEvent 事件处理函数中this指向不同, IE中指向window2、获取事件对象 :事件处理函数 window.event 3、获取触发事件的DOM元素: target srcElement4、阻止默认行为: e.preventDefault() e.returnVal原创 2017-08-08 20:34:13 · 436 阅读 · 0 评论 -
js滚动条滚动到底部和顶部
.scrolldiv{ width: 500px; height: 400px; margin: 1000px auto 100px auto; background: #f00; } function scrollBottomOrTop(){ var clients=window.innerHeight || document.documentE原创 2017-09-09 17:13:56 · 4404 阅读 · 0 评论 -
js各种宽高的总结
1.clientWidth和clientHeight指元素的可视部分宽度和高度,就是padding+content如果没有滚动条,就是设定的宽度和高度 如果有滚动条,就是设定的宽度和高度减去滚动条的宽度和高度body{ border:20px solid #ccc; margin:10px; padding:40px; background:#eee; height:35原创 2017-09-09 17:00:43 · 250 阅读 · 0 评论 -
js事件流
1.HTML事件处理程序:JS事件放在HTML里面。 HTML事件处理程序 function show(){ alert('hello world') }2.DOM0级事件处理程序: DOM0级事件处理程序 var btn=document.getElementById('btn'); btn.onclick=funct原创 2017-09-09 13:30:16 · 487 阅读 · 0 评论 -
进度条加载后显示页面
1.思路:加入很多图片,以延迟加载时间,实现加载完后显示图片。定义一个外层DIV,覆盖住图片,在内层DIV中引入加载时显示的图片,让内层DIV居中在页面上,利用setInterval定时器设置3秒后将外层DIV隐藏,从而显示图片,达到加载完后显示页面的效果。 .loading{ width: 100%; height: 100%; position: fi原创 2017-09-09 09:27:59 · 2390 阅读 · 0 评论 -
Vue之自定义过滤器
使用Vue.filter('过滤器名称',方法);1. {{a | toDou}} Vue.filter('toDou',function(input){ return input<10?'0'原创 2017-09-24 15:11:48 · 297 阅读 · 0 评论 -
Vue之计算属性
计算属性:computed1.简单的计算 a => {{a}} b => {{b}} v原创 2017-09-24 15:26:36 · 358 阅读 · 0 评论 -
Vue之生命周期
{{msg}} var vm=new Vue({ el:'#box', data:{ msg:'well' }, created:function(){ alert('实例已经创建');原创 2017-09-24 15:36:01 · 356 阅读 · 0 评论 -
Vue之自定义指令
使用Vue.directive();1.直接自定义名称 :red Vue.directive('red',function(){ this.el.style.background='red'; }); window.o原创 2017-09-24 14:55:34 · 428 阅读 · 0 评论 -
Vue之监听数据变化
1.轻度监视 window.onload=function(){ var vm=new Vue({ el:'#box', data:{ a:111,原创 2017-09-24 14:25:38 · 13109 阅读 · 0 评论 -
vue之留言板
window.onload=function(){ new Vue({ el:'#box', data:{ myData:[], username:'', age:'',原创 2017-09-24 14:15:52 · 1011 阅读 · 0 评论 -
div内部滚动条滚动到底部和顶部
.scrolldiv{ width: 500px; height: 400px; margin: 10px auto; background: #f00; overflow-y: scroll; padding: 10px; } var divscroll=document.getElementById('testDiv'); fun原创 2017-09-09 17:24:47 · 12990 阅读 · 1 评论