当前位置: 首页 > news >正文

网站字体大小合适教育网站怎么做引导栏的

网站字体大小合适,教育网站怎么做引导栏的,驻马店 市网站建设,做游戏数据分析的网站在 node 环境中#xff0c;有两个内置的全局变量无需引入即可直接使用#xff0c;并且无处不见#xff0c;它们构成了 nodejs 的模块体系: module 与 require。以下是一个简单的示例const fs require(fs)const add (x, y) x ymodule.exports add虽然它们在平常使用…在 node 环境中有两个内置的全局变量无需引入即可直接使用并且无处不见它们构成了 nodejs 的模块体系: module 与 require。以下是一个简单的示例const fs require(fs)const add (x, y) x ymodule.exports add 虽然它们在平常使用中仅仅是引入与导出模块但稍稍深入便可见乾坤之大。在业界可用它们做一些比较 trick 的事情虽然我不大建议使用这些黑科技但稍微了解还是很有必要。如何在不重启应用时热加载模块如 require 一个 json 文件时会产生缓存但是重写文件时如何 watch如何通过不侵入代码进行打印日志循环引用会产生什么问题module wrapper当我们使用 node 中写一个模块时实际上该模块被一个函数包裹如下所示:(function(exports, require, module, __filename, __dirname) {// 所有的模块代码都被包裹在这个函数中const fs require(fs)const add (x, y) x ymodule.exports add }); 因此在一个模块中自动会注入以下变量exportsrequiremodule__filename__dirnamemodule调试最好的办法就是打印我们想知道 module 是何方神圣那就把它打印出来const fs require(fs)const add (x, y) x ymodule.exports addconsole.log(module) module.id: 如果是 . 代表是入口模块否则是模块所在的文件名可见如下的 koamodule.exports: 模块的导出module.exports 与 exports❝ module.exports 与 exports 有什么关系 ❞从以下源码中可以看到 module wrapper 的调用方 module._compile 是如何注入内置变量的因此根据源码很容易理解一个模块中的变量exports: 实际上是 module.exports 的引用require: 大多情况下是 Module.prototype.requiremodule__filename__dirname: path.dirname(__filename)// node_internals/internal/modules/cjs/loader.js:1138Module.prototype._compile function(content, filename) {// ...const dirname path.dirname(filename);const require makeRequireFunction(this, redirects);let result;// 从中可以看出exports module.exportsconst exports this.exports;const thisValue exports;const module this;if (requireDepth 0) statCache new Map();if (inspectorWrapper) {result inspectorWrapper(compiledWrapper, thisValue, exports,require, module, filename, dirname);} else {result compiledWrapper.call(thisValue, exports, require, module,filename, dirname);}// ... } require通过 node 的 REPL 控制台或者在 VSCode 中输出 require 进行调试可以发现 require 是一个极其复杂的对象从以上 module wrapper 的源码中也可以看出 require 由 makeRequireFunction 函数生成如下// node_internals/internal/modules/cjs/helpers.js:33function makeRequireFunction(mod, redirects) {const Module mod.constructor;let require;if (redirects) {// ...} else {// require 实际上是 Module.prototype.requirerequire function require(path) {return mod.require(path);};}function resolve(request, options) { // ... }require.resolve resolve;function paths(request) {validateString(request, request);return Module._resolveLookupPaths(request, mod);}resolve.paths paths;require.main process.mainModule;// Enable support to add extra extension types.require.extensions Module._extensions;require.cache Module._cache;return require; } ❝ 关于 require 更详细的信息可以去参考官方文档: Node API: require ❞require(id)require 函数被用作引入一个模块也是平常最常见最常用到的函数// node_internals/internal/modules/cjs/loader.js:1019Module.prototype.require function(id) {validateString(id, id);if (id ) {throw new ERR_INVALID_ARG_VALUE(id, id,must be a non-empty string);}requireDepth;try {return Module._load(id, this, /* isMain */ false);} finally {requireDepth--;} } 而 require 引入一个模块时实际上通过 Module._load 载入大致的总结如下如果 Module._cache 命中模块缓存则直接取出 module.exports加载结束如果是 NativeModule则 loadNativeModule 加载模块如 fs、http、path 等模块加载结束否则使用 Module.load 加载模块当然这个步骤也很长下一章节再细讲// node_internals/internal/modules/cjs/loader.js:879Module._load function(request, parent, isMain) {let relResolveCacheIdentifier;if (parent) {// ...}const filename Module._resolveFilename(request, parent, isMain);const cachedModule Module._cache[filename];// 如果命中缓存直接取缓存if (cachedModule ! undefined) {updateChildren(parent, cachedModule, true);return cachedModule.exports;}// 如果是 NativeModule加载它const mod loadNativeModule(filename, request);if (mod mod.canBeRequiredByUsers) return mod.exports;// Dont call updateChildren(), Module constructor already does.const module new Module(filename, parent);if (isMain) {process.mainModule module;module.id .;}Module._cache[filename] module;if (parent ! undefined) { // ... }let threw true;try {if (enableSourceMaps) {try {// 如果不是 NativeModule加载它module.load(filename);} catch (err) {rekeySourceMap(Module._cache[filename], err);throw err; /* node-do-not-add-exception-line */}} else {module.load(filename);}threw false;} finally {// ...}return module.exports; }; require.cache「当代码执行 require(lib) 时会执行 lib 模块中的内容并作为一份缓存下次引用时不再执行模块中内容」。这里的缓存指的就是 require.cache也就是上一段指的 Module._cache// node_internals/internal/modules/cjs/loader.js:899require.cache Module._cache; 这里有个小测试:❝ 有两个文件: index.js 与 utils.js。utils.js 中有一个打印操作当 index.js 引用 utils.js 多次时utils.js 中的打印操作会执行几次。代码示例如下 ❞「index.js」// index.js// 此处引用两次 require(./utils) require(./utils) 「utils.js」// utils.js console.log(被执行了一次) 「答案是只执行了一次」因此 require.cache在 index.js 末尾打印 require此时会发现一个模块缓存// index.jsrequire(./utils) require(./utils)console.log(require) 那回到本章刚开始的问题❝ 如何不重启应用热加载模块呢 ❞答「删掉 Module._cache」但同时会引发问题如这种 一行 delete require.cache 引发的内存泄漏血案所以说嘛这种黑魔法大幅修改核心代码的东西开发环境玩一玩就可以了千万不要跑到生产环境中去毕竟黑魔法是不可控的。总结模块中执行时会被 module wrapper 包裹并注入全局变量 require 及 module 等module.exports 与 exports 的关系实际上是 exports module.exportsrequire 实际上是 module.requirerequire.cache 会保证模块不会被执行多次不要使用 delete require.cache 这种黑魔法关注我❝ 本文收录于 GitHub 山月行博客: shfshanyue/blog内含我在实际工作中碰到的问题、关于业务的思考及在全栈方向上的学习前端工程化系列Node进阶系列 ❞
http://www.sadfv.cn/news/368788/

相关文章:

  • 郑州门户网站建设哪家好2018wordpress主题
  • 门户网站开发申请网站建设相关技术方案
  • php网站开发最新需求集团网站建设特点 助君
  • iis 网站 优化wordpress学生信息管理系统 php
  • 关于建设工程资料的网站广州市住房与城乡建设厅网站
  • 凡科建站代理入口电商是做什么的简易运营模式
  • 苗木 网站模板临沂做网站的
  • 文明网站建设管理培训心得wordpress虚拟机修改密码
  • 东营做网站seo为什么做电子商务网站的原因
  • 六安市建设银行网站wordpress换主题后打不开
  • 网站建设工作总结wordpress怎么搬站
  • 网站空间可以通过什么获取网站上做播放器流量算谁的
  • 电子商务网站建设与管理课程心得做英文网站的心得
  • 2023网站seo百度商桥怎么嵌入网站
  • 游览有关小城镇建设的网站网站建设员课程
  • 网站做戒酒通知书做网站用啥框架
  • 运城网站建设设计价格ims2009 asp企业网站建设
  • 江门网站排名优化长沙九度网络科技
  • 电子商务网站建设与维护 书vps新建网站
  • 网站搭建和网站开发环保设备网站建设方案
  • 集团网站建设详细策划浙江省小型建网
  • 上海高端建设网站Wordpress怎么上传html文件
  • 毕设 做网站汕头企业网络推广
  • 网站域名不备案要证书有啥用wordpress小工具没有
  • 建立网站站建设可以吗国人在线做网站
  • wordpress公司门户长沙官网seo推广
  • 湘潭商城网站建设定制网站建设捌金手指花总二八
  • 杨浦区建设小学网站首页长沙seo优化
  • 制作网页链接的方法seo自然优化排名
  • 可以做彩字的网站苏州建设网站首页