node 将多个依赖合并一个js

2024-08-30

前端js文件合并三种方式

最近在思考前端js文件该如何合并,当然不包括不能合并文件,而是我们能合并的文件,想了想应该也只有三种方式. 三个方式如下: 1. 一个大文件,所有js合并成一个大文件,所有页面都引用它. 2. 各个页面大文件,各自页面合并生成自己所需js的大文件. 3. 合并多个共用大文件,根据实践情况合并出多个共用js文件,每个页面引用多个共用大文件. 另外在我看来,合并有两个目的: 1. 为了减少请求数. 2. 代码安全考虑(文件分得越多,越容易被人看清). PS:注意我说的不是压缩混淆,只是合并 1. 一

grunt concat针对有依赖文件的js脚本的合并

grunt concat针对有依赖文件的js脚本的合并: 在一个入口文件index.js里,有很多依赖文件,主要分两类,一类是和主文件同目录,另一类是其他目录下的js(cmd.非cmd的js文件,一般会在config中使用alias进行路径配置),而在concat时,默认会将主文件中的第一类的依赖文件和主文件进行合并. define(function(require,exports,module){ require("CommonAPI"); require("commFun

简单使用grunt、bower工具合并压缩js和css

前段时间因为项目中的报表写了一个Jquery插件,开源到github上,参考以往大神们写的插件的姿势,决定搞了像模像样一点.言归正传.前端工程师对这些工具:Node,bower,grunt,npm这些工具应该都很熟悉.今天就简单介绍一下grunt的用法. grunt的介绍及安装请看着:getting-started,中文文档,写的也比较详细. 一个完整grunt项目小包含以下模块或配置文件 npm:node的包管理器,管理(安装)相关插件 grunt-cli:执行grunt任务的工具,但是注意安

深入解析Backbone.js框架的依赖库Underscore.js的作用

这篇文章主要介绍了深入解析Backbone.js框架的依赖库Underscore.js的作用,用过Node.js的朋友对Underscore一定不会陌生:)需要的朋友可以参考下 backbone必须依赖underscore.js才能够使用,它必须通过underscore中的函数来完成访问页面元素.处理元素的基本操作. 注:backbone可以很好的与其它js库一起工作,所以说它是一个库,而不是框架. Underscore并没有对原生对象进行扩展,而是调用_()方法进行封装,一旦封装完成,js对象

纯小白创建第一个Node程序失败-容易忽略的一个细节

一直觉得自己基础还很差,所以自觉不敢去碰node.js,但又对其心怀好奇.恰巧最近有一点空闲时间,忍不住去试了一下水这不,在创建第一个node程序时就吃了闭门羹,总是提示我没有定义,如下图, 这另我百思不得其解,我就新建了一个js文件,内容是 console.log("hello node"); 怎么会报错呢, 然后,我开始从以下几个方面逐一排查 ①:检查编写的代码是否有错误 ②:检查文件名是否正确(文件名只能是英文字母.数字和下划线的组合),并且文件是否以 .js 为后缀

uglifyjs 合并压缩 js, clean-css 合并压缩css

本文主要介绍如何通过CLI命令行(也就是终端或者cmd打开的那个shell窗口)实现 js和 css 的合并压缩. uglifyjs 合并压缩 js: 1.安装node 这一步就不多说了,下载node自行安装. 2.安装 uglifyjs 全局安装: npm install -g uglify-js 局部安装: npm install --save-dev uglify-js 3.在终端执行合并压缩命令 uglifyjs js/common.js js/example.js -o js/comm

如何手写一个js工具库？同时发布到npm上

自从工作以来,写项目的时候经常需要手写一些方法和引入一些js库 JS基础又十分重要,于是就萌生出自己创建一个JS工具库并发布到npm上的想法于是就创建了一个名为learnjts的项目,在空余时间也写了几个工具函数,后续还会再继续增加... 这篇文章就是一篇实战文章,我把自己创建项目,发布到npm,以及遇到的问题和解决方案全都记录了下来,如果你也想创建一个自己的js工具库,可以根据这篇文章一步一步的尝试一下 github项目地址 npm项目地址创建项目打开命令窗口,创建一个项目文件 mkdi

自己封装的一个JS分享组件

因为工作的需求之前也封装过一个JS分享插件,集成了我们公司常用的几个分享平台. 但是总感觉之前的结构上很不理想,样式,行为揉成一起,心里想的做的完美,实际上总是很多的偏差,所以这次我对其进行了改版. 这次的核心就是:JS只负责事件+结构,也就是把功能实现出来,具体的外观样式,则使用者自己进行定义. 以下是新版分享插件的代码: (function(root){ 'use strict'; function share(params){ this.params = params; this.dom

多动手试试，其实List类型的变量在页面上取到的值可以直接赋值给一个js的Array数组变量

多动手试试,其实List类型的变量在页面上取到的值可以直接赋值给一个js的Array数组变量,并且数组变量可以直接取到每一个元素var array1 = '<%=yearList =>'; //这个jsp里的代码,输出到浏览器端的html可能为var array1 = ['aaaaaaaaaaa', 'bbbbbbbbbbbbbb'];alert(array1[0]); 可能的一个应用场景是,两个下拉列表元素个数相同,其中一个下拉列表元素固定,并且选择的每个元素都会对应另一个下拉列表中该ind

php大力力 [028节] 如何下载js文件，网上一个*.js无法下载啊？？？？？？

php大力力 [028节] 如何下载js文件,网上一个*.js无法下载啊?????? safari也无法下载迅雷也无法下载是不是对方网站服务器的不让下载那个js目录的文件??? 只能调用js函数啊??? 痛苦啊痛苦难过啊

一个JS的日期格式化算法示例

一个JS的日期格式化算法. 例子: <script> /** * Js日期格式化算法实例 * by www.jbxue.com */ function dateFormat(date, format) { var o = { "M+": date.getMonth() + 1, //month "d+": date.getDate(), //day "h+": date.getHours(), //hour "m+

在VS中让一个JS文件智能提示另一个JS文件中的成员

“在VS中如何让一个JS文件智能提示另一个JS文件中的成员” 有时候会有这种情况:当我的一个Web页面引用了两个JS文件(假如分别叫common.js和JScript1.js),如果JScript1.js中需要调用大量的common.js中的方法,这时候在JScript1.js中智能提示(或叫显示文字自动完成)common.js中的成员就显得非常有必要了. 其实方法很简单,把common.js往JScript1.js文件的顶部中一拖就可以了,然后它会多出这样一段被注释的代码:/// <refer

撸一个JS正则小工具

写完正则在浏览器上检测自己写得对不对实在是不方便,于是就撸了一个JS正则小demo出来. demo demo展示项目地址代码部分首先把布局样式先写好. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js正则查找替换工具</title> <link rel="stylesheet&q

一个js 变量作用域问题

一个js 域问题,有一本书叫 javasrcip pattert 好像是,写的很好,, <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <div class="header"> <h1>t

DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为（转）

一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来. 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局(layout)和绘制(paint).下面主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明一些不好的实践以及一些优化方案. 浏览器是如何呈现一张页面的一个浏览器有许多模块,其中负责呈现页面的是渲染引

一个JS效果竟然要研究一天，我是不是不适合做前端？

前言今天这篇文章的标题,显然是要搞事情.一个JS交互效果,居然花费了一天的宝贵时间才研究出来,我是不是不太适合做前端? 别急,搬好小板凳,正文从这开始- 本来今天下班回来感觉有点累,想着今天就别学了吧,正好看见停播了好久的<极限挑战>在网上放出了最新的一期.但是,今天发生在公司的一件小事儿,在我心里产生了不小的波澜,正好拿这个话题跟同行们聊聊..... 今天早晨我按时去了公司,坐在我的工位上,习惯性地点开了编辑器SublimeText(我宠幸了它三年之久-),一天的编码工作正式开始. 我的大

自己封装的一个js方法用于获取显示的星期和日期时间

自己封装的一个js方法用于获取显示的星期和日期时间 /** * 获取用于显示的星期和日期时间 * @param date * @returns {string} */ function getWeek(date){ //将字符串日期转换日期对象 date = date.replace(/-/g, '/'); var dd = new Date(date); var curDate = new Date(); var curDate2 = new Date(); var m = dd.getMon

JavaScript进阶(二)在一个JS文件中引用另一个JS文件

在一个JS文件中引用另一个JS文件转载地址:http://blog.csdn.net/zndxlxm/article/details/7875787 方法一在调用文件的顶部加入下例代码: document.write("<script language=javascript src='js/import.js'></script>"); (注:有时你引用的文件还可能需要引用其他的js,我们需要将需要的那个js文件也以同样的方法引用进来) 方法二

一个js小游戏----总结

花了大概一天左右的功夫实现了一个js小游戏的基本功能,类似于“雷电”那样的小游戏,实现了随即怪物发生器,碰撞检测,运动等等都实现了,下一个功能是子弹轨迹,还有其他一些扩展功能,没有用库,也没有用webGl之类的,单纯的逻辑+对DOM的操作,算是一次试手吧,之所以没有继续去完善,是因为想要整合一下,各个模块要更清晰,大体的设计是按MVC来的,但是对控制器那一块还不满意,设计过程中比较得意的是碰撞检测吧,因为我用了一个数组来维护怪物的生灭,怪物产生则数组push,怪物消失则用splice来从数组中删

bug日记之---------js中调用另一个js中的有ajax的方法, 返回值为undefind

今天做一个OCR授权的需求, 需要开发一个OCR弹框, 让用户选择是否授权给第三方识别公司(旷世科技)保存和识别用户个人信息, 照片等. 其中用到了在一个js的方法中调用另外一个js的方法, 其中有一点特别的是另外一个js的方法中会进行一个ajax, 会根据ajax返回的结果来进行返回true或者false. 在测试的过程中我发现不管怎么弄, 最后返回的都是undefind. 下面来模拟一下这个场景上面这个例子中,flag一直都是undefind,ajax已经是同步的情况下依旧返回undefi

node 将多个依赖合并一个js

前端js文件合并三种方式

grunt concat针对有依赖文件的js脚本的合并

简单使用grunt、bower工具合并压缩js和css

深入解析Backbone.js框架的依赖库Underscore.js的作用

纯小白创建第一个Node程序失败-容易忽略的一个细节

uglifyjs 合并压缩 js, clean-css 合并压缩css

如何手写一个js工具库？同时发布到npm上

自己封装的一个JS分享组件

推荐轻量高效无依赖的开源JS插件和库

多动手试试，其实List类型的变量在页面上取到的值可以直接赋值给一个js的Array数组变量

php大力力 [028节] 如何下载js文件，网上一个*.js无法下载啊？？？？？？

一个JS的日期格式化算法示例

在VS中让一个JS文件智能提示另一个JS文件中的成员

撸一个JS正则小工具

一个js 变量作用域问题

DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为（转）

一个JS效果竟然要研究一天，我是不是不适合做前端？

自己封装的一个js方法用于获取显示的星期和日期时间

JavaScript进阶(二)在一个JS文件中引用另一个JS文件

一个js小游戏----总结

bug日记之---------js中调用另一个js中的有ajax的方法, 返回值为undefind

热门专题

node 将 多个 依赖 合并 一个js

热门专题

node 将多个依赖合并一个js