分类 RiotJS 的文章 累计 3 条

dhso dhso 统计中 2017-05-31 11:01

riot.js入门--项目脚手架

今天我们开始正式进入riot.js项目开发实战

html脚手架

<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<title>DSDC前端框架</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<meta http-equiv="pragma" content="no-cache" />
		<meta name="viewport"
[ 阅读更多 ]
dhso dhso 统计中 2017-05-31 10:38

riot.js入门--为什么选择riot

1、自定义标签

它允许所有浏览器【>ie8】,使用自定义标签,<=ie8的浏览器,可使用html5shiv.js或其它方法,使用riot.js

<todo>
    <!-- 布局 -->
    <h1>{ opts.title }</h1>

    <ul>
        <li each={ value, index in list }>
            {index}: {value}
        </li>
    </ul>

    <form onsubmit={ add }>
        <input>
        <button>Add #{ items.length + 1 }</button>
    </form>

    <!-- ui逻辑,可以放在这 -->
    <script>
        this.list = [];
        this.titl
[ 阅读更多 ]
dhso dhso 统计中 2017-05-31 10:28

riot.js入门--简介

Web Componnets(网页组件化)

Web Component 是标准,所以会是组件技术的最终方向。最终互联网上将全部是这种标准组件,但这可能需要很长时间

Riot简介

Riot的目标是使 UI 开发尽可能地简单。可以把它理解成 “web component的jquery” - 它提供了达成同样目标的更简短的语法。它简化了编写可重用组件的整体开发体验。

Riot.js是一个客户端模型-视图-呈现(MVP)框架并且它非常轻量级甚至小于1kb。
尽管他的大小令人难以置信,所有它能构建的有如下:一个模板引擎,路由,甚至是库和一个严格的并具有组织的MVP模式。当模型数据变化时视图也会自动更新。

MVP设计模式

Riot使用Model-View-Presenter (MVP)设计模式来组织代码,这样它能够更模块化、更具可测试性且易于理解。

正如在MVC(模型-视图-控制器)或MVVM(模型-视图-视图模型)模式里,其目的是从应用程序的视图中分离逻辑,但MVP更简单。让我们把它和MVC比较一下:

MVC模式更复杂。许多箭头围成一个圈。控制器的角色不明确,这种模式可以以许多不同的方式解释。事实上,这是造

[ 阅读更多 ]
博客介绍
写好程序在于点滴积累,多做笔记!
热评文章
最新评论