未加星标

简单的dom库和轻量级mvvm框架的尝试

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二04 | 时间 2016 | 作者 红领巾 ] 0人收藏点击收藏

很早之前就有去jquery化的打算,但一直在犹豫,直到最近用原生的写的越来越多,所以将jquery的功能抽取出来,封装了一个简单的 dom 库。jquery是一个非常好的库,使用非常方便,但随着浏览器兼容性越来越好,jquery也显得并不是那么必要。除此之外,现在热门的前端框架大多不依赖于jquery,而是使用原生的js或是自己封装一个小的库,原生的js能带来一定速度上的提升,同时编码量也并不比使用jquery多多少,所以个人觉得去jquery也将成为一个趋势。

mvvm最近特别火,仿佛不熟悉某一款框架都不好出去见人了,自己也用了许多,一直没有特别顺手的。一直也想写一个组件式的库或框架,在筹备的过程中一直没有好的思路,所以索性先模仿其它框架来写,再从中体会。本次参考angularJS写了一个微型的框架,从中也做了不少改进,本着轻框架的原则,将更多的逻辑交由用户去做,即只在常规的css+html+js的基础上做些改进.虽然如此离实际使用还是有距离,不过再写的过程中却发现不少问题,所以说造轮子其实也是很有意义的。

tiny.js(a simple dom libary)

暂且就这么命名好了,功能上还是参考了jquery的很多特性,同时也做了不少的改进。

特性 链式调用 获取单一 dom 元素 拟人化的api 函数式编程 api doc: core DOM all each map dom val clone append prepend after before remove prev next siblings addClass removeClass toggleClass hasClass attr removeAttr text html replaceWith css css height width innerHeight innerWidth outHeight outWidth position viewportPostion scrollTop scrollLeft event on off trigger triggerCustom ajax getJSON post get animation fadeIn fadeOut hide show

待完善

github: https://github.com/xiaofuzi/tiny.js

con.js

核心思想: 给声明式的html增添逻辑编程的能力。

大多数情况下的web页面使用html+css+js就可以,不需要过多的库和框架,这三者的结合其实能满足大部分的需求,但富web应用还是显得有些不足,需要手动的不断的反复的更新dom,但如果只是因为一张页面上需要几个功能比较复杂的组件就去引入框架又显得有些没有必要,所以说大多数情况下需要的是轻量化的框架。

特性 通过指令,给html增加上下文的概念(如同函数的上下文) 双向数据绑定 angular式的脏检查更新数据 模板语法 静态数据类型

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

分页:12
转载请注明
本文标题:简单的dom库和轻量级mvvm框架的尝试
本站链接:http://www.codesec.net/view/481286.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(25)