• 使用grunt合并压缩js、css文件

    src:['src/css/*.css'],/当前grunt项目路径下的src/css目录下的所有css文件 dest:'dist/all.css'/生成到grunt项目路径下的dist文件夹下为all.css } }, cssmin:{/css文件压缩 css:{ src:'dist/all.css',/将之前的...
    文章 2016-04-22 1996浏览量
  • Grunt压缩、合并js/css文件

    压缩和合并js任务,在Gruntfile.js中新增: module.exports=function(grunt){ pkg:grunt.file.readJSON('package.json'), grunt.initConfig({ uglify:{ 这里是uglify任务的配置信息 options:{ banner:'/*!create by ...
    文章 2016-06-15 736浏览量
  • JavaScript 项目构建工具 Grunt 实践:合并文件

    Grunt 内置 concat(文件合并)、lint(代码校验)和 min(代码压缩)任务,在 grunt.js 文件配置好任务后,运行 grunt 命令就可以自动完成一系列的项目构建操作了,如图示: 对应的 Grunt 配置文件代码如下: ...
    文章 2013-01-31 800浏览量
  • 前端任务构建利器Gulp.js使用指南

    像uglify一样,插件concat通过pipe()接收传过来的数据流,然后将多个JS文件合并到’all.js。pipe(gulp.dest('./js'));最后,使用Gulp的dest()方法,将all.js写到指定目录中,整个过程简介易读。还有最后一个我们...
    文章 2017-08-01 911浏览量
  • JS数组操作:去重,交集,并集,差集

    原文:JS数组操作:去重,交集,并集,差集 1.数组去重 方法一: function unique(arr){ 定义常量 res,值为一个Map对象实例 const res=new Map();返回arr数组过滤后的结果,结果为一个数组 过滤条件是,如果res没有...
    文章 2018-10-11 1661浏览量
  • 前端工程化系列[04]-Grunt构建工具的使用进阶

    在复杂的Grunt工作流程,很多任务之间往往存在依赖关系,比如js代码的语法检查和压缩这两个任务,压缩任务需要依赖于语法检查任务,它们在执行的时候存在一定的先后关系,这种情况我们称之为任务依赖。我们可以在...
    文章 2018-11-10 948浏览量
  • gruntjs

    Grunt 实践:合并文件JavaScript 项目构建工具 Grunt 实践:安装和创建项目框架使用GruntJS构建Web程序(3)利用 Grunt(几乎)无痛地做前端开发(一)如果有相关gruntjs文章及项目可以将链接写在回复。谢谢。
    文章 2013-05-26 853浏览量
  • 【grunt第二弹】30分钟学会使用grunt打包前端代码(02...

    这样会将src里面的zepto等文件打包值dest的lib.min.js中 压缩一个文件夹的所有文件 然后这段代码非常有意思,他会将一个文件目录里面的所有js文件打包到另一个文件夹 module.exports=function(grunt){ grunt....
    文章 2017-11-10 1122浏览量
  • ant+yuicompressor 合并、压缩脚本与样式

    concat destfile="${build}/all.js"encoding="${charset}"outputencoding="${charset}"> <path path="${src}/core.js"/gt; <path path="${src}/g.js"/gt; <path path="${src}/nav.js"/gt; <...
    文章 2010-09-08 743浏览量
  • 用JSLint+Ant检验HTML代码

    slint.js 文件有个 readFile(方法(在文件尾部),给他加个参数:readFile(f,'utf-8')即可指定文件编码。还有一篇文章:《用 Ant 构建组件》它的build.xml如下,有涉及编码的问题,可以看一下:<xml version="1....
    文章 2010-09-08 707浏览量
  • Nginx学习之合并请求连接加速网站访问

    我们在访问有些网站的时候,会看到代码的部分js和css文件是通过一次请求获取的,上面的小知识知道浏览器请求的并发数量是有限制的,但是如果把多条记录合并一次请求就可能会加快响应速度。淘宝使用的tengine是基于...
    文章 2017-05-08 14853浏览量
  • 前端项目构建之grunt学习篇

    安装grunt cli,命令npm install-g grunt-cli,这是一个执行gruntfile不同版本的grunt用的,这样可以保证在不同的grunt版本切换. nix环境 类unix环境跟window环境差不多,只是安装的时候,权限不足的话,命令之前...
    文章 2016-05-27 1499浏览量
  • JavaScript 项目构建工具 Grunt 实践:任务和指令

    上一篇文章《JavaScript 项目构建工具 Grunt 实践:安装和创建项目框架》介绍了 Grunt 安装和创建项目框架步骤,这篇文章介绍 Grunt 的任务和指令。Grunt 任务 Grunt 内置下面六种基本的任务: init-从模板生成...
    文章 2013-01-28 890浏览量
  • grunt从入门到自定义项目模板

    concat——JS文件合并,合理减少请求数,提升加载速度 cssmin——CSS文件合并,合理减少请求数,提升加载速度 Uglyfy——压缩文件,减少文件尺寸,提升用户侧加载速度 QUnit——单元测试,提高项目可维护性,结合...
    文章 2016-04-29 2118浏览量
  • 《JavaScript开发框架权威指南》——2....Grunt添加到项目

    清单2-8 task文件夹的示例模块(uglify.js) example-tasks/tasks/uglify.js module.exports=function(grunt){ grunt.loadNpmTasks('grunt-contrib-uglify');grunt.config('uglify',{ 'options':{ 'banner':'/*!...
    文章 2017-06-05 1116浏览量
  • 自动构建工具Gulp

    pipe(concat('all.js')) pipe(gulp.dest('./static/build/js')) pipe(rename({ suffix:'.min' })) pipe(uglify()) pipe(gulp.dest('./static/build/js'));});定义develop任务发布或者运行时使用 gulp.task('develop'...
    文章 2014-12-04 763浏览量
  • Gulp-Less

    前面分享了一些less的是用方法,包括在grunt,今天在分享下使用gulp来编译less文件。首先需要安装gulp,如何安装请看文章。安装插件: gulp编译less使用了gulp-less模块,所以package.json如下: { name":"gulp-...
    文章 2014-12-04 577浏览量
  • underscorejs 源码走读笔记

    concat=ArrayProto.concat, toString=ObjProto.toString, hasOwnProperty=ObjProto.hasOwnProperty;2:void 0,开始还好奇为啥用void 0,是undefined 的缩写?后来一打听才知道,原来undefined在旧版本的浏览器是...
    文章 2014-07-19 742浏览量
  • Node.js 模块加载机制 Require()

    pipe(concat('docs.js')) 对模块fs的使用 fs.writeFileSync(dest+'/demo-data.js',file);gulp.task 用于定义了一个任务;cancat用于合并文件;fs是一个对磁盘文件操作的模块。可以看出,有模块的引入,代码更为清晰...
    文章 2017-06-06 1384浏览量
  • javascript对数组对象的深度拷贝

    在前端开发的某些逻辑,经常需要对现有的js对象创建副本,避免污染原始数据的情况。如果是简单的一维数组对象,可以使用两个原生方法: 1、splice var arr1=['a','b','c'];var arr2=arr1.splice(0);console.info...
    文章 2018-05-13 975浏览量
  • JS编程建议——67:套用函数

    在函数式编程,函数本身也是一个值,这种特性允许用户以有趣的方式去操作函数值。例如,在下面代码定义一个add()函数,该函数能够返回一个新的函数,并把参数值传递给这个新函数,从而实现连加操作。var add=...
    文章 2017-12-18 985浏览量
  • 前端源码安全

    JS的混淆我到现在为止还没用过,原理都是类似的,混淆是把JS代码变成乱七八糟的字符串,然后用eval执行。PS:uglify本身有一定的混淆作用,但也只是对变量名的混淆,混淆度并不够。混淆前: function hello(){ alert...
    文章 2016-05-20 2148浏览量
  • Gulp(自动化构建工具)

    然后再文件夹可查看到,把所有的css、js自动压缩到了min里面。此致,gulp构建 算是初步完成,后面还有很多可以优化的地方,具体可以参考:Gulp API文档 我的博客即将入驻“云栖社区”,诚邀技术同仁一同入驻。感谢...
    文章 2018-09-18 1272浏览量
  • 使用 Make 构建网站

    然后,将变量sourcefiles的coffee文件名,替换成js文件名,即 lib/x.coffee 替换成 build/x.js。使用时调用下面的命令。make coffee 七、合并文件 使用cat命令,合并多个文件。JS_FILES:=$(wildcard build/*.js) ...
    文章 2016-06-07 1573浏览量
  • 【grunt整合版】30分钟学会使用grunt打包前端代码

    在main.js中新增代码: 复制代码 require.config({ baseUrl:'', shim:{ { exports:'zepto' }, { exports:'_' }, B:{ deps: '_', '$' exports:'Backbone' } }, paths:{ '$':'src/zepto', '_':'src/underscore', 'B':'...
    文章 2017-12-08 1457浏览量
  • 前端构建工具gulp

    另:如果觉得index.js这个文件名不好的话,可以自己进行修改,同时修改package.json文件夹的index.js和gulpfile.js文件夹index.js即可 本文转自xsster51CTO博客,原文链接...
    文章 2017-11-01 1098浏览量
  • vue 项目配置 scss

    如果需要在main.js中引入样式文件,不需要配置此文件。否则会编译报错。module:{ rules:[{ test:/\.(scss|css)?loaders:["style","css","sass"] }, } 三、使用方法 lt;style scoped lang="scss">import 'base....
    文章 2019-04-24 2097浏览量
  • Grunt基本使用-V1.0

    实际上,安装的并不是 Grunt,而是 Grunt-cli,也就是命令行的 Grunt,这样你就可以使用 grunt 命令来执行某个项目中的 Gruntfile.js 定义的 task。但是要注意,Grunt-cli 只是一个命令行工具,用来执行,而不是 ...
    文章 2016-05-20 1326浏览量
  • JS农历

    项目用到的,记录一下。代码如下: 源代码复制(IE有效)打印关于 lt;DOCTYPE html PUBLIC"-/W3C/DTD XHTML 1.0 Transitional/EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">lt;html ...
    文章 2010-08-03 604浏览量
  • js字符串操作常用方法

    2.substring方法两个参数较小一个作为开始位置,较大的参数作为结束位置二、分割1、split(字符串/正则,length)/匹配分割字符串为数组三、查找匹配连接替换1、indexOf(searchString,position)/查找位置2、...
    文章 2021-08-30 20浏览量
1 2 3 4 ... 13 >

云产品推荐

视频直播 大数据计算服务 MaxCompute 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 新零售智能客服 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化