`

fis相关标签介绍

阅读更多

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>

 

0
0
分享到:
评论

相关推荐

    前端开源库-fis-parser-jade-runtime

    使用fis-parser-jade-runtime时,开发者需要确保已经安装了FIS框架和相关的Jade依赖。配置FIS来使用这个插件,然后在构建过程中指定要处理的Jade文件。一旦设置完成,每次构建都会自动编译Jade模板,生成对应的...

    前端开源库-fis-parser-jade

    当使用fis-parser-jade时,开发者需要确保已经安装了FIS和Jade的相关依赖。在FIS配置文件中,需要指定使用这个解析器来处理.jade文件。例如: ```javascript fis.match('*.jade', { parser: fis.plugin('jade'), ...

    一款基于fis3的cssmodules插件

    【标签】:“JavaScript开发-CSS相关”表明这个插件与JavaScript和CSS紧密相关,特别是对于使用JavaScript进行前端开发的人员来说,了解和使用这个插件有助于提升CSS管理和维护的效率。在JavaScript开发中,CSS ...

    FIS3.zip

    标签"JavaScript"表明FIS3与JavaScript紧密相关。JavaScript是一种广泛用于网页和网络应用的编程语言,特别是在前端开发中。FIS3利用JavaScript实现其核心功能,包括处理和打包JavaScript模块,以及与其他前端技术如...

    使用FIS3和TypeScript实现vuehackernews20

    在实现vue-hackernews-2.0的过程中,你将学习如何配置FIS3以处理Vue.js的单文件组件(Single File Components,SFCs),这些组件通常包含HTML、CSS和JavaScript,通过`&lt;template&gt;`、`&lt;script&gt;`和`&lt;style&gt;`标签进行...

    前端开源库-fis3-deploy-zip

    **标签“前端开源”**意味着fis3-deploy-zip是一个开放源码的项目,开发者可以查看其源代码,理解其工作原理,并且根据自身需求进行定制或贡献代码。这促进了社区的交流和共享,推动了前端开发工具的进步。 综上所...

    前端开源库-fis3-optimizer-minifier

    标签“前端开源”表明这个工具是开放源代码的,这意味着开发者可以自由地查看、使用、修改和分发FIS3-optimizer-minifier的源码,这为社区贡献和持续改进提供了可能。开源社区的存在也让开发者能够及时获取到最新的...

    nooblab菜鸟实验室出品基于fis3的eslint自动检测插件

    【标签】"JavaScript开发-其它杂项"暗示了这个插件是JavaScript开发过程中的一个辅助工具,虽然不是核心的库或框架,但属于提高开发效率和代码质量的“杂项”工具。对于JavaScript开发者来说,了解并掌握这样的工具...

    前端开源库-fis3-packager-deps-pack

    3. **定义依赖**:FIS3支持多种方式声明依赖,如在HTML文件中使用`&lt;script&gt;`标签的`data-deps`属性,或者在JavaScript文件中使用`fis-deps`注释。确保你的代码正确地指定了依赖关系。 4. **执行打包**:最后,运行`...

    fis-components-demo:Fis 演示组件

    fis-components-demoFIS 组件使用 demo.安装插件npm install fis-postprocessor-require-async -gnpm install fis-...如果是其他方案 fisp 、jello 或者 yogurt 如果用 fis 提供的标签,没必要通过注释来标志依赖。

    前端开源库-fis3-optimizer-minify

    **FIS3 框架介绍** FIS3 是一套面向现代化 Web 开发的前端集成解决方案,旨在解决前端开发中的编译、构建、部署等常见问题。FIS3 提供了模块化、组件化的开发方式,支持多种预处理器,如 Sass、Less 等,并且内置了...

    前端开源库-fis-optimizer-minify-html.zip

    本篇文章将详细介绍`fis-optimizer-minify-html`及其在前端优化中的应用。 `fis`是百度开源的一个前端快速集成解决方案,它提供了完整的项目构建、部署、调试等工具,旨在简化前端开发流程。`fis-optimizer`是`fis`...

    前端开源库-fis-postprocessor-require-async.zip

    标题中的“前端开源库-fis-postprocessor-require-async.zip”指的是一个前端开发相关的开源库,这个库使用了FIS(Fast Integrate System)框架的一个特定组件——`fis-postprocessor-require-async`。FIS是百度开发...

    前端开源库-fis-optimizer-minify-html

    1. `README.md`:项目说明文档,详细介绍了如何安装、配置和使用该优化器。 2. `lib`目录:存放核心的JavaScript代码,实现了HTML压缩的功能。 3. `test`目录:测试用例,用于验证优化器的正确性和性能。 4. `...

    fis3-plugins:由fisker Cheung创建的fis3插件

    **标签解析** - **plugin**:指代这是一个关于插件的项目,通常用于扩展或增强原有工具的功能。 - **fis3**:表示这个插件是专门为fis3构建工具设计的。 - **JavaScript**:表明fis3-plugins是使用JavaScript语言...

    fis-postpackager-requirejs:fis 模块生成 require-config.js

    FIS框架介绍** FIS是一个前端构建工具,旨在解决前端开发中的资源管理、优化、部署等问题。它提供了丰富的配置选项和插件系统,可以根据项目需求进行定制。FIS支持CSS、JavaScript、图片等多种资源的处理,通过...

    Python库 | mypy-boto3-fis-1.17.83.tar.gz

    标签中的"python 开发语言 Python库"再次强调了这是与Python编程语言相关的开发资源,特别是Python库。Python库对于Python开发者来说至关重要,因为它们提供了大量的预编写功能,使开发工作更加高效。 在压缩包文件...

    Python库 | mypy_boto3_fis-1.18.43-py3-none-any.whl

    结合这些信息,我们可以推测`mypy_boto3_fis`库可能是为了在使用Boto3操作FIS时提供类型注解和类型检查支持,帮助开发者在编写AWS FIS相关的Python代码时,能提前发现潜在的类型错误,增强代码的可靠性和安全性。...

    PyPI 官网下载 | mypy-boto3-fis-1.18.41.tar.gz

    标签“Python库”表明`mypy-boto3-fis`是一个用Python编写的库,这类库通常包含一组函数、类或其他可重用的代码模块,用于扩展Python的功能,使得开发者可以更高效地编写应用程序。 根据压缩包子文件的文件名称列表...

    大众FIS-生产信息采集和物流管理控制参考.pdf

    在生产线的关键位置,通过扫描器读取车辆上的条形码或识别标签,实时收集车辆的标识信息。这些信息会被发送到FIS控制室,由FIS服务器处理,决定车辆是否可以通过当前控制点,并根据收集到的数据向其他工位和配套厂商...

Global site tag (gtag.js) - Google Analytics