Riot - 比 Facebook React 更轻量的 UI 库

最新推荐文章于 2024-03-19 09:51:38 发布

meiru8

最新推荐文章于 2024-03-19 09:51:38 发布

阅读量788

点赞数

分类专栏：心随笔动文章标签： facebook 前端开发浏览器 layout 界面

心随笔动专栏收录该内容

9 篇文章 0 订阅

订阅专栏

　　Riot 是一个类似 Facebook React 的用户界面库，只有3.5KB，非常轻量。支持IE8+浏览器的自定义标签，虚拟 DOM，语法简洁。Riot 给前端开发人员提供了除 React 和 Ploymer 之外的新选择，值得一试。

在线演示源码下载

示例代码：

 
         <todo> 
        
         <!-- layout --> 
        
         <h3>{ opts.title }</h3> 
        
         <ul> 
        
         <li each={ item, i  
         in  
         items }>{ item }</li> 
        
         </ul> 
        
         <form onsubmit={ add }> 
        
         <input> 
        
         <button>Add  
         #{ items.length + 1 }</button> 
        
         </form> 
        
         <!-- logic --> 
        
         <script> 
        
         this 
         .items = [] 
        
         add(e) { 
        
         var  
         input = e.target[0] 
        
         this 
         .items.push(input.value) 
        
         input.value =  
         '' 
        
         } 
        
         </script> 
        
         </todo>