摘要: 模型驱动表单 之前有篇博文总结了 模版驱动表单 , 以及 模版驱动表单的自定义校验 , 本篇总结下模型驱动表单。 与模版驱动表单是不同的编程思路,偏向于数据模型。先在组件中建立表单控件的对象树,再绑定到组件模版的原生表单控件上。而模版驱动表单则是在组件模版中使用了内置的 ngForm、ngModel 阅读全文
posted @ 2018-06-25 10:16 Shapeying 阅读(2449) 评论(0) 推荐(2) 编辑
摘要: JavaScript可以自由的进行数据类型转换,也提供了多种显式转换的方式。但是更多的情况下,是由JavaScript自动转换的,当然这些转换遵循着一定的规则,了解数据类型自由转换的规则是非常必要的。再次翻阅犀牛书后有了一些总结,与大家分享,有不严谨地方,望指正! 数据类型 聊到数据类型转换,就不得 阅读全文
posted @ 2018-06-20 17:04 Shapeying 阅读(1038) 评论(0) 推荐(3) 编辑
摘要: 判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式。 一、点( . )或者方括号( [ ] ) 通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined。当然,这里的“不存在”指的是对象自身和原型链上都不存在,如果原型链有该属性,则会返回原型链上的属性值 阅读全文
posted @ 2018-06-14 00:00 Shapeying 阅读(141155) 评论(0) 推荐(6) 编辑
摘要: 在有input输入框的搜索/过滤业务中,总会考虑如何减少发起请求频率,尽量使每次的请求都是有效的。节流和防抖是比较常见的做法,这类函数的实现方式也不难,不过终归还是需要自己封装。rxjs提供了各种操作符 , 可以很快捷高效的实现这些功能。 栗子 现在有一个查询场景,可以通过城市、类型、关键字来多维度 阅读全文
posted @ 2018-05-29 13:15 Shapeying 阅读(941) 评论(0) 推荐(0) 编辑
摘要: 上一篇 总结了模版驱动表单的基本用法,示例中的校验使用的是原生HTML5的校验方式,本文补上自定义校验的部分。 HTML5原生的表单校验属性(必填,长度限制,取值间隔,正则表达式等等)可以满足普通的校验需求,但是有些场景必须用到自定义校验,比如注册时的密码确认,有比对关系的时间/数值选择, 需要到请 阅读全文
posted @ 2018-05-16 20:51 Shapeying 阅读(1979) 评论(2) 推荐(1) 编辑
摘要: 表单的重要性就不多说了,Angular支持表单的双向数据绑定,校验,状态管理等,总结下。 获取用户输入 假如有以上简单表单,先不论优劣,有哪些方式可以获取到表单数据呢? 先看两种简单粗暴的 1)事件$event的方式 在监听事件的时候,将整个事件载荷 $event 传递到事件处理函数,它会携带触发元 阅读全文
posted @ 2018-05-05 01:22 Shapeying 阅读(2006) 评论(0) 推荐(0) 编辑
摘要: 问题 使用cacl()动态计算元素的高度,运算中包含一个scss变量。如下: 在浏览器中发现并没有达到预期效果,scss变量没有被解析。如下: 解决 使用scss的插值语句 #{} 就在浏览器中正常解析了 阅读全文
posted @ 2018-05-03 16:13 Shapeying 阅读(1761) 评论(0) 推荐(1) 编辑
摘要: 前言 之前是用Vue的,现在由于工作原因,开始使用Angular。分别是Vue2和Angular5入的坑。只是从使用上来对比总结,加深记忆,避免混淆。 什么 ? 你问实现原理的异同及优劣? 本宝宝还在努力学习中,也许有生之年你可以看到分析贴。 不管用什么框架,创建项目都是第一步。发展到现在,Angu 阅读全文
posted @ 2018-04-24 09:03 Shapeying 阅读(3558) 评论(5) 推荐(1) 编辑
摘要: 问题 在使用echart去创建图表时,发现图表只占了容器的一个角落,如图,并没有充满容器。 第一反应是容器元素的样式有问题,于是我把容器的宽高都改为px指定的(之前是百分比设定的,查询资料发现说echart容器宽高要明确指定),修改之后,还是和上面一样的展示,依旧有问题。 定位 于是我想是不是渲染图 阅读全文
posted @ 2018-04-15 11:49 Shapeying 阅读(704) 评论(0) 推荐(1) 编辑
摘要: 遇到一个场景,需要拿到指定时间范围内的每一天,满足格式"YYYYMMDD",简单的功能,简单的思路 准备 date对象有很多的方法,用到了以下: new date ()生成date对象,可以直接指定年月日等,new date(year,month,day) getFullYear() 返回date对 阅读全文
posted @ 2018-03-19 12:16 Shapeying 阅读(710) 评论(0) 推荐(0) 编辑