如何编写自己的JS框架/类库
答案:1 悬赏:10 手机版
解决时间 2021-11-28 03:16
- 提问者网友:嗝是迷路的屁
- 2021-11-27 13:26
如何编写自己的JS框架/类库
最佳答案
- 五星知识达人网友:长青诗
- 2021-11-27 14:28
举个使用commonjs或es6按需引入的方案(前提熟悉模块化开发,你的项目本身就是模块化且遵循CommonJS或ES6规范的),创建存放图片、js、css的文件夹 img、js、css。首先需要用户按照我们框架说明准备一个指定格式的DOM容器,后面我们的框架就在这里面搞事情了,比如类似:
假设我的主js为myBuz.js,用户可以这样使用(我要把用户指定的一堆图片依次摆放到用户指定的容器中,举例):
window.onload=function(){
//用户的图片资源
var arr = ["./img/01.jpg","./img/02.jpg","./img/03.jpg","./img/04.jpg"];
var _ = require("./myBuz.js");//使用CommonJS等模块化方案导入框架暴露出来的函数
_.initMyBuz(arr);//调用myBuz.js中声明的initMyBuz函数,接受用户传入的图片
}myBuz.js代码如下:
var _ = require("../xxx.js");//我们框架可能用到的其他js包
function initMyBuz(arr){
……//do sth具体的摆放图片代码,可能用到框架中定义的css样式
}
function func2(){
//do sth
}
function other(){
//do sth
}
//选择性的对外暴露相关函数
exports.initMyBuz= initMyBuz;
exports.func2=func2;大概结构可以是这个样子了,希望对你有所帮助!
假设我的主js为myBuz.js,用户可以这样使用(我要把用户指定的一堆图片依次摆放到用户指定的容器中,举例):
window.onload=function(){
//用户的图片资源
var arr = ["./img/01.jpg","./img/02.jpg","./img/03.jpg","./img/04.jpg"];
var _ = require("./myBuz.js");//使用CommonJS等模块化方案导入框架暴露出来的函数
_.initMyBuz(arr);//调用myBuz.js中声明的initMyBuz函数,接受用户传入的图片
}myBuz.js代码如下:
var _ = require("../xxx.js");//我们框架可能用到的其他js包
function initMyBuz(arr){
……//do sth具体的摆放图片代码,可能用到框架中定义的css样式
}
function func2(){
//do sth
}
function other(){
//do sth
}
//选择性的对外暴露相关函数
exports.initMyBuz= initMyBuz;
exports.func2=func2;大概结构可以是这个样子了,希望对你有所帮助!
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯