1 打开 cmd
2 用 node -v 和 npm -v 检测node的版本号
原创
2021-06-30 10:14:26
185阅读
1 打开 cmd 2 用 node -v 和 npm -v 检测node的版本号3 npm install -g cnpm --registr
原创
2022-03-28 16:21:28
63阅读
#npm install -g cnpm --registry=https://registry.npm.taobao.org#cnpm install -g fis3 npm install fis3 -g --registry=http://registry.npm.taobao.org/ --
转载
2023-06-28 22:30:09
26阅读
FIS3 的构建是不会对源码做修改的，而是构建产出到了另外一个目录，并且构建的结果才是用来上线使用的。
转载
2020-06-30 13:58:00
143阅读
2评论
11月7日安装fis3： - 1.在Windows系统中，开始菜单的搜索框中输入cmd打开命令行，在打开的命令行窗口中输入npm install -g fis3,然后按回车，然后fis3自己进行安装，等待十分钟左右，安装完毕。 - 2.在命令行中输入fis3 -v可以查看fis3的版本，检查是否安装成功。如果出现FIS的图标就表示安装成功，如果出现’fis3’ 不是内部或外部命令，也不是可运
原创
2022-01-13 14:09:55
273阅读
FIS3常用配置：
转载
2017-04-06 14:18:00
88阅读
2评论
设置规则的配置接口：fis.match(selector, props);1.添加md5戳：对 js、css、png 图片引用 URL 添加 md5 戳：fis.match('*.{js,css,png}', { useHash: true});2.js压缩：使用fis-optimizer-ugl... Read More
转载
2015-11-19 17:59:00
119阅读
2评论
Fis3构建工具Fis3的安装npm install -g fis3查看fis3fis3 –vfi3构建工具新建文件夹新建一个根目录进入根目录输入fis3 init指令初始化发布以及监听文件 指令：fis3 release –w –d ./project(project自己建的文件)建文件夹时，防止递归，加上配置文件// FIS3 会读取全部项目目录下的资源，如果有些资源不想被构建，通过以下方式排
原创
2017-05-17 14:35:57
1569阅读
fis3 scss编译需要安装的node版本为4.x,node版本高了fis会报错。如下图所示：
转载
2017-03-24 14:48:00
151阅读
2评论
安装插件：npm install -g fis-parser-lessnpm install -g fis3-postpackager-loader配置：fis-conf.js使用fis-parser-less 插件进行解析，.less 文件后缀构建后被改成 .css 文件fis.match('*.... Read More
转载
2015-11-19 21:08:00
116阅读
2评论
fis3 的常用例子：https://github.com/fex-team/fis3-demogit链接可在页面中获取替换下面的git链接：例子准备：git clone https://github.com/hefangshi/fis-quickstart-demo.git启动本地服务器预览：fi... Read More
转载
2015-11-19 12:19:00
90阅读
2评论
FIS3采取了类似CSS语法一样的配置风格，易于理解
原创
2023-06-01 01:00:53
227阅读
1.在Windows系统中，开始菜单的搜索框中输入cmd打开命令行，在打开的命令行窗口中输入npm install -g fis3,然后按回车，然后fis3自己进行安装，等待十分钟左右，安装完毕。2.在命令行中输入fis3 -v可以查看fis3的版本，检查是否安装成功。如果出现FIS的图标就表示安装成功，如果出现’fis3’ 不是内部或外部命令，也不是可运行的程序或批处理文件，则表示没有安装成功。需
原创
2022-01-13 14:09:54
227阅读
Fis项目个人理解：`pages`目录存放是页面文件存放路径1. `index`页面是首页文件2. `login`页面是登陆页文件3. `commons`目录存放各个页面的公共文件，如公共菜单、公共样式等4. `templates`属于各个页面的公共模板，如页首、页尾等`libs`目录是存放第三方库文件目录：就是放js...
原创
2022-01-13 14:01:27
253阅读
本文主要介绍前端构建工具-fis3 如何使用。FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。
原创
2022-02-22 14:11:33
336阅读
据说这个可以进行打包，并且可以实现类似/script/test-adsf123.js或者/script/test.js?v=asdf123 先做个记号 参考：http://fis.baidu.com/
转载
2016-12-08 10:31:00
76阅读
2评论
1. 什么是CSS Sprite 将一些碎小的图片拼接为一张大点的图片来使用，目的是为了减少浏览器的http请求次数以提高网页的加载速度。每次请求图片都需要跟服务器建立一次连接，并且浏览器的最大并发请求数是有限制的。使用雪碧图并不能减少传送的数据的总量，但可以通过节省掉一部分建立、关闭连接的时间来加快网页的加载速度。 2. 如何使用 2.1 怎么得到雪碧图？ ※ 直接手动拼接，只要可以将需...
原创
2021-07-28 15:36:16
166阅读
文章目录CSS精灵技术（sprite） 小妖精 雪碧精灵技术产生的背景精灵技术本质精灵技术的使用制作精灵图注意事项结束语：精灵图案例CSS精灵技术（sprite） 小妖精 雪碧精灵技术产生的背景图所示为网页的请求原理图，当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的
原创
2020-07-03 21:18:42
548阅读
CSS Sprite也叫CSS精灵图，或者CSS雪碧图，是一种网页图片应用处理方式。它允许你讲一个页面涉及到的所有的小图标（或其他图）包含到一张大图。当前的问题虽然每个小图标或者小图片实际的大小并不会太大，但是每次页面打开，都需要先向服务器发出去一个请求，多次请求会消耗很大的性能，也是页面加载速度变慢的原因之一。这样做的优点减少图片字节数减少网页的http请求，从而大大的提高页面的性能原理通过ba
原创
2022-10-20 19:49:37
241阅读
2评论
在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。
转载
2016-05-29 11:08:00
149阅读
2评论
