我创建了一个具有常用功能的简单JS库:
!!window.JsUtils || (window.JsUtils = {});
JsUtils = (function () {
"use strict";
return {
randomHex: function (len) {
var maxlen = 8;
var min = Math.pow(16, Math.min(len, maxlen) - 1);
var max = Math.pow(16, Math.min(len, maxlen)) - 1;
var n = Math.floor(Math.random() * (max - min + 1)) + min;
var r = n.toString(16);
while (r.length < len) {
r = r + randHex(len - maxlen);
}
return r;
},
...
};
}());
我希望能够通过NPM安装它,这样每当我更新核心时,我都可以在我的项目上更新它。 但我找不到如何对此进行线性指导..
直到现在我才明白你必须初始化一个npm项目
npm init
填写问题......你有一个 package.json :
{
"name": "js-utils",
"version": "0.2.0",
"description": "Some common used JS functions",
"main": "js-utils.js",
"directories": {
"test": "test"
},
"repository": {
"type": "git",
"url": "git+https://github.com/tonysamperi/js-utils.git"
},
"keywords": [
"js",
"utils",
"library",
"utility",
"utilities",
"javascript"
],
"author": "Tony Samperi <github@tonysamperi.it> (tonysamperi.github.io)",
"license": "MIT",
"bugs": {
"url": "https://github.com/tonysamperi/js-utils/issues"
},
"homepage": "https://github.com/tonysamperi/js-utils#readme"
}
但是......这会在npm中发挥作用吗?
答案 0 :(得分:1)
如果要在节点中使用导出,则只需在主文件中添加导出。就像这样
SELECT COUNT(category_id)
FROM products
WHERE category_id IS NULL;
或者像这样
module.exports = {
randomHex(len) {
var maxlen = 8;
var min = Math.pow(16, Math.min(len, maxlen) - 1);
var max = Math.pow(16, Math.min(len, maxlen)) - 1;
var n = Math.floor(Math.random() * (max - min + 1)) + min;
var r = n.toString(16);
while (r.length < len) {
r = r + randHex(len - maxlen);
}
return r;
},
}
然后只需运行module.exports.randomHex = function(len) {
var maxlen = 8;
var min = Math.pow(16, Math.min(len, maxlen) - 1);
var max = Math.pow(16, Math.min(len, maxlen)) - 1;
var n = Math.floor(Math.random() * (max - min + 1)) + min;
var r = n.toString(16);
while (r.length < len) {
r = r + randHex(len - maxlen);
}
return r;
},
,您的套餐即可公开使用
浏览器加载器:
npm publish
答案 1 :(得分:0)
这是解决方案。我即将发布......我们会看看它是否有效...... 现在在客户端就可以了。
我还能够确定您是在客户端还是服务器端。
(function (exports) {
function isClient() {
return typeof window !== "undefined" && !!window.document;
}
var clientJsUtils = (function () {
return {
htmlCountDown: function (duration, updateFreq, targetEl) {
var counter = JsUtils.roundNumber(duration, 1000) / 1000;
var interval;
var print = function () {
counter -= updateFreq / 1000;
counter < 0 && (counter = 0);
targetEl.innerHTML = counter.toFixed(2);
};
interval = setInterval(function () {
print();
}, updateFreq);
setTimeout(function () {
clearInterval(interval);
print();
}, duration);
},
jQueryLoad: function () {
var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js";
jq.onload = function () {
console.info("jQuery loaded.");
};
jq.onerror = function () {
console.info("jQuery not loaded.");
};
document.getElementsByTagName('head')[0].appendChild(jq);
},
logWithStyle: function (title, msg, style) {
console.group(title || "");
console.log("%c" + msg, style);
console.groupEnd();
}
};
}());
var JsUtils = (function () {
hybridJsUtils = {
randomHex: function randomHex(len) {
var maxlen = 8;
var min = Math.pow(16, Math.min(len, maxlen) - 1);
var max = Math.pow(16, Math.min(len, maxlen)) - 1;
var n = Math.floor(Math.random() * (max - min + 1)) + min;
var r = n.toString(16);
while (r.length < len) {
r = r + randomHex(len - maxlen);
}
return r;
},
randomInt: function (min, max, excludeMin, excludeMax) {
if (!min || isNaN(min)) {
min = 0;
}
if (!max || isNaN(max)) {
max = 1;
}
excludeMax = excludeMax == "true"; //forces to have true or "true"
excludeMin = excludeMin == "true"; //forces to have true or "true"
var result = 0;
if (excludeMax) {
result = Math.random() * (max - min) + min;
}
else {
result = Math.floor(Math.random() * (max - min + 1)) + min;
}
return excludeMin ? result : ++result;
},
removeTrailingSlash: function (target) {
return target.replace(/\/$/, "");
},
roundNumber: function (value, closest) {
//cleanup
if (typeof value === typeof "") {
value = value.replace(/[^\d\.\-\ ]/g, "");
}
if (isNaN(value *= 1)) {
return 0;
}
if (typeof closest !== typeof 0 || closest < 1) {
closest = 1;
}
return Math.round(value / closest) * closest;
}
};
return isClient() ? Object.assign(hybridJsUtils, clientJsUtils) : hybridJsUtils;
}());
Object.assign(exports, JsUtils);
})(typeof exports === "undefined" ? this["JsUtils"] = {} : exports);
这是当前版本。 (1.0.2)
npm install hybrid-js-utils