摘要: 在双重循环或多重循环中判断条件,条件符合时跳出整个嵌套循环体是常见的程序逻辑。在Javascript中有哪些跳出的方法呢?楼主简单整理了一下。 一. 使用多个break语句跳出 这是比较常见的跳出方法,双重循环的时候还可以接受,一旦循环的次数多了break语句会反复出现,代码阅读起来并不是很友好。 阅读全文
posted @ 2017-03-04 11:19 ralph_zhu 阅读(8589) 评论(1) 推荐(2) 编辑
摘要: 去年以来,React的出现为前端框架设计和编程模式吹来了一阵春风。很多概念,无论是原本已有的、还是由React首先提出的,都因为React的流行而倍受关注,成为大家研究和学习的热点。本篇分享主要就聚焦于这些概念中出现频率较高的两个:virtual dom(虚拟DOM)和data immutabili 阅读全文
posted @ 2016-03-16 15:10 ralph_zhu 阅读(2159) 评论(1) 推荐(4) 编辑
摘要: 作为面向对象编程中实现控制反转(Inversion of Control,下文称IoC)最常见的技术手段之一,依赖注入(Dependency Injection,下文称DI)可谓在OOP编程中大行其道经久不衰。比如在J2EE中,就有大名鼎鼎的执牛耳者Spring。Javascript社区中自然也不乏 阅读全文
posted @ 2016-02-23 08:01 ralph_zhu 阅读(15190) 评论(4) 推荐(9) 编辑
摘要: 从09年左右开始,MVC逐渐在前端领域大放异彩,并终于在刚刚过去的2015年随着React Native的推出而迎来大爆发:AngularJS、EmberJS、Backbone、ReactJS、RiotJS、VueJS…… 一连串的名字走马观花式的出现和更迭,它们中一些已经渐渐淡出了大家的视野,一些 阅读全文
posted @ 2016-02-15 14:30 ralph_zhu 阅读(11057) 评论(39) 推荐(62) 编辑
摘要: 昨天没来得及贴几个使用demo,今天补上,供有兴趣的同学参考 :)1. 同步加载子选项demo2. 异步加载子选项demo3. 初始值回填demo4. 倒金字塔依赖demodirective的源代码请移步上一个帖子:http://www.cnblogs.com/front-end-ralph/p/5... 阅读全文
posted @ 2016-01-15 13:52 ralph_zhu 阅读(3651) 评论(6) 推荐(2) 编辑
摘要: 多级联动菜单是常见的前端组件,比如省份-城市联动、高校-学院-专业联动等等。场景虽然常见,但仔细分析起来要实现一个通用的无限分级联动菜单却不一定像想象的那么简单。比如,我们需要考虑子菜单的加载是同步的还是异步的?对于初始值的回填发生在前端还是后端?如果异步加载,是否对于后端API的返回格式有严格的定... 阅读全文
posted @ 2016-01-14 21:27 ralph_zhu 阅读(5532) 评论(4) 推荐(3) 编辑
摘要: ng-repeat是AngularJS中一个非常重要和有意思的directive,常见的用法之一是将某种自定义directive和ng-repeat一起使用,循环地来渲染开发者所需要的组件。比如现在有一个form-text指令,用于快速构建起带自定义数据验证的表单文本框,我们可以用类似下面的代码方便... 阅读全文
posted @ 2015-12-26 20:15 ralph_zhu 阅读(3926) 评论(3) 推荐(2) 编辑
摘要: 在DOM Event的世界中,以scroll、resize、mouseover等为代表的高频触发事件显得有些与众不同。通常,DOM事件只有在明确的时间点才会被触发,比如被点击,比如XMLHttpRequest状态更改等等;而高频事件则是在整个动作时期内反复触发反复调用callback,为整个APP的... 阅读全文
posted @ 2015-10-16 20:25 ralph_zhu 阅读(1790) 评论(5) 推荐(3) 编辑
摘要: 相信很多Javascript开发者都在声明循环变量时犹豫过var i到底应该放在哪里:放在不同的位置会对程序的运行产生怎样的影响?哪一种方式符合Javascript的语言规范?哪一种方式和ecma标准未来的发展方向匹配?本文将对四种常见的声明循环变量的书写方式进行简单的分析和比较。习惯1:不声明直接... 阅读全文
posted @ 2015-10-13 15:21 ralph_zhu 阅读(4491) 评论(7) 推荐(1) 编辑
摘要: 将多维数组(尤其是二维数组)转化为一维数组是业务开发中的常用逻辑,除了使用朴素的循环转换以外,我们还可以利用Javascript的语言特性实现更为简洁优雅的转换。本文将从朴素的循环转换开始,逐一介绍三种常用的转换方法,并借此简单回顾Array.prototype.concat方法和Function.... 阅读全文
posted @ 2015-10-12 12:55 ralph_zhu 阅读(11439) 评论(13) 推荐(13) 编辑