fis简介
- fis在github上的开源地址为: https://github.com/fouber/fis-java-jsp
- 关于fis的几个接口的实现
- fis:html
- 它是一个标识性的一个标签,表明html页面需要fis进行处理
- 他必须要以结束
- 其他的标签必须要位于和之间
- fis:div
- 类似于html标签,在ajax调用中非常有用
- fis:styles
- 是一个占位符,页面中的所有的css以后会被fis收集在这个地方
- 一般来说是放在之前
- fis:scripts
- 是一个占位符,页面中的所有的js以后会被fis收集在这个地方
- 用户写的js也会按照顺序收集在这个地方
- 一般来说是放在之前
- fis:require
- 用于表示它依赖一个js或者css文件,可以在页面位置的任意地方写
- 一个典型的页面实现可能如下:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="fis" uri="http://fis.baidu.com/tags"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <fis:html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <fis:styles/> </head> <body> 我是body <fis:script> console.log("11111111"); </fis:script> <fis:require name="resources/lib/bootstrap/css/bootstrap.css"></fis:require> <fis:require name="resources/lib/js/jquery.js"></fis:require> <fis:script> console.log("222222222"); </fis:script> <fis:scripts/> </body> </fis:html>
- 执行后的效果如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <link rel="stylesheet" type="text/css" href="resources/lib/bootstrap/css/bootstrap.css"/> </head> <body> 我是body <script type="text/javascript" src="resources/lib/js/jquery.js"/> <script type="text/javascript"> console.log("11111111"); </script> <script type="text/javascript"> console.log("222222222"); </script> </body> </html>
相关推荐
使用fis-parser-jade-runtime时,开发者需要确保已经安装了FIS框架和相关的Jade依赖。配置FIS来使用这个插件,然后在构建过程中指定要处理的Jade文件。一旦设置完成,每次构建都会自动编译Jade模板,生成对应的...
当使用fis-parser-jade时,开发者需要确保已经安装了FIS和Jade的相关依赖。在FIS配置文件中,需要指定使用这个解析器来处理.jade文件。例如: ```javascript fis.match('*.jade', { parser: fis.plugin('jade'), ...
【标签】:“JavaScript开发-CSS相关”表明这个插件与JavaScript和CSS紧密相关,特别是对于使用JavaScript进行前端开发的人员来说,了解和使用这个插件有助于提升CSS管理和维护的效率。在JavaScript开发中,CSS ...
标签"JavaScript"表明FIS3与JavaScript紧密相关。JavaScript是一种广泛用于网页和网络应用的编程语言,特别是在前端开发中。FIS3利用JavaScript实现其核心功能,包括处理和打包JavaScript模块,以及与其他前端技术如...
在实现vue-hackernews-2.0的过程中,你将学习如何配置FIS3以处理Vue.js的单文件组件(Single File Components,SFCs),这些组件通常包含HTML、CSS和JavaScript,通过`<template>`、`<script>`和`<style>`标签进行...
**标签“前端开源”**意味着fis3-deploy-zip是一个开放源码的项目,开发者可以查看其源代码,理解其工作原理,并且根据自身需求进行定制或贡献代码。这促进了社区的交流和共享,推动了前端开发工具的进步。 综上所...
标签“前端开源”表明这个工具是开放源代码的,这意味着开发者可以自由地查看、使用、修改和分发FIS3-optimizer-minifier的源码,这为社区贡献和持续改进提供了可能。开源社区的存在也让开发者能够及时获取到最新的...
【标签】"JavaScript开发-其它杂项"暗示了这个插件是JavaScript开发过程中的一个辅助工具,虽然不是核心的库或框架,但属于提高开发效率和代码质量的“杂项”工具。对于JavaScript开发者来说,了解并掌握这样的工具...
3. **定义依赖**:FIS3支持多种方式声明依赖,如在HTML文件中使用`<script>`标签的`data-deps`属性,或者在JavaScript文件中使用`fis-deps`注释。确保你的代码正确地指定了依赖关系。 4. **执行打包**:最后,运行`...
fis-components-demoFIS 组件使用 demo.安装插件npm install fis-postprocessor-require-async -gnpm install fis-...如果是其他方案 fisp 、jello 或者 yogurt 如果用 fis 提供的标签,没必要通过注释来标志依赖。
**FIS3 框架介绍** FIS3 是一套面向现代化 Web 开发的前端集成解决方案,旨在解决前端开发中的编译、构建、部署等常见问题。FIS3 提供了模块化、组件化的开发方式,支持多种预处理器,如 Sass、Less 等,并且内置了...
本篇文章将详细介绍`fis-optimizer-minify-html`及其在前端优化中的应用。 `fis`是百度开源的一个前端快速集成解决方案,它提供了完整的项目构建、部署、调试等工具,旨在简化前端开发流程。`fis-optimizer`是`fis`...
标题中的“前端开源库-fis-postprocessor-require-async.zip”指的是一个前端开发相关的开源库,这个库使用了FIS(Fast Integrate System)框架的一个特定组件——`fis-postprocessor-require-async`。FIS是百度开发...
1. `README.md`:项目说明文档,详细介绍了如何安装、配置和使用该优化器。 2. `lib`目录:存放核心的JavaScript代码,实现了HTML压缩的功能。 3. `test`目录:测试用例,用于验证优化器的正确性和性能。 4. `...
**标签解析** - **plugin**:指代这是一个关于插件的项目,通常用于扩展或增强原有工具的功能。 - **fis3**:表示这个插件是专门为fis3构建工具设计的。 - **JavaScript**:表明fis3-plugins是使用JavaScript语言...
FIS框架介绍** FIS是一个前端构建工具,旨在解决前端开发中的资源管理、优化、部署等问题。它提供了丰富的配置选项和插件系统,可以根据项目需求进行定制。FIS支持CSS、JavaScript、图片等多种资源的处理,通过...
标签中的"python 开发语言 Python库"再次强调了这是与Python编程语言相关的开发资源,特别是Python库。Python库对于Python开发者来说至关重要,因为它们提供了大量的预编写功能,使开发工作更加高效。 在压缩包文件...
结合这些信息,我们可以推测`mypy_boto3_fis`库可能是为了在使用Boto3操作FIS时提供类型注解和类型检查支持,帮助开发者在编写AWS FIS相关的Python代码时,能提前发现潜在的类型错误,增强代码的可靠性和安全性。...
标签“Python库”表明`mypy-boto3-fis`是一个用Python编写的库,这类库通常包含一组函数、类或其他可重用的代码模块,用于扩展Python的功能,使得开发者可以更高效地编写应用程序。 根据压缩包子文件的文件名称列表...
在生产线的关键位置,通过扫描器读取车辆上的条形码或识别标签,实时收集车辆的标识信息。这些信息会被发送到FIS控制室,由FIS服务器处理,决定车辆是否可以通过当前控制点,并根据收集到的数据向其他工位和配套厂商...