-
Grunt压缩、合并js/css文件
官网上在首页给出了为什么要使用构建工具以及为什么要使用Grunt. 为什么要使用构建工具？一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的...文章 2016-06-15 949浏览量 -
比较grunt,npm,gulp
上面就是一个合并文件的例子,假如任务内的操作比较多的话,配置文件就非常多,grunt适合对nodejs不是非常熟悉的情况下使用,而且自定义插件也非常方便,这个可以看我之前写的文章. grunt在处理多个子功能的时候会频繁的...文章 2016-05-27 1760浏览量 -
从Npm Script到Webpack，6种常见的前端构建工具对比
它的亮点在于，能针对ES6源码进行Tree Shaking，以去除那些已被定义但没被使用的代码并进行Scope Hoisting，以减小输出文件的大小和提升运行性能。然而Rollup的这些亮点随后就被Webpack模仿和实现。由于Rollup的使用...文章 2018-01-18 23041浏览量 -
现代JavaScript开发者的工具箱
grunt以监控你的LESS或SASS文件，当文件产生变更时立即进行编译，编译后生成的文件就可以直接在开发环境中进行使用了。你也可以让grunt 监控在你修改了每个文件之后都自动地运行某种代码整理工具。通过grunt监控进行...文章 2017-08-01 1557浏览量 -
使用CoffeeScript编写Node.js 模块
让我们使用Grunt&xff0c;JavaScript任务自动化工具来自动化我们的构建和测试过程。添加一个构建脚本npm install-g grunt-cli&pm install grunt-contrib-coffee用CoffeeScript创建一个简单的Gruntfile&...文章 2021-11-11 77浏览量 -
FIS3的简单使用
fis3不像grunt、gulp使用时候很多插件还要配置，因为fis3很多已经内置，只需要配置下一个必须文件:fis-conf.js即可。下面介绍几个常用的配置例子,(例子下载)，例子目录：app是项目的开发环境，build是空文件夹，是...文章 2017-11-05 1443浏览量 -
JavaScript框架、类库、工具汇总
虽然两个类库在客户端使用率很低，但是却可以在服务器端的Node.js应用程序中使用这两个类库。优点： 小而简单 良好的文档易于学习 与大多数类库和框架兼容 不扩展内置对象 可以在客户端或服务器上使用 缺点： 有些...文章 2017-08-01 2279浏览量 -
2017年前端框架、类库、工具大比拼
虽然两个类库在客户端使用率很低，但是却可以在服务器端的Node.js应用程序中使用这两个类库。优点： 小而简单 良好的文档易于学习 与大多数类库和框架兼容 不扩展内置对象 可以在客户端或服务器上使用 缺点： 有些...文章 2017-11-13 1654浏览量 -
2017年前端框架、类库、工具大比拼
虽然两个类库在客户端使用率很低，但是却可以在服务器端的Node.js应用程序中使用这两个类库。优点： 小而简单 良好的文档易于学习 与大多数类库和框架兼容 不扩展内置对象 可以在客户端或服务器上使用 缺点： 有些...文章 2017-06-19 1731浏览量 -
用SVG 制作 Sprites的图标系统（一）
确保在svg上使用这些类名来调整它的大小。Do whatever makes sense here. Just know that the svg will be an enormous 100%wide if you don&39;t reign in the width.*/ icon { display:inline-block;width:25px;...文章 2022-05-08 82浏览量 -
前端优化方案
在统一插入到DOM Tree中可以使用fragment，尽量不在页面DOM Tree里直接操作现在流行的框架都在使用虚拟DOM技术，通过diff算法，简化和减少DOM操作前端构建工具介绍Grunt 一个项目需要定制多个小任务应用多个插件Gulp...文章 2022-06-30 118浏览量 -
3期：阿里去IOE故事首次披露（原云栖速递）
Java在执行程序时如何使用参数指定栈的大小 怎么设置Java在执行程序时指定栈的大小，参数设置比较恰当不影响递归深度。RDS PostgreSQL如何监控系统中是否有长事务？采纳的回答给予了查看PostgreSQL系统中是否有长...文章 2016-03-07 2985浏览量 -
前端性能分析优化
利用gulp,grunt,webpack等构建工具将项目资源文件整合 利用CSS Sprites 减少图像请求. 通过使用合并图片，通过指定css的backgroud-image和backgroud-position来显示元素。启用浏览器缓存 要利用浏览器缓存存储可缓存...文章 2017-07-03 1798浏览量 -
2014年9月-前端开发月刊
Javascript Unit Test ...【单页应用】一起来单页应用吧，实现简单微博...【grunt第二弹】30分钟学会使用grunt打包前端代码（02） http://ourjs.com/detail/%E5%88%B6%E4%BD%9Ccanvas%E6%B8%B8%E6%88%8F 制作canvas游戏 ...文章 2017-11-13 1734浏览量 -
前台页面优化全攻略（一）
这个时候你就需要使用第三方的工具来帮你一键解决，比如JSLint,Dust-Me Selectors,CSS Usage,unused-css.com 或是像grunt-uncss一样的构建工具。5.通用和最小化CSS 理想情况下，需要一个单独的CSS文件，让每个页面...文章 2016-05-19 2131浏览量 -
前端需要了解的webpack知识点
都是他附带的功能grunt/gulp使用场景1.工程化模块化非常简单&xff0c;甚至没有用到模块化的概念 2.只需要进行简单的合并&xff0c;压缩&xff0c;就是用grunp/gulp即可 3.如果整个项目使用了模块化管理&xff0c;而且相互依赖...文章 2022-11-30 31浏览量 -
中文文案排版指北
名詞專有名詞使用正確的大小寫大小寫相關用法原屬於英文書寫範疇&xff0c;不屬於本 wiki 討論內容&xff0c;在這裡只對部分易錯用法進行簡述。正確&xff1a;使用 GitHub 登錄我們的客戶有 GitHub、Foursquare、Microsoft ...文章 2022-05-22 87浏览量 -
手机游戏开发中如何选择适合的纹理格式
通过一些压缩方式得到的压缩PNG：如grunt-png8,tinypng等，这些工具，使用了较高的压缩技巧，使PNG24/32的RGBA可以保存在8位通道中。且能够提供较高的还原度。这种和PNG一样，读入内存后，每个像素依然占4BYTES。gt;...文章 2016-05-19 2319浏览量 -
前端js文件合并三种方式
这种方式我始终觉得不对劲，小应用直接单个大文件搞定，而大应用更不会这样去做，更不能用在Hybrid应用上，在这样讲究安装包大小的情形下，不能容忍冗余代码。我在思考各种场景时候，都发现能用上面或下面方式解决，...文章 2016-05-20 3266浏览量 -
好程序员web前端分享主流CSS image比较
css 文件大小 编码成本及维护(展示不直观，目前需手动转换，我暂时不知道自动替换之类的插件)之前有看到过篇测评说性能上比 sprite 微弱一些，一时间找不到链接 综合起来，data URI可以使用在*图片尺寸很小，使用一...文章 2019-04-19 958浏览量 -
前端js文件合并三种方式
这种方式我始终觉得不对劲，小应用直接单个大文件搞定，而大应用更不会这样去做，更不能用在Hybrid应用上，在这样讲究安装包大小的情形下，不能容忍冗余代码。我在思考各种场景时候，都发现能用上面或下面方式解决，...文章 2017-11-12 1062浏览量 -
大数据基础之常用Linux命令
nohup grunt server&exit 加上可执行权限： chmod 777 start-ehk.sh 执行脚本： sh start-ehk.sh 之后就可以依次访问9200、9100、5610端口啦！查找进程号关闭，Mac上通过端口号查找pid对命令如下： lsof-i tcp:...文章 2016-11-20 690浏览量 -
ASP.NET MVC 应用提速的十种方法
此外，如果你掌握了 Grunt 或 Gulp 之类的前端客户端工具，就可以在创建应用或者部署应用时自动实现图片优化。延伸阅读：Visual Studio 2015 图片优化插件 3.使用 Sprites 每个网站都有图片。图片几乎是必不可少的...文章 2016-05-05 1889浏览量 -
Javascript水平提升
这个时候你需要往高级一步了，你可能熟练使用jq或者某一框架，基于某些框架二次开发了非常炫酷的插件组件，并且了解了设计模式，一些高大上的名词，业务需求无法满足你，自动化工具grunt和gulp用的妥妥的，总之，很...文章 2017-01-29 613浏览量 -
2018前端工程师成长路线图
任务管理工具有npm script、gulp和Grunt等。现在，webpack可以完成任务管理工具的大部分工作，因此我们可以结合npm script和webpack一起使用就好了。打包工具有Webpack、Rollup、Browserify。我推荐大家使用Webpack...文章 2018-09-12 2246浏览量 -
前端知识库
native:Facebook 出品的使用 React 开发 IOS 原生应用的框架react-hot-loader:实时调整 React 组件效果grunt-react:React 的 Grunt 组件,用于将 JSX 编译成 JStouchstonejs:基于 React 的手机应用前端框架essential-...文章 2017-03-02 37773浏览量 -
前端知识库
阮一峰Redux 入门教程http://www.ruanyifeng.com/blogreact: React 框架源代码react-native:Facebook 出品的使用 React 开发 IOS 原生应用的框架react-hot-loader:实时调整 React 组件效果grunt-react:React 的 ...文章 2017-04-10 3899浏览量 -
Google Web开发最佳实践（二）
这就减小了最终的文件大小，加快站点加载时间。合并意味着把多个文件的内容并成一个。之所以这样做是因为浏览器可以因此只发送一个请求给服务器，而不是多个，对你的用户来说，这会更快。关于哪些 JavaScript 文件...文章 2014-10-22 1787浏览量 -
20个编写现代 CSS 代码的建议
Libraries:Minfiy(PHP),CSSO and CSSNano(PostCSS,Grunt,Gulp) 选择哪个工具肯定是依赖于你自己的工作流啦~ 多参阅Caniuse 不同的浏览器在兼容性上差异很大，因此如果我们可以针对我们所需要适配的浏览器，在caniuse...文章 2017-06-02 1240浏览量 -
2018前端工程师成长路线图
任务管理工具有npm script、gulp和Grunt等。现在，webpack可以完成任务管理工具的大部分工作，因此我们可以结合npm script和webpack一起使用就好了。打包工具有Webpack、Rollup、Browserify。我推荐大家使用Webpack...文章 2018-09-04 1975浏览量
