原生编写js代码时的小技巧

177 阅读1分钟
// 1.面向对象编程,结合主流框架的思想规范js代码编写
// 2.js里万物皆是对象,如果是原生开发,js代码应该分几块来写,这样更利于维护
// 3.这里是外链js内联js记得带上script
// 首先我们定义一个对象,对象里面写我们的方法,这里暂时分为三部分
// 初始化,渲染,用于放函数的对象
var object = {
    // 初始化的函数(这里命名全部随便命)
    created(){
        // 放初始化的数据
    },
    // 获取数据渲染页面 这里面用于调接口获取数据
    getlist(){
        // 调用接口获取数据
    },
    // 然后点击事件之类的函数可以放在一个对象里面也可以放在外面
    // methed:{}
    // 事件函数
}
object.created();
// 其他初始化方式 
// jquery $(document).ready(){}  然后在里面写页面加载完需要执行的东西
// 原生的加载完执行的函数为 window.onload(){}   同样也是在这个里面写加载完立刻执行的函数
// 这里总结一下
/**
 * 1.首先页面加载完里面执行一般是用于初始化数据并渲染,如果有一开始就需要定义设置的数据都在这里
 * 2.这里就包含一开始就要请求接口并渲染页面的
 * 3.分层的意义,便于管理代码,井井有条
 * 4.由于放在对象里,我们定义事件的时候除了用js代码定义之外,在标签内on绑定事件的时候,后面是对象名接我们的函数名
 * 5.如<div onclick="object.enter()">
 * 6.如果对象里面使用对象来管理分散的事件函数,调用的时候则需要再套一层
 */