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

前言

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

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

开始

首先我们先建立一个Demo.html的文件，里面写上基本结构，并用script标签引入safe.js的文件：（Safe.js Gitee链接：）【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下载地址：

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

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