Fangshi He
Fangshi He
目前fis-conf.js是纯同步执行，如果提供异步API，就可以做更多有想象力的事情，比如抓取一些线上信息作为编译依赖等。 ``` javascript module.exports = function(done){ fis.config.set('namespace', 'common'); http.get(url, function(data){ var file = fis.file(projectpath, subpath); file.setContent(data); fis.project.addSrc(file); done(); }); } ```
由于Ubuntu下已经有一个名叫node的库，因此Node.js在ubuntu下默认叫nodejs，需要额外处理一下 http://stackoverflow.com/questions/18130164/nodejs-vs-node-on-ubuntu-12-04 ``` bash sudo ln -s /usr/bin/nodejs /usr/bin/node ```
[FAQ] FIS安装失败
FIS作为nodejs模块发布托管在 [npm](https://www.npmjs.org/)上，npm是nodejs的包管理工具。[查看npm网站](https://www.npmjs.org/search?q=fis) 用户需要使用npm install命令来安装FIS。更多npm使用，执行 npm -h 来查看 由于npm经常被墙，安装FIS的时候会出现速度过慢，或者安装不上的问题 。可以通过 npm的 `--registry` 参数指定仓库。指定国内的npm镜像来解决npm被墙的问题。 例如： ``` bash npm install some-npm-module -g --registry=国内镜像 --disturl=https://npm.taobao.org/dist ``` - 下面提供一个国内镜像。其他镜像大家可以自己找找 - --registry=http://registry.npm.taobao.org/ 即你可以通过下面的命令使用cnpmjs仓库安装FIS ``` bash npm...
绝对路径的调整是必须的，将uri路径调整为绝对路径是为了避免资源嵌入、资源合并后资源引用路径错乱等问题。 以CSS为例 ``` bash ├── moduleA │ ├── A.png │ └── A.css # url(./A.png) ├── moduleB │ ├── B.png │ └── B.css # url(./B.png) ``` 一旦合并，但不处理资源路径问题，就会变成 ``` bash ├── moduleA...
使用自动刷新功能会使样式调整与静态页制作工作变的异常方便，因此很多同学对FIS的自动刷新功能感兴趣，但是使用过程中经常遇到问题，因此简单介绍下FIS实现自动刷新的原理以及出现问题后的排查步骤。 FIS开启自动刷新功能的方法是 ``` javascript fis release --watch --live ``` 可以缩写为 ``` javascript fis release -wL ``` 其中watch参数代表监听项目的文件修改，而live参数则表示在文件修改后触发自动刷新。 FIS实现自动刷新的原理是在使用--live参数进行FIS发布后，会启动一个livereload server，他的功能是启动一个小型的websocket服务器，可以与浏览器进行实时通信，通知浏览器自动刷新。 而启动了livereload server后，我们还需要浏览器端的页面主动与server通信接收自动刷新事件，因此FIS在开启--live的情况下，会对所有页面注入livereload.js埋下脚本，启动与server的通信通道。 在通道建立完成后，当FIS项目中的文件修改后，会通过--watch自动触发重新编译与发布至目标路径，发布完成后，会由livereload server发布自动刷新事件，浏览器端的livereload.js接收到自动刷新请求后，就会进行页面刷新。 原理说完了，我们看看遇到自动刷新问题应该如何排除 ## livereload server启动问题 1. 需要确认fis release时使用了...
``` javascript { .... replace : { from : /http:\/\/www\.(\w+)\.com/g, to : function(m, $1){ switch($1){ case 'online1': return 'http://www.offline1.com'; case 'online2': return 'http://www.offline2.com'; default : return 'http://www.offline.com'; } } },...
如果没有指定或者设置常量，则会存放到用戶根目录下。可以使用以下命令打开。 ``` bash $ fis server open ``` 如果希望指定产出目录，可以使用 ``` bash $ fis release -d ../dist ``` 如果使用的是二次封装后的FIS解决方案，将fis替换成解决方案的命令即可，如 ``` bash $ fisp server open ```
可以在fis-conf.js中添加如下设置 > 已经设置过roadmap.path的项目不能重复set roadmap.path，否则roadmap.path设置会被覆盖，请在自己的roadmap.path的基础上进行query设置。 **注意** roadmap.path配置后，所有的文件会按照roadmap.path数组的先后顺序对文件路径进行匹配，如果匹配成功，就会按照指定配置处理。 举例说明，如果还希望设置`**.css`的useSprite为true，则应该在`/.*\.(js|css)$/` 的配置中添加`useSprite: true`，而不是在roadmap.path中添加一条`**.css`的配置。 关于roadmap.path更详细的说明可以参考 #76 以及文档[roadmap.path](http://fis.baidu.com/docs/api/fis-conf.html#roadmap) ``` javascript var now = new Date(); fis.config.set('timestamp', [now.getFullYear(), now.getMonth()+1, now.getDate(), now.getHours()].join('')); fis.config.set('roadmap.path', [ { reg: /.*\.(js|css)$/, query:...
since i wanna add the flexigrid to cdnjs, and the owner need a tag on the source repo https://github.com/cdnjs/cdnjs/pull/1062#issuecomment-15332170
With multi series data, the legend were stacked together, and the svg seems incorrect, u can try some options in highcharts demo