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-components-demoFIS 组件使用 demo.安装插件npm install fis-postprocessor-require-async -gnpm install fis-...如果是其他方案 fisp 、jello 或者 yogurt 如果用 fis 提供的标签,没必要通过注释来标志依赖。
修改自 fis3-postpackager-loader,解决一个script标签丢失自定义属性的bug,其他均与fis-postpackager-loader一致 静态资源前端加载器,用来分析页面中使用的和依赖的资源(js或css), 并将这些资源做一定的优化后...
FIS网站-Odin Framework + materializecss 项目介绍 欢迎使用Odin,这是由开发的基本主题,可帮助敏捷开发WordPress主题。 安装 从WordPress wp-content/themes将文件夹“ odin”发送到默认的主题文件夹,或使用...
fis3-postpackager-iconfont安装npm install fis3-postpackager-iconfont --save背景项目中使用iconfont时,需要将 SVG 转化成 font 字体文件,同时解决字体css的引入的问题,整个流程比较繁琐。目标在 html 标签上...
//FileInputStream fis = new FileInputStream("D:/course/JavaProjects/JavaSE/chapter08/temp01");//绝对路径 InputStream inputStream = new FileInputStream("F:/2012.08.07卡惠数据/buz_2012-08-07 - 副本....
F.I.S(FIS)所提供的集成解决方案依托于一套灵活高效的 编译工具,F.I.S借助该编译平台对前端开发资源进行整合。接触F.I.S,可以从该平台入手。前端团队发展大多会经历规范设计、技术选型、系统拆分... 标签:Web框架
模糊集matlab代码 :graduation_cap: 我的大学项目 我在大学做过的编程项目。 我的专业是信息与计算机工程。 软件工程 ...(FIS) 是一种使用模糊集理论来映射输入的系统。 :label: 标签: MATLAB fuzzy-syst
另外,对于标签强制加入属性escapeXml="true" 使用 安装 npm install -g jello-optimizer-jsp-xss 启用插件 fis.config.set('modules.optimizer.jsp', 'jsp-xss'); 然后使用 release 命令的时候,记得带上 -o 参数。...
//判断文件移动是否成功,如果成功则html的img标签显示图片. if(move_uploaded_file($fie,$patch)){ $rs="$patch'/>上传成功!"; return $rs; } else{ $rs="文件上传失败!"; return $rs; } ...
java web模板源码下载 jello ['dʒeləu] 针对服务端为 JAVA + Velocity 的前端集成解决方案。 为优化前端开发而生,提供前后端开发分离、自动...开发了些扩展标签 (directive),如:html、head、body、script、style、
modJS 是一套的前端模块加载解决方案。...modJS只实现了AMD的一个子集,如果需要使用完整兼容AMD规范的版本,请使用amd目录下的esl-mod.js,这个版本是基于esl版本基础之上实现了fis的需求。 标签:modJS
存放 demo 列表fispage用fis构建page型的项目page型: 指主要是展示,HTML页面以script标签方式引入脚本//编译,在同级目录输出targetfis release -ompDd ../target
WARNING: 07-03 16:44:55 yd * - [logid=868855481 filename=D:\fis\test\models\doc.js lineno=25 errno=120 key1=value1 key2=value2 errmsg=error happened!] Debug支持 处于debug模式下Log将在...