多语言展示
当前在线:1555今日阅读:60今日分享:41

前端开发之路--关于JS代码的若干个小技巧(二)

小编在这里总结了一些平时在前端开发中使用到的一些技巧,这篇经验是关于JavaScript的代码段。
JavaScript模板引擎
1

制作一个JavaScript小型前置模板引擎。将部分页面的渲染置于前端/客户端,减轻服务端的加载压力,提高页面的性能,可以比较灵活地控制数据。首先构建一个简单的模板,将模板写入script标签中,利用script标签完成在前端的模板加载。记得将script标签的type类型设置为'template',标识为模板类型,与加载js文件的标签类型要区别开来。

2

然后是对数据的定义。这里推荐使用json形式,json是一种轻量级数据交换格式,易于解析,所以经常用于前后端的数据交换中。

3

接下来是模板的解析方法。一般情况下来,都是使用字符串的替换法完成模板的解析以及拼接工作。前端首先解析后端传来的数据,然后获得模板的操作节点,然后通过字符串的replace方法正则匹配对应的变量,然后替换成数据中的内容,比如在模板中有以'{{}}'包裹的变量,就是要被替换的内容。

4

上面的替换方法过于局限,如果我修改了模板变量的名称,替换方法就失效了,于是这里要借助字符串的replace方法的另一种用法,通过通用正则表达式,实现灵活替换。

判断数据类型
1

因为JavaScript是一门弱类型的脚本语言,所以有时候需要判断变量值的数据类型。比较常见的方法就是通过JavaScript的原型链寻找其原型来判断其数据类型,这种方法较为准确。其代码形入:Object.prototype.toString.call(parms)==='[object XXXX]'

2

但是其实可以直接使用jQuery提供的封装方法,type()。如果对象是undefined或null,则返回相应的“undefined”或“null”。

推荐信息