资源合并fis-postpackager-simple插件的使用

FIS默认只会进行文件打包,不会对页面中的静态资源引用进行替换,这时可以利用fis-postpackager-simple插件进行资源替换. 安装: npm install -g fis-postpackager-simple 开启: // fis-conf.js fis.config.set('modules.postpackager', 'simple'); 设置打包规则: 规则:fis.config.set('pack', {'?.js':[] , '?.css':[]}); //fis-…

FIS常用功能之资源合并

这节讲资源合并,实战目录如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>fis test</title> <script src="/js/a.js"></script> <script src="/js/b.js">&l…

前端性能优化成神之路—资源合并与压缩减少HTTP请求

资源合并与压缩减少HTTP请求的概要资源合并与压缩减少HTTP请求主要的两个优化点是减少HTTP请求的数量和减少请求资源的大小 http协议是无状态的应用层协议,意味着每次http请求都需要建立通信链路.进行数据传输,而在服务器端,每个http都需要启动独立的线程去处理. 这些通信和服务的开销都很昂贵,减少http请求的数量和减少请求资源的大小可有效提高访问性能减少http的主要手段是合并CSS.合并JavaScript.合并图片.将浏览器一次访问需要的javascript和CSS合并成一个…

jenkins资源下载地址(软件、插件等)

jenkins资源下载地址(软件.插件等) 1. 镜像1:清华镜像 2 .镜像2:http://mirrors.jenkins-ci.org/ 3. 官方下载地址:https://jenkins.io/zh/download/ 附: jenkins中文网地址:http://www.jenkins.org.cn/d jenkins官网地址:https://jenkins.io/zh/ ======== zhcgis 版权所有,引用请注明出处! ========…

vs合并压缩css,js插件——Bundler & Minifier

之前做了一个大转盘的抽奖活动,因为比较火,部分用户反馈看不到页面的情况,我怀疑js加载请求过慢导致,所以今天针对之前的一个页面进行调试优化. 首先想到的是对页面的js和css进行压缩优化,百度了下vs集成的插件,貌似没有很好的支持,自己在vs里找了一个非常满意的插件——Bundler & Minifier 这个vs插件下载地址:点我插件功能说明: 1.合并多个css,js,html文件为一个单独的文件 2.保存源文件自动重新组合. 3.压缩css,js,html文件等等...(其他我没用到,…

cocos2dx 资源合并.

文件合并之前文件合并之后吐槽我们项目比较奇葩, ui用cocostudio做, 这项光荣的任务由美术接手. 这个美术是个新手, 经过我长时间的观察, 她似乎不用怎么画画. 至少在很长一段时间里, 她很悠闲, 只管拼UI即可. 这是我们客户端噩梦的源头. 她不懂需求, 任何ui, 只要截图下来符合策划草图就算完成任务. 因此, 什么层次结构, 什么命名规范, 统统没有. 程序接手过来的ui自己要从头到尾翻新一遍, 甚至比重做花的时间更长. 于是, 一个伟大的决定诞生了, 我把她的活一起做了,…

web站点优化之使用tengine搭建静态资源服务器，静态资源合并加载案例剖析

在一个项目还是单体架构的时候,所有的js,css,image都会在一个web网站上,看起来并没有什么问题,比如下面这样: 但是当web网站流量起来的时候,这个单体架构必须要进行横向扩展,而在原来的架构中静态资源这羊毛是出在单体架构这头羊身上,所以横向多少个单体,就有多少个静态资源文件夹,比如下面这样的架构. 那这种架构有什么问题呢? 总的来说会有如下二个问题: 1. 浏览器对单一域名的请求有并发限制. 在同一个域名下,一般来说有js,css,img,media,html等等静态资源,如果资…

Jmeter性能测试对服务器使用资源进行监控之ServerAgent插件使用

百度云盘友情赞助地址如下: 链接:https://pan.baidu.com/s/1cpAeOcfFX8kss1eo79UD9g 密码:b8o7 在windows上或者linux上打开服务用Jmeter进行监听即可下次附上截图今天使用了传说中的ServerAgent插件, 开启监听 Jmeter中配置觉得很是一般般,没有spotlight这么直观和方便. 其实所有的监听,也只是查看CPU/Memory/Network的资源占有率感觉还是不够, 性能测试也应该分白盒测试和黑盒测试, 白盒…

网络加速手段之一，JS文件资源合并下载

有过ftp下载文件经验的人都有体验,单独下载一个100M的文件比分开下载100个1M的文件速度快很多,这是因为下载需要解析域名,建立连接等额外开销的时间,因此下载100个文件就要做100次这种额外的开销.因此如果把这个100个文件整合成一个文件下载速度会快很多. 基于上述的方法,可以对HTML中的JS文件也做类似的处理,无论js文件多少个,通过配置文件,把N个js文件合并到一个文件下载.实现手段通过httpHandler.具体代码如下: web.config文件中: <httpHandler…

nginx css,js合并插件，淘宝nginx合并js，css插件

先下载Nginx_concat_module,下载后把它放在/usr/local/src/文件夹中,新建文件夹nginx-http-concat把下载的config ngx_http_concat_module.c放到其中,到时候nginx需要指定该目录查看nginx之前的配置 /usr/local/nginx/nginx -V nginx version: nginx/ built by (Red Hat -) (GCC) TLS SNI support enabled configure…

FIS 插件机制

FIS 插件机制 author: @TiffanysBear 当我们使用 FIS 插件的时候,有没有想过自己也开发一个基于 FIS 的插件,参与 FIS 打包编译的整个流程:那么问题就来了: FIS 的编译过程运行原理是怎样的呢? FIS 编译打包的过程有哪些? 怎么参与FIS 的打包编译过程? 怎么实现一个基于FIS的插件? FIS 是怎么引入自定义插件的? 基于以下的问题,从原理再进行慢慢分析,了解 FIS 编译的基本流程和原理,以及如何自己自定义一个 FIS 插件. 编译过程运行原理 fi…

使用nginx-http-concat添加nginx资源请求合并功能

web项目中有时候一个页面会加载多个js或css资源请求,导致页面加载耗时较长,这时优化的方向可以采用资源合并,可以在客户端事先合并,也可以在服务端进行资源合并,服务端合并的方式使用起来更灵活. nginx-http-concat是阿里云开发的nginx开源组件,可以在nginx编译安装时添加模块,也可以在已安装的nginx中重新添加模块. 一.已安装的nginx添加nginx-http-concat模块已安装的nginx添加module,需要重新进行编译覆盖,这点与apache不同,apac…

Netsharp快速入门(之2) 基础档案(之A 创建插件和资源)

作者:秋时杨昶时间:2014-02-15 转载须说明出处第三章基础档案开发本文不再对此需求进行分析设计,其实分析设计的结果在下文会体现在平台的使用过程中,这个销售系统分成两个模块,一个是基础档案,一个是销售管理. 基础档案模块包括商品.计量单位.客户等基础业务对象,有的公司把此类业务对象叫字典,有的叫档案,我们倾向使用后者,因为前者更技术化语言,后者更业务化一些. 销售管理模块包括一些销售订单和发货底单等. 本文中,一个模块对应一个插件.有的软件公司也会把一个张单据(如销…

利用maven中resources插件的copy-resources目标进行资源copy和过滤

maven用可以利用如下配置进行资源过滤,pom.xml的配置如下: <build>  <resources> <resource>  <directory>src/main/resources</directory> <!-- maven default生命周期,process-resources阶段执行maven-resources-plugin插件的…

FIS

学习官网 http://fis.baidu.com/docs/beginning/getting-started.html 1. fis release: 编译并发布 fis release -m: md5加密 fis release -o : 内容压缩 fis release -p : 文件打包合并可连写:fis release -mop 2.fis release -w 文件监听 3.fis-conf.js: // 设置图片合并…

基于fis的前端模块化和工程化方案

前端构建工具面对日益复杂的前端环境以及前端技术.node技术的高速发展,前端的开发也越来越工程化,体系化,也就是出现了前端自动化构建工具.他们完成的任务目标基本是: js,css,图片的自动压缩合并(图片也即是是自动sprite) js,css,图片自动添加域名 js,css,图片自动添加md5或版本号自动监听文件变化 sass/less/coffee等的自动编译支持amd/cmd的模块开发,可自动文件依赖可以部署文件网页自动刷新实时编译成熟的前端构建工具也有很多,比如:Gulp.…

fis前端开发框架

FIS是专为解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题的工具框架,相比gulp和grunt更傻瓜化,上手更容易,最近抽空学习了一下,分享一下心得. FIS官网: http://fis.baidu.com/ FIS开发文档API:http://fis.baidu.com/docs/beginning/getting-started.html 慕课网FIS教程: http://www.imooc.com/learn/220 一.fis安装 npm instal…

fis3-postpackager-loader插件说明

fis3-postpackager-loader 静态资源前端加载器,用来分析页面中使用的和依赖的资源(js或css), 并将这些资源做一定的优化后插入页面中.如把零散的文件合并. 注意此插件做前端硬加载,适用于纯前端项目,不适用有后端 loader 的项目.因为不识别模板语言,对于资源的分析和收集,比较的粗暴!!! 默认会把页面中用到的样式插入在 header 中,脚本插入在 body 底部.如果想修改,请在页面自己插入 和 <!--…

fis速查(不断更新)

模块化开发-pure: http://hefangshi.github.io/fis-site/docs/advance/modjs-solution.html 三种语言能力(资源定位,内容嵌入,依赖管理): http://hefangshi.github.io/fis-site/docs/more/fis-standard.html 背景图片合并: https://github.com/fex-team/fis-spriter-csssprites roadmap.path: http://h…

FIS Issue 标记

-----已知 [pack问题]忽视<!--[if lt IE 9]>进行合并 https://github.com/fex-team/fis/issues/253 关于增加md5戳以后文件越来越多 https://github.com/fex-team/fis/issues/97 -----待了解 fis-plus如何与后端结合使用 https://github.com/fex-team/fis-plus/issues/16 资源文件时间版的后缀和资源定位有冲突 https://github…

介绍一种基于gulp对seajs的模块做合并压缩的方式

之前的项目一直采用grunt来构建,然后用requirejs做模块化,requirejs官方有提供grunt的插件来做压缩合并.现在的项目切到了gulp,模块化用起了seajs,自然而然地也想到了模块合并压缩的问题.然后一开始在解决这个问题的时候,并不是很顺利,在npm上并没有那种特别流行的专门用来做seajs合并压缩的gulp插件,虽然在seajs的github上也看了不少的issue,但是大多数都是只能将所有的模块文件合并成一个总的文件,这对于单页面的应用来说肯定没有问题,但是对于多页面的应…