这篇文章将会讲解如何使用safe.js快速开发一个web应用程序。

前言

在这篇文章里面，我将简单制作一个用户信息输入的页面

【本文不会讲解safe.js每句代码的具体作用，如果想了解请点击此链接：https://gitee.com/skyogo/Safe/wikis/Safe.js】

开始

首先我们先建立一个Demo.html的文件，里面写上基本结构，并用script标签引入safe.js的文件：（Safe.js Gitee链接：https://gitee.com/skyogo/Safe）【safejs版本必须大于3.1.0】

 
        你的名字：
        

        

        

我们打开浏览器看下效果：

现在我们再在script标签里面的window.onload事件里写上这样的safejs代码：

new safeInit({
    el: "#nameInput",
    bindHTML: "#name .val"
})
new safeInit({
    el: "#ageInput",
    bindHTML: "#age .val"
})
new safeInit({
    el: "#cityInput",
    bindHTML: "#city .val"
})

现在我们打开浏览器看看效果，会发现已经实现了联动了！

Safe.js下载地址：

https://gitee.com/skyogo/Safe

原文发布时间为：2018年05月24日


原文作者： Skyogo 

本文来源：开源中国 如需转载请联系原作者