Tag:前端技术

React高阶组件的使用

我们在使用redux的时候,一般会通过react-redux的connect来绑定react视图组件和redux的数据store. 调用connect的方式其实是将原来的普通的component转换为一个container,这就是高阶组件的一个典型的使用方式。


使用jquery-lazyload延迟载入图片

本文介绍如何使用一个jquery的插件完成图片的延迟载入.并对于源码进行简单的分析介绍.


ES2016系列: Array.prototype.includes

本篇文章主要是介绍ES2016(ES7)的其中一个数组特性includes,通过实例来对比一下该函数与indexOf的区别以及如何使用es5来实现该特性。


如何使用Browserify开发前端应用

我们在做后端开发的时候,有很多优秀的库模块供我们后端程序使用,但是在开发前端应用的时候,虽然这些模块代码也是使用了javascript进行开发,但却没有办法直接被引入<script>中使用。幸好有Browerify这样的工具,我们可以在前后端使用相同的库模块,加速开发的进度。本文章内容取材于Browserify-Handbook。介绍如何使用browerify来开发前端的应用。


immutable.js使用说明

我们在使用数据是,经常会将一个变量赋予另一个变量。对于复制的话,又分为深复制和浅复制。对象直接赋值的时候,往往是浅复制的过程,两个变量同时公用一个内存单元,一旦一方发生变化,另一个也会随之改变。为杜绝这种现象导致的错误,我们在本次内容将简要介绍immutable.js是如何产生不可变对象,并进行相关操作的。


TokenBased的Angular认证模块设计

在开发web应用时,有时候需要加入用户管理的功能,或者页面的授权查看,这些功能都依赖于web的认证模块实现。本节内容主要是针对认证系统的设计进行一些简单分析,并对于如何利用JWT的token方式来进行安全认证做了代码实现。


JavaScript的严格模式

JavaScript在ES5版本中引入了一个新的模式'严格模式',这在各种javascript源码中应用非常广泛。主要目的是帮助消除那些容易出错的语法和限制使用一些容易导致问题的编程方式。相当于一个Javascript的子集,所以在所有可以运行javascript的解释器中都可以正常运行你的代码。


指令的编译与链接

上节中定义了指令的一系列操作,定义中的还有编译compile和link没有介绍。在介绍这部分之前,我们需要先了解一下Angular是如何工作的。只有了解了整个的生命周期,才能更好的理解这两个概念。


指令的定义与使用

我在上一篇关于Angular的文章中介绍了一些指令的基本用法,如果仅仅满足于那些内容,你仍旧不能熟练的掌握指令的强大功能。你或许已经开始接触了一些Angular自身的指令集合,比如使用ng-show或者ng-view来操作显式和隐藏一部分页面元素,或者尝试使用ng-click代替之前原生javascript的click事件等等。本节内容继续讲解一些高级的指令用法,作为上一节内容的延伸讨论。


入门Angular指令

本文将对于Angular的指令进行较为详细的讲解,内容涉及Angular指令的概念讲解和后续的定义与创建。指令作为Angular中的重要组成部分,学习和使用指令会使你更加深入的理解Angular的工作原理。另外学习之余,不要忘记勤加练习,方能在需要的时候懂得如何高效的利用这个特性。