我是javascript新手，我有很多问题。我认识了一个名为VueJS的JavaScript库，它的确很棒。这是一个例子：
HTML：
<h1 id="test">{{ test }}, I like Javascript</h1>
JS：
var vue = new Vue({
el: "#test",
data: {
test: "Yes"
}
});
return vue;
输出：
Yes, I like javascript
看到它的语法结构，我真的很惊讶。然后我想，我可以做吗？但是由于我经验不足，我不能吗？所以，我需要帮助吗？让我们假设一个非常基本的：
HTML：
<h1 id="test"></h1>
JS：
var my = new MyCustomOne({
el: "#test",
html: "Hello Everyone",
css: {
color: "white",
backgroundColor: "#008eff"
}
});
我不想仅使用一些功能就导入将近100KB的库，而且我也想自己创建一个库。所以，请您帮我用上面给定的方法创建MyCustomOne（）构造函数吗？谢谢前进。
我对此有一个很好的解决方案。因此，这是一段代码：
function MyCustomOne(stock) {
var sel = document.querySelectorAll(stock.el); // Selecting all matching elements in your selector method
for( var i = 0; i < sel.length; ++i ) {
sel[i].innerHTML += stock.html; // Setting the text
sel[i].style.cssText = stock.style; // Setting css properties with values
sel[i].style[stock.css.prop] = stock.css.val; // You can also nest them
};
};
您可以将其用作：
var my = new MyCustomOne({
el: ".demo",
html: "Hello World !",
style: "background : blue",
css: {
prop: "color",
val: "white",
}
});
但是直到我更喜欢您先学习JavaScript，然后再迁移到VueJS之类的任何JavaScript库/框架。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句