magicYANG-1989-CSDN博客

原创见龙在田ionic-angular跨页面通信解决方案之----Events

一.前言在Web开发之中,跨页面通信是一个与生俱来的痛点.通常的解决方案如下: 1.通过top.window对象的属性进行桥接处理,页面对象存在时都可以调用top.window对象进行数据的实时获取交换. 这种方式优点是简单方便,缺点也很明显,大量暴露在外的数据无疑不是一个安全的设计. 2.通过H5的sessionStorage或localS...

2018-06-07 18:50:17 1080

原创 Angular2-组件化简化前端开发

众所周知,前端三大框架当中组件化已经成为一个必不可少的功能,大大简化开发,提高代码复用率,可以由一个超级程序员(架构师)编写大部分核心通用组件来实现前端架构的基础,一般开发人员熟悉组件出入口及特性后可以极大程度提高开发效率,并且组件拥有高可扩展性,可以满足日益增多的前端页面样式功能需求. 这个子组件解决的问题就是完全根据data数据渲染一个列表,以及每个子项都根据da...

2018-06-05 17:18:05 958

公司APP项目基于Angular2+Ionic 最近需要实现一个支持向上\向下滑动显示不同内容的页面,实际实现时发现有如下的坑:1.移动端有自己的默认上滑\下滑事件,并不识别Ionic自带的识别指令,只能识别on-swipe指令且只支持左右滑动 on-swipe-up 和 on-swipe-down 指令完全无法使用2.如果自己实现必须要捕获触摸事件,TypeScript中事件捕获要么使用传统的...

2018-05-31 10:14:49 2133

原创 Angular2 移动端手势识别与实现2

上篇博客提到了在Angular2+Ioinc环境APP中实现手势识别,过了一会儿我想到可以使用Angular2指令的方式将这个识别功能指令化,简单复用到所有页面. Angular2指令Directive是一种靠依赖注入的方式提供一系列封装功能.这种依赖注入在使用层面是DOM级的,例如 <div *slide="'up'"> 可以利用它执行两种功能: ...

2018-05-31 16:41:28 672

原创 LeetCode推荐

最近在LeetCode上做了一些算法题，大部分是最基础easy难度的题。做完之后很多算法需要重构才可以通过所有的cases，在这个过程中我发现有效提高了基础语言能力，比单纯写项目提高的更快，希望不知道如何提高语言能力的小伙伴可以去上面刷几道题。下图是这一周刷的题，每天上班空隙刷一道，不贪多。下面介绍其中一道题： Single Number

2017-10-26 13:33:10 283

原创 JavaScript闭包最简洁实用讲解

在学习JS的路上，无论是实际应用还是面试，闭包肯定是一个绕不过去的技术点。在我的学习生涯中，闭包的难度其实不大，但因其涉及的技术点和应用比较多，理解起来总有一种“管中窥豹”未见其真身的感觉。读了廖雪峰大大的一篇博客，结合高程的闭包篇章和我自己的理解，给自己梳理一下：一、什么是闭包？特点是什么众所周知，一般来说由于JavaScript的作用域链限制一个对象只能调用自己链

2017-10-15 17:24:35 379

原创 JavaScript加性操作符引发的常见错误——弱类型天然错误

很多初学写JS的伙伴，经常会遇到这样的问题：程序设计逻辑通顺，书写正确，但就是无法按预期的设想输出。我在初学写JS程序的时候经常被缠绕进这种BUG之中，往往这样的错误是由于语言基础不过关引起的。例如在一个reducer当中有如下代码片段，根据用户输入的num值输出一个rgb函数的字符串调整容器颜色： let num = actio

2017-10-11 09:42:56 339

weixin_40564006的博客