require有缓存

2024-09-08

关于 require的缓存

有两个文件 a.js内容如下: var add = require("./t.js").add; var add2 = require("./t.js").add; console.log(add()) console.log(add()) console.log(add2()) t.js内容如下: var a = 10; module.exports.add = function(){ return ++a; } node a.js 打印结果为: 在html中嵌入

require、缓存

什么是require? -Node使用CommonJS模块规范,内置require函数用于加载模块文件 -require的基本功能是>读入并执行一个javascript文件,然后返回该模块的exports对象 -若没有发现指定模块,则报错自己实现require函数 -定义模块 -实现注释 rquire扩展名 --require加载文件时可以省略扩展名 require加载文件规则 -通过 ./ 或者 ../ 开头 --按照相对路径从当前文件所在文件夹开始寻找模块 -通过 / 开头 --以系统根

html中require.config 缓存问题

在html中,require的官方基本用法如下: <!DOCTYPE html> <html> <head> <title>My Sample Project</title>  <script data-main="scripts/ma

使用gulp解决RequireJS项目前端缓存问题（一）

1.前言前端缓存一直是个令人头疼的问题,你有可能见过下面博客园首页的资源文件链接: 有没有发现文件名后面有一串不规则的东东,没错,这就是运用缓存机制,我们今天研究的就是这种东西. 先堵为快,猛戳链接下载Demo :http://pan.baidu.com/s/1jI4n1hs 以dist为根目录,运行http://localhost/html/index.html,如果出现"Good!成功加载index.js",则表示成功了. 不熟悉gulp的同学,可以参考这个比较详细的教程:htt

IOS热更新－JSPatch实现原理+Patch现场恢复

关于HotfixPatch 在IOS开发领域,由于Apple严格的审核标准和低效率,IOS应用的发版速度极慢,稍微大型的app发版基本上都在一个月以上,所以代码热更新(HotfixPatch)对于IOS应用来说就显得尤其重要. 现在业内基本上都在使用WaxPatch方案,由于Wax框架已经停止维护四五年了,所以waxPatch在使用过程中还是存在不少坑(比如参数转化过程中的问题,如果继承类没有实例化修改继承类的方法无效, wax_gc中对oc中instance的持有延迟释放...).另外苹果对于

前端工具之Gulp

Gulp是一款前端自动化的工具,如果能熟练使用Gulp来进行开发一定可以节省很多的时间,也可以快速的提高工作效率. 在使用Gulp之前就是要配置好Gulp安装的环境,这是我们能使用Gulp快速开发的第一步. 安装 ~~~~~~~~~~~~~~ D1 NodeJS安装 Gulp是基于NodeJS运行的,所以第一步就是要先安装NodeJS, https://nodejs.org/en/. 安装好Node之后,在Node的Command里面安装全局环境以及本地环境 # 安装全局环境 npm insta

node 学习笔记 - Modules 模块加载系统 (2)

本文同步自我的个人博客:http://www.52cik.com/2015/12/14/learn-node-modules-module.html 上一篇讲了模块是如何被寻找到然后加载进来的,这篇则是如何导出属性方法以及自定义模块后缀等一系列模块问题. exports 对象这是最常见的对象了,以往导出都是这样写的. // a.js exports.bar = '属性'; exports.fn = function () { return '方法' }; // b.js var a = req

Gulp 学习总结

Gulp 自动化工具开发非常方便,便于上手,值得使用. 一.Gulp安装 gulp是基于NodeJS运行的,所以需要想安装NodeJS. http://nodejs.org/download/ 安装gulp # 安装全局环境 npm install gulp -g #安装本地环境 npm install gulp --save-dev 二.Gulp插件安装 npm install browser-sync gulp-compass gulp-sass gulp-rename gulp-jshi

gulp下livereload和webserver实现本地服务器下文件自动刷新

一.前言 node从v0.10.26升级(为了匹配autoprefixer)到v5.3.0后出现了gulp插件兼容问题,在nodejs下各种新的插件出现问题,需要重新配置.livereload实现chrome自动刷新需要安装插件,偶尔被墙不是很方便.用webserver搭配livereload,可以实现本地(不需要apache服务器)服务器式文件自动刷新预览,所见即所得,so酷~!配合sublime text3 (大量的最新插件已经开始以3为基准)简直是神器二.下载现在很多插件描写的博文都是

nodejs学习随笔

<一> 简述nodejs (社区:www.npmjs.com)可查找一些第三方模块. nodejs是可以让js运行在浏览器之外的服务器端的平台,实现了文件系统.模块.包.操作系统API.网络通信等JS没有的功能,但是没有DOM和BOM.nodejs使用了来自Google ChromeV8引擎,V8引擎是世界上最快的js引擎.nodejs摒弃了传统平台依赖多线程来实现高并发的设计思路,采用的单线程.异步式I/O,事件驱动式的程序设计模型.(下面以实际生活中的餐厅举例说明) nodejs的主线程是

Node.js学习笔记（四）: 全局对象

在浏览器 JavaScript 中,通常 window 是全局对象, 而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性. 这里列出的所有变量均可以在所有模块中访问.但值得注意的是:它们有些并不是在全局作用域内的,即不在global对象内,而是在模块作用域内的.在模块作用域内的变量会用*表示. global 全局对象,全局变量的宿主 *__filename 表示当前正在执行的脚本的文件名.它将输出文件所在位置的绝对路径,且

Gulp基础知识

首先,我们需要了解Gulp能做些什么? 编译 sass sass是什么?(使CSS可以用编程的方式写,加快我们开发的速度) 合并优化压缩 css 校验压缩 js 优化图片添加文件指纹(md5) 组件化头部底部(include html) 实时自动刷新- 总之Gulp就是帮助前端开发中对代码自动化的构建,可以对开发中许多重复的操作进行自动化,使我们可以更加专注于代码,提高工作效率,还可以对资源进行优化(简直强到爆炸).

深入javascript的主流的模块规范

文章首发于sau交流学习社区一.前言目前主流的模块规范: 1.UMD通用模块 2.CommonJs 3.es6 module 二.UMD模块(通用模块) (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define

gulp+tp5配置

优化了文件过滤,更改文件只会重新生成修改的文件项目目录构建: 在入口文件public下,创建html目录,作为前台静态资源目录 gulp.js文件 /*! * gulp * $ npm install gulp gulp-ruby-sass gulp-cached gulp-uglify gulp-rename gulp-concat gulp-notify gulp-filter gulp-jshint gulp-rev-append gulp-cssnano gulp-imagemin b

gulp结合Thinkphp配置

gulpfile.js文件 /*! * gulp * $ npm install gulp gulp-ruby-sass gulp-cached gulp-uglify gulp-rename gulp-concat gulp-notify gulp-filter gulp-jshint gulp-rev-append gulp-cssnano gulp-imagemin browser-sync gulp-file-include gulp-autoprefixer del --save-de

gulp配置（编译压缩转码自动刷新注释全）

参考自:http://www.sheyilin.com/2016/02/gulp_introduce/ 在原先基础上增加了less编译 es6转码资源地图等,修改了一部分的热刷新. gulpfile.js文件 /*! * gulp * $ npm install gulp gulp-ruby-sass gulp-cached gulp-uglify gulp-rename gulp-concat gulp-notify gulp-filter gulp-jshint gulp-rev-appen

node.js中module模块的理解

node.js中使用CommonJS规范实现模块功能,一个单独的文件就是一个单独的模块.通过require方法实现模块间的依赖管理. 通过require加载模块,是同步操作. 加载流程如下: 1.找到需要加载的模块文件. 2.判断是否缓存过,如果没有,则读取模块文件的内容. 3.把读取到的内容,封装在一个函数里运行. (function (exports, require, module, __filename, __dirname) { //模块的代码实际上在这里 }); 4.返回 modul

Extjs 代码拾穗

1.tree grid 添加一行 var rootNode = store.getRootNode(); var newRecord = Ext.create('MatrixDlv',{"sdDlvrName":text}); rootNode.appendChild(newRecord); var rowEditor = treeGrid.getPlugin('rowplugin'); rowEditor.startEdit(newRecord,0); 2. tree 加上这个的话,

Gulp构建前端自动化工作流之：常用插件介绍及使用

在对Gulp有了一个初步的了解之后,我们开始构建一个较为完整的Gulp开发环境. 本文主要分为6个段落: 1. 构建项目目录结构(Directory Structure Build) 2. 插件介绍及使用方法(Tasks and dependencies) 3. 扩展优化(Extend & Optimize Task) 4. 其他插件介绍(Other plug-ins) 5. 匹配规则(Match Files) 6. 注意事项(Attention) 关于Gulp的入门介绍及安装方法,可先去 <

深入 CommonJs 与 ES6 Module

目前主流的模块规范 UMD CommonJs es6 module umd 模块(通用模块) (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global

require有缓存

热门专题