摘要: 如何实现水平居中和垂直居中 水平居中:1.父级:text-alingn:center 2.子级:margin: 0 auto; 垂直居中:1.height=line-height 2.position+transform 2.1 >父级不定高:{postion:relative} 子级:{posit 阅读全文
posted @ 2018-05-07 17:47 Yogic 阅读(201) 评论(0) 推荐(0) 编辑
摘要: addEventListener的第二个函数传参 用一个匿名函数包裹 document.addEventListener("click",function(){ box(a,b,c) }) function box(a,b,c){ alert(a); } 阅读全文
posted @ 2018-03-14 17:47 Yogic 阅读(331) 评论(0) 推荐(0) 编辑
摘要: a标签上window.location.href无法跳转解决方法: 1、事件必须return false <a href="javascript:;" onclick="event();return false;"></a> 2、a标签的href属性设为一个锚点。 <a href="#" oncli 阅读全文
posted @ 2018-03-09 11:43 Yogic 阅读(580) 评论(0) 推荐(0) 编辑
摘要: 常见三种: 1.false 完全继承父级,子父同步 2.true 继承父级,同时创建自己的作用域,父级改变,自己改变,但自己改变父级不变 3.{} 创建自己的作用域,和父级完全隔离,与父级毫无关系 ♣隔离条件下着重介绍的三个子父之间传值关系 1.@父传子,子不能传父 》字符串,有{{}} 2.=父子 阅读全文
posted @ 2018-01-18 23:52 Yogic 阅读(183) 评论(0) 推荐(0) 编辑
摘要: template (字符串或者函数)可选参数 1.字符串 <hello-world></hello-world> var app = angular.module('myApp', []); app.directive('helloWorld', function() { return { rest 阅读全文
posted @ 2018-01-18 19:06 Yogic 阅读(498) 评论(0) 推荐(0) 编辑
摘要: angularjs里比较重要但又很少手动调用的要属$compile服务了,通常在写组件或指令时,都是angularjs自动编译完成的,但有时我们可能需要手动编译,比如封装一个table组件,根据参数实现自定义渲染,增加一列复选框或者一列按钮啥的,这是就需要用到$compile了。 例一: <body 阅读全文
posted @ 2018-01-16 15:43 Yogic 阅读(262) 评论(0) 推荐(0) 编辑
摘要: AngularJs如何获取代表当前元素的DOM对象获取当前元素$event.target 1.<div ng-click="box($event)" >点击</div> function box($event){ var this=$event.target;//拿到当前dom标签 } 2. jQu 阅读全文
posted @ 2018-01-16 15:37 Yogic 阅读(748) 评论(0) 推荐(0) 编辑
摘要: 1.ng-if 根据变量的bool值决定要不要显示DOM; true添加dom,并显示 false删除dom,从而隐藏 2.ng-show 根据变量的bool值决定要不要显示DOM 只是显示,隐藏,dom无删除 3.ng-hide 根据变量的bool值决定要不要隐藏DOM 只是显示,隐藏,dom无删 阅读全文
posted @ 2018-01-11 13:06 Yogic 阅读(152) 评论(0) 推荐(0) 编辑
摘要: Angularjs 表单类型: input 元素 select 元素 button 元素 textarea 元素 1.input时根据类型不同,ng-model绑定的值不同 1.1 text ng-mode为输入框的值 <input type="text" ng-model="thisval"> < 阅读全文
posted @ 2018-01-10 16:02 Yogic 阅读(253) 评论(0) 推荐(0) 编辑
摘要: ng-bind 与ng-model区别:双向绑定,一般来说是这样 <input ng-model="object.xxx"> <span ng-bind="object.xxx"></span> ng-bind是从$scope -> view的单向绑定,也就是说ng-bind是相当于{{object 阅读全文
posted @ 2018-01-10 12:37 Yogic 阅读(210) 评论(0) 推荐(0) 编辑