2018年5月10日
angular4 自定义表单组件
摘要： 自定义表单组件分为单值组件和多值组件. 单值组件：input/select/radio/textarea 多值组件：checkbox/tree组件 条件： 1.必须实现ControlValueAccessor接口 不同输入控件的数据更新方式不一样。 比如input是设置value值，而checkbo 阅读全文
posted @ 2018-05-10 17:31 Artimis 阅读(1985) 评论(0) 推荐(0) 编辑
angular4 Form表单相关
摘要： ng4中，有两种方式去声明一个表单 一：Template-Driven Forms - 模板驱动式表单 [引入FormsModule] 1.ngForm赋值 [可以方便的获取表单的值] 2.ngModel绑定 [ngModel会自动关联表单控件name属性，并使用该值作为ngForm对象的属性名] 阅读全文
posted @ 2018-05-10 14:37 Artimis 阅读(4693) 评论(0) 推荐(0) 编辑
2018年5月9日
js 详解setTimeout定时器
摘要： setTimeout: 定时器函数 第一个参数是匿名函数，第二个参数是延迟执行时间 注意: 1.setTimeout函数是Window对象提供的方法，因此this默认指向window，可以通过bind/call/apply改变this指向 2.setTimeout函数的真正执行时间是在所有可执行的代 阅读全文
posted @ 2018-05-09 14:07 Artimis 阅读(9594) 评论(0) 推荐(1) 编辑
2018年5月7日
js this工作原理
摘要： js中的this是个很妙的东西，你经常不知道它到底在指向谁，又是谁在调用它。 通用判断方法： 1.this总是指向它的直接调用者 2.如果没有找到直接调用者，则this指向window 3.遇到return，如果返回的是对象，则this指向返回对象，否则指向函数实例 4.使用call/apply/b 阅读全文
posted @ 2018-05-07 18:00 Artimis 阅读(4033) 评论(0) 推荐(0) 编辑
js 常用事件总结
摘要： 无论web端还是手机端，用户的交互总伴随着事件监听 下面是我总结的一些常用到的事件 1.监听标签内容变化 非input元素 input元素 2.禁止事件 3.返回事件 4.获取浏览器默认语言 阅读全文
posted @ 2018-05-07 17:44 Artimis 阅读(528) 评论(0) 推荐(0) 编辑
js null和undefined
摘要： 由于js的弱类型，导致null和undefined很容易混淆。 null：表示此处不应该有值，表示没有对象 1.作为函数的参数=>表示该参数不是对象 2.作为原型链的终点 判断方法： !exp && typeof(exp)!=undefined && exp!=0 【正常来说!exp就够了，但und 阅读全文
posted @ 2018-05-07 16:11 Artimis 阅读(187) 评论(0) 推荐(0) 编辑
js 字符串操作
摘要： 字符串操作也是项目中处理返回数据常用到的。 ES5: split()：字符串转数组，默认不隔开=>返回数组 substr(a,b)：从a处开始，截取字符串度为b的字符串=>返回指定字符串 indexOf(a)：检索字符串位置，没有返回-1=>返回指定字符串位置 replace(a,b)：将a位置的字 阅读全文
posted @ 2018-05-07 16:02 Artimis 阅读(183) 评论(0) 推荐(0) 编辑
js 数组操作
摘要： 数组操作是项目中处理返回数据中常用到的。 ES5中： shift():删除第一项=>返回删除项 push():在最后面添加一项=>返回数组长度 splice(a,b):从a位置起，删除b项=>返回删除项 slice(a,b):从已有数组中截取(a,b)位置的元素=>返回截取项 join():将数组转 阅读全文
posted @ 2018-05-07 15:43 Artimis 阅读(146) 评论(0) 推荐(0) 编辑
2018年5月4日
css flex布局
摘要： flex是css3新出的一种布局 设置display:flex后，子元素的float/vertical-align属性均会失效。 父盒子简称为容器，子元素简称为项目，以下： 容器属性： 1.flex-direction 展现方向 row/column/row-reverse/column-rever 阅读全文
posted @ 2018-05-04 17:53 Artimis 阅读(544) 评论(0) 推荐(0) 编辑
css 垂直+水平居中
摘要： 垂直+水平居中是一个老生常谈的问题了，现在就固定高度和不固定高度两种情况去讨论 1.父盒子固定高度[定位] 实现1： father-box: position:relative child-box：position:absolute+left:50%+top:50%+translate(-50%,- 阅读全文
posted @ 2018-05-04 17:38 Artimis 阅读(162) 评论(0) 推荐(0) 编辑