![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular2躺坑之旅
magicYANG-1989
在造轮子的路上,捡钉子
展开
-
Angular2-组件化简化前端开发
众所周知,前端三大框架当中组件化已经成为一个必不可少的功能,大大简化开发,提高代码复用率,可以由一个超级程序员(架构师)编写大部分核心通用组件来实现前端架构的基础,一般开发人员熟悉组件出入口及特性后可以极大程度提高开发效率,并且组件拥有高可扩展性,可以满足日益增多的前端页面样式功能需求. 这个子组件解决的问题就是完全根据data数据渲染一个列表,以及每个子项都根据da...原创 2018-06-05 17:18:05 · 962 阅读 · 0 评论 -
Angular2 移动端手势识别与实现1
公司APP项目基于Angular2+Ionic 最近需要实现一个支持向上\向下滑动显示不同内容的页面,实际实现时发现有如下的坑:1.移动端有自己的默认上滑\下滑事件,并不识别Ionic自带的识别指令,只能识别on-swipe指令且只支持左右滑动 on-swipe-up 和 on-swipe-down 指令完全无法使用2.如果自己实现必须要捕获触摸事件,TypeScript中事件捕获要么使用传统的...原创 2018-05-31 10:14:49 · 2149 阅读 · 0 评论 -
Angular2 移动端手势识别与实现2
上篇博客提到了在Angular2+Ioinc环境APP中实现手势识别,过了一会儿我想到可以使用Angular2指令的方式将这个识别功能指令化,简单复用到所有页面. Angular2指令Directive是一种靠依赖注入的方式提供一系列封装功能.这种依赖注入在使用层面是DOM级的,例如 <div *slide="'up'"> 可以利用它执行两种功能: ...原创 2018-05-31 16:41:28 · 678 阅读 · 0 评论 -
见龙在田ionic-angular跨页面通信解决方案之----Events
一.前言 在Web开发之中,跨页面通信是一个与生俱来的痛点.通常的解决方案如下: 1.通过top.window对象的属性进行桥接处理,页面对象存在时都可以调用top.window对象进行数据的实时获取交换. 这种方式优点是简单方便,缺点也很明显,大量暴露在外的数据无疑不是一个安全的设计. 2.通过H5的sessionStorage或localS...原创 2018-06-07 18:50:17 · 1090 阅读 · 0 评论