写一个自己的Web前端框架

最新推荐文章于 2024-08-23 07:35:18 发布

Scarborough_Coral

最新推荐文章于 2024-08-23 07:35:18 发布

阅读量4.3k

点赞数 2

分类专栏：前端开发 web前端 JavaScript 文章标签： JavaScript web

本文链接：https://blog.csdn.net/CoralLMY/article/details/79639432

版权

本文介绍了作者在学习阿里前端架构师培训计划后，对构建Web前端框架的理解和实践。文章探讨了框架设计的一些技巧，如后端JSON键名与模块名、HTML元素ID保持一致以简化处理，以及如何通过闭包避免变量冲突。此外，作者还分享了模块化管理和数据加载的策略，并提出使用渲染锁防止数据重复加载的独特方法。最后，说明了如何在HTML中引入并调用框架的方法。

摘要由CSDN通过智能技术生成

“首先新年快乐！”

这里写图片描述

前言

最近一直在看动脑学院的阿里前端p6架构师培训计划的直播，昨天一场比较精彩。讲的是一套架构，其称之为“驱动框架”。今天做一下总结。

一些技巧

后端返回的JSON数据键名与本地模块名相同（便于获取）
JSON数据键名与HTML表单标签元素id相同（便于渲染）

为什么这样呢？在调用的时候非常方便，直接处理，可以看看以下代码。

框架

var MetaDriver = (function (global,factory) {
   
    return factory.call(this);
})(this,function () {
   
    var _META_ = {
        init:function (data) {
   
            alert("init OK!");
            this.fetch(data)