satanultra
- 浏览: 10682 次
- 性别:
- 来自: 北京
-
最新评论
-
little_shieh：
不加\的话，模板引擎认为是语法错误， 加了\后，数据出来了，但 ...
JavaScript模板引擎 - Elapse -
satanultra：
\${forarr #inspections as inspe ...
JavaScript模板引擎 - Elapse -
little_shieh：
little_shieh 写道有个很奇怪的问题，IE8 and ...
JavaScript模板引擎 - Elapse -
little_shieh：
有个很奇怪的问题，IE8 and Firefox14列表在IE ...
JavaScript模板引擎 - Elapse -
rambolovepanda：
您能否给一个 ajax调用的案例 我对你的include还是不 ...
JavaScript模板引擎 - Elapse
文章列表
背景：
用于公司项目，产品诉求：
1，可编译，高性能。
2，简单/灵活的include
3，简洁的语法
故决定自行开发一个引擎名为：Elapse
需求样例：渲染一个数据表格：
模板：
<table>
<thead>
<tr>
<th>
姓名
</th>
<th>
性别
</th>
<th>
...
特性：
1,使用JavaScript作为模板语言,学习门槛低。
2,可以手动编译模板，提高性能。
3,可以获取编译后的JavaScript源代码。
4,可防止html注入(可配置)、可以输出原始内容。
5,选项和配置均在模板源文件中进行，模板对象成为一个整体。编译后拿到任何地方均可使用（需要加载TemplateEngine.js作为运行时环境)。
6,轻量级，未压缩7kb。
7,独立，不依赖任何脚本库。 JSTE - 基于JavaScript语法的简易模板引擎
特性：
1,使用JavaScript作为模板语言,学习门槛低。
2,可以手动编译模板，提高性能。
3,可以获取编译后的JavaScript源代码。
4,可防止html注入(可配置)、可以输出原始内容。
5,选项和配置均在模板源文件中进行，模板对象成为一个整体。编译后拿到任何地方均可使用（需要加载TemplateEngine.js作为运行时环境)。
6,轻量级，未压缩7kb。
7,独立，不依赖任何脚本库。
下载附件，解压缩，点击index.html即可看到演示。
1.使用jquery，但没有遵循jquery编码风格，因为面向对象更易于维护，可扩展性更强。
2.节点DOM延迟生成。
3.可以通过节点生成前回调函数实现各种树形，满足大部分需求，只要你需要的是一个树形的展现形式。
5.节点删除，移动，添加兄弟节点/添加后代节点，均提供api，实现简单。
6.默认带有多选，单选模式，并可以组合使用。
7.打开节点可以用多种方式，甚至可以自编程。
8.已灵活性为诉求。
9.支持ajax异步加载节点
10.拖动排序（依赖jquery-ui-sortable）
11.节点事件监听
新版本变动:
1.细微修改了演示文档
2.插件统一更名为jQue ...
1.使用jquery，但没有遵循jquery编码风格，因为面向对象更易于维护，可扩展性更强。
2.节点DOM延迟生成。
3.可以通过节点生成前回调函数实现各种树形，满足大部分需求，只要你需要的是一个树形的展现形式。
5.节点删除，移动，添加兄弟节点/添加后代节点，均提供api，实现简单。
6.默认带有多选，单选模式，并可以组合使用。
7.打开节点可以用多种方式，甚至可以自编程。
8.已灵活性为诉求。
9.支持ajax异步加载节点
10.拖动排序（依赖jquery-ui-sortable）
11.节点事件监听
新版本变动:
1.拖动排序
2.节点事件监听
3.修改了一些bug
还有许多尚未完成 ...
1.使用jquery，但没有遵循jquery编码风格，因为面向对象更易于维护，可扩展性更强。
2.节点DOM延迟生成。
3.可以通过节点生成前回调函数实现各种树形，满足大部分需求，只要你需要的是一个树形的展现形式。
5.节点删除，移动，添加兄弟节点/添加后代节点，均提供api，实现简单。
6.默认带有多选，单选模式，并可以组合使用。
7.打开节点可以用多种方式，甚至可以自编程。
8.已灵活性为诉求。
9.支持ajax异步加载节点
新版本变动:
1.支持ajax异步加载节点
2.修复了css方面的一些bug
3.优化了性能
还有许多尚未完成的功能，因为项目中用不到，例如：拖动排序.
希望大家多 ...
1.使用jquery，但没有遵循jquery编码风格，因为面向对象更易于维护，可扩展性更强。
2.节点DOM延迟生成。
3.可以通过节点生成前回调函数实现各种树形，满足大部分需求，只要你需要的是一个树形的展现形式。
5.节点删除，移动，添加兄弟节点/添加后代节点，均提供api，实现简单。
6.默认带有多选，单选模式，并可以组合使用。
7.打开节点可以用多种方式，甚至可以自编程。
8.已灵活性为诉求。
还有许多尚未完成的功能，因为项目中用不到，例如：异步加载.拖动排序.
希望大家多提建议!以让我改进。
DEMO和js文件均在附件中
谢谢lqixv兄，大家可以从 http://www.03soft ...
这两天上班没什么事干，就自己用js写了个贪食蛇。
其实贪食蛇有很多算法，如果用canvas可能会好做些，div + css + js还是比较麻烦。
代码很多，因为面向对象，如果用面向过程的写法代码数会少很多，看附件啊~
最近做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码。用$g("#content .op")这种格式就可以调用，和jquery $()的参数一样:
function $findChilds(parentNode, text)
{
//如果不传入父节点的话，默认为body
if(parentNode == undefined)
parentNode = document.body;
var childNodes = parentNode.childNo ...