• 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浏览量
1 2 3 >

云产品推荐

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