-
Grunt压缩、合并js/css文件
watch可以实时监控文件的改动，css／js文件改动时让grunt自动压缩合并： module.exports=function(grunt){ pkg:grunt.file.readJSON('package.json'), grunt.initConfig({ uglify:{ 这里是uglify任务的配置信息 ...文章 2016-06-15 966浏览量 -
比较grunt,npm,gulp
gulp-size是一个统计管道里面内容的大小的,上面是用它来显示出压缩前后的大小用来对比用的. gulp跟grunt一样也支持任务里包含多个子任务,像这样的 gulp.task('build',['jshint','jsmin']);以 gulp build 命令来运行 ...文章 2016-05-27 1776浏览量 -
从Npm Script到Webpack，6种常见的前端构建工具对比
在项目根目录下执行命令grunt dev，就会启动JavaScript文件压缩和自动刷新功能。Grunt的优点是： 灵活，它只负责执行我们定义的任务；大量的可复用插件封装好了常见的构建任务。Grunt的缺点是集成度不高，要写很多...文章 2018-01-18 23104浏览量 -
FIS3的简单使用
C：资源压缩，为了减少资源网络传输的大小，通过压缩器对 js、css、图片进行压缩是一直以来前端工程优化的选择。在 FIS3 中这个过程非常简单，通过给文件配置压缩器即可。配置如下 最后这个完整的fis-conf.js的配置...文章 2017-11-05 1470浏览量 -
现代JavaScript开发者的工具箱
文件，你就可以让Grunt进行各种工作，例如编译LESS或SASS文件、构建并压缩某个特定文件夹中的所有JavaScript和CSS文件、甚至是 运行某种代码整理工具或是测试框架。你也可以通过配置，将Grunt作为一种Git钩子运行，...文章 2017-08-01 1571浏览量 -
前端性能分析优化
利用gulp,grunt,webpack等构建工具将项目资源文件整合 利用CSS Sprites 减少图像请求. 通过使用合并图片，通过指定css的backgroud-image和backgroud-position来显示元素。启用浏览器缓存 要利用浏览器缓存存储可缓存...文章 2017-07-03 1817浏览量 -
前台页面优化全攻略（一）
一般对纯文本内容可压缩到原大小的40%.这样传输就快了，效果就是你点击网址后会很快的显示出来.当然这也会增加服务器的负载.一般服务器中都安装有这个功能模块的。根据W3C组织调查，大部分的网站都没有启用压缩功能...文章 2016-05-19 2147浏览量 -
手机游戏开发中如何选择适合的纹理格式
通过一些压缩方式得到的压缩PNG：如grunt-png8,tinypng等，这些工具，使用了较高的压缩技巧，使PNG24/32的RGBA可以保存在8位通道中。且能够提供较高的还原度。这种和PNG一样，读入内存后，每个像素依然占4BYTES。gt;...文章 2016-05-19 2330浏览量 -
ASP.NET MVC 应用提速的十种方法
选定你的所有图像，再选择无损(Lossless)或者有损(Lossy)图片优化模式，每张图片都会根据一定的比率压缩大小。此外，如果你掌握了 Grunt 或 Gulp 之类的前端客户端工具，就可以在创建应用或者部署应用时自动实现图片...文章 2016-05-05 1901浏览量 -
【前端面试题】-前端工程化的
将JS目录下所有的 JavaScript文件合并并压缩成一个JavaScript文件。使用 imagemin压缩图片&xff0c;使图片变小。使用open让项目在自动运行时自动打开浏览器。使用 watch监听src目录中代码的变化&xff0c;并进行实时编译...文章 2023-02-01 69浏览量 -
JavaScript框架、类库、工具汇总
工具包括构建系统、编译器、转译器、代码分割器、图像压缩器、部署机制等。工具帮助实现一个更容易的开发过程。例如，对比于CSS，许多编码者更喜欢Sass，因为它提供了代码分离、嵌套、渲染时变量、循环和函数。...文章 2017-08-01 2319浏览量 -
2017年前端框架、类库、工具大比拼
工具包括构建系统、编译器、转译器、代码分割器、图像压缩器、部署机制等。工具帮助实现一个更容易的开发过程。例如，对比于CSS，许多编码者更喜欢Sass，因为它提供了代码分离、嵌套、渲染时变量、循环和函数。...文章 2017-11-13 1672浏览量 -
2017年前端框架、类库、工具大比拼
工具包括构建系统、编译器、转译器、代码分割器、图像压缩器、部署机制等。工具帮助实现一个更容易的开发过程。例如，对比于CSS，许多编码者更喜欢Sass，因为它提供了代码分离、嵌套、渲染时变量、循环和函数。...文章 2017-06-19 1753浏览量 -
2014年9月-前端开发月刊
js位置与大小 http://www.zhihu.com/question/19560521 中国IT行业的“好工程师”应该是什么样的？有哪些客观标准可供自我评估？http://www.cnblogs.com/yexiaochai/archive/2013/06/04/3116821.html 【前端框架之...文章 2017-11-13 1748浏览量 -
谈谈gulp和webpack？✔️
我们要解决这些问题包括图片大小之类的在之前都需要自己去压缩网站压缩但是有了自动化构建工具我们就可以提高我们开发效率让我们的注重点放在打代码上gulp⌛️正如官网所说 gulp将开发流程中让人痛苦或耗时的任务...文章 2022-04-25 136浏览量 -
前端需要了解的webpack知识点
grunt/gulp和webpack的区别1.grunt、gulp的核心是Task(任务)2.我们可以配置一系列task(也可以说是任务流)&xff0c;并且定义task要处理的事务&xff08;例如es6&xff0c;ts转化&xff0c;图片压缩&xff0c;scss转成css&xff09;之后...文章 2022-11-30 62浏览量 -
面向.Net程序员的前端优化
个人推荐静态资源的压缩和合并尽量在前端就做掉，例如grunt。这样不管是cdn还是部署发布都更合理没有必要再浪费后端的处理资源。本篇先到此，希望对大家有帮助！本文转自 熬夜的虫子 51CTO博客，原文链接:...文章 2017-11-12 995浏览量 -
这些node开源工具你值得拥有(下)
grunt&xff1a;JavaScript任务执行器。gulp&xff1a;流式快速构建系统&xff0c;支持代码而不是配置。snowpack&xff1a;是一个相对轻量的 bundless 方案2.2 应用场景2&xff1a;支持esm的构建工具有哪些&xff1f;可以使用以下工具&...文章 2022-05-14 121浏览量 -
Google Web开发最佳实践（二）
这就减小了最终的文件大小，加快站点加载时间。合并意味着把多个文件的内容并成一个。之所以这样做是因为浏览器可以因此只发送一个请求给服务器，而不是多个，对你的用户来说，这会更快。关于哪些 JavaScript 文件...文章 2014-10-22 1808浏览量 -
前端js文件合并三种方式
这种方式我始终觉得不对劲，小应用直接单个大文件搞定，而大应用更不会这样去做，更不能用在Hybrid应用上，在这样讲究安装包大小的情形下，不能容忍冗余代码。我在思考各种场景时候，都发现能用上面或下面方式解决，...文章 2016-05-20 3308浏览量 -
前端js文件合并三种方式
这种方式我始终觉得不对劲，小应用直接单个大文件搞定，而大应用更不会这样去做，更不能用在Hybrid应用上，在这样讲究安装包大小的情形下，不能容忍冗余代码。我在思考各种场景时候，都发现能用上面或下面方式解决，...文章 2017-11-12 1077浏览量 -
对前端质量保障的思考
压缩代码的时候，我踩过坑：gulp打包压缩css遇到的坑，我相信很多人都认识 grunt 和 gulp，但是一定鲜有人自己配置过这些东西，并投入到项目中。代码的压缩，一方面可以减少线上流量，一方面也是出于安全的考虑。...文章 2017-08-01 1768浏览量 -
对前端质量保障的思考
压缩代码的时候，我踩过坑：gulp打包压缩css遇到的坑，我相信很多人都认识 grunt 和 gulp，但是一定鲜有人自己配置过这些东西，并投入到项目中。代码的压缩，一方面可以减少线上流量，一方面也是出于安全的考虑。...文章 2017-11-13 1733浏览量 -
网站前端性能优化终极指南
在不影响图像质量的情况下减小图像大小的最佳方法是使用ImageOptim、JPEGmini或Kraken等工具压缩图像。这个过程可能会花费一些时间&xff0c;但很值得。另一种减小图像大小的方法是使用HTML响应图像和属性&xff0c;根据...文章 2023-02-02 22浏览量 -
大数据基础之常用Linux命令
tar命令可以用来解压缩文件： tar-zxvf filename.tar.gz 16.grep命令 grep命令是一种强大的文本搜索工具，使用正则表达式匹配文本并将搜索结果打印出来. 从多个文件中查找关键词: grep 'linux' test1.txt test2.txt ...文章 2016-11-20 708浏览量 -
gulp两种配置方式总结
gulp-uglify/压缩javascript文件,减小文件大小 open 编写任务 lib html json less js image clean reload watch编写配置文件引入必要的模块&xff1b;并配置gulpfile.jsvar gulp&61;require(‘gulp’);var&61;r e q u i...文章 2023-02-02 33浏览量 -
京东资深前端架构师分享前端工程化在电商首页中的实践
楼层异步加载和本地缓存方式的好处：页面大约共有3288个元素，首屏大约仅900左右，楼层数据lazyload，只渲染首屏元素，大大降低首屏页面内容大小，极大的缩短页面首屏加载完成时间，当时测算首屏约1.6s即加载完，...文章 2016-05-03 5849浏览量 -
前端知识库
性能良好,尤其是对手机的支持,压缩后的大小约 5kbslick:功能异常强大的一个图片滑动切换效果库SocialButtons:漂亮的社交按钮sweetalert:一个非常美观的用于替换浏览器默认 alert 的库web-animations-js:Javascript ...文章 2017-03-02 37846浏览量 -
前端知识库
性能良好,尤其是对手机的支持,压缩后的大小约 5kbslick:功能异常强大的一个图片滑动切换效果库SocialButtons:漂亮的社交按钮sweetalert:一个非常美观的用于替换浏览器默认 alert 的库web-animations-js:Javascript ...文章 2017-04-10 3922浏览量 -
20个编写现代 CSS 代码的建议
在压缩的过程中，会将所有的空白与重复剔除掉从而减少整个文件的体积大小。当然，经过压缩之后的代码毫无可读性，因此在开发阶段我们还是应该使用普通的版本。对于CSS的压缩有很多的现行工具: Online tools – CSS ...文章 2017-06-02 1263浏览量
