【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » IT资讯 » 正文

FIS从入门到放弃

放大字体  缩小字体 发布日期:2020-05-14 01:27:43    浏览次数:27
导读

  FIS 是百度团队自行开发的一个解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题调的构建工具,FIS 这个东西已经不是现在主流的工具了,我们主要的是需要理解 FIS 的思想,用这种思想用 webpack 来搭建像 FIS 这样的项目  想要从一个初级的前端慢慢提升,其实是一个必须要经历的

  FIS 是百度团队自行开发的一个解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题调的构建工具,FIS 这个东西已经不是现在主流的工具了,我们主要的是需要理解 FIS 的思想,用这种思想用 webpack 来搭建像 FIS 这样的项目

  想要从一个初级的前端慢慢提升,其实是一个必须要经历的过程,FIS 就是从 1 到 2 再到 3 的,学习这种工具不是简单的说你会某个工具这样的,而是说:你具有这种构建工程化的工具的使用能力,这个才是你需要做到的

  实际上这些工具(比如:webpackgulpgrunt)用了之后,还是要将你的代码变成 css js html 的,他们具备的都是构建工程化的能力,一个高级的前端和一个 low 的前端其实差的就是这个可以让团队持续向下发展构建大型工程能力,如果你有了这个能力的话,再进入一般的公司是没有什么太大的问题的

  学了 FIS 之后可以让你体会到大公司在做一个项目的时候究竟做了些什么,会让你在公司中有一定的位置

  FIS 后面的四个步骤做的还是非常的优秀的,如果是用 webpack 的话配置起来会相当的麻烦。

  YOG2 是一个专注于 Node.js UI 中间层的应用框架。它基于 express 和 fis 开发,在享受 express 的灵活扩展能力和 fis 强大的前端工程化能力的同时,引入了自动路由、app 拆分以及后端服务管理模块来保证UI中间层的快速开发与稳定可靠。

  server - action 这个目录的内容实际上就是要发布到一级目录 app 中的,只要你在 app 这个一级目录下建一个 index 目录 他就会自动给你创建一个路由(这个实际上的例子是:当你访问一个网站的时候,比如:localhost:3000 它实际上直接访问的就是 localhost:3000/index/ 这个是可以自行去设置的)它的实现原理的是 直接去拿文件夹的 IO 找到里面有什么文件夹就会建这个路由,如果你编译了之后 会将 这个 server - action 目录中的文件放到 app 下的 index 目录中 ,这个 action 是类似于 php 中的 controller/action 这样的文件夹 所以就可以通过 /index/book.js (编译后的位置) 访问到 /action/book.js (编译前的位置)

  server - action - book.js 这个文件里面是 四个协议,这样同一个接口就可以产生四个协议,一个 js 文件通过 /index/book 文件就可以创建四个请求,这四个请求可以通过 app 随意地去访问,这个是个非常需要记住的技巧

  server - router.js 可以使我们更加方便的去配置路由,下图的位置就可以写正则表达式,使得路由更加的灵活

  home - fis-conf.js 这个 js 设置了启用是使用的端口号,一旦你使用 yog2 run 就可以启动这个端口,而且会将该编译的目录自动送到该送的目录中去

  顶部的 namaspace 后面的目录名称需要跟你导出的目录名称一致,不然是实现不了的,所以这里把之前 app 目录建的 index 目录 重命名 为 home ,注意这个是千万不能写错的,一定要一致

  yog2 release –dest debug 必须要求运行框架以调试模式启动后使用,否则无法正确的部署代码。

  //这里我做一个假路由 这里当请求的时候直接将渲染的页面用 根目录下的 index.js 代替了

  //这里我做一个假路由 这里当请求的时候直接将渲染的页面用 根目录下的 index.js 代替了 这个就叫做

  2. 上面的是一个基础的示例,使用了 yog2 之后,会发现不需要掌握较深的 node 知识只要安装 module 按照逻辑来写就能把业务给串起来,但是如果是后期你想要追求更高深的东西也可以,首先是需要将业务给跑起来,这是第一步,之后进行操作,先把上面修改的两处代码注释下,编辑 yogtest - home - fis-conf.js 文件 将文件中下面的代码注释掉,写上下面的代码片段 ![image.png](

  * 窗口2 执行命令的时候会报下面的错误 ![image.png](上面报错的原因是我现在使用的 node 版本过高,他并不支持,由于我的是 windows 系统所以安装了 [nvmw](来用它可以自由的使用 node 各种版本,具体安装方法可参考我的另一篇安装笔记 [Windows 下使用 nvmw 安装任意版本的 node](,安装之后因为 yog2 需要使用 4.8.6版本(这个版本号好用,其他的没有去尝试)

  //nvmw 命令使用的前提是安装并成功配置了 nvmw ,具体方法请移步上面的参考链接查看

  * 从命令行中的输出可以看到,FIS 自动的将 message.es 文件编译成了 message.js 文件 ![image.png](在刷新浏览器可以看到已经引用成功了,输出了正确的值 ![image.png](温馨提示 * FIS 使用的插件可以在官网的 [插件列表](中搜索、查找、使用fig.js 中的目录名是必须要与项目中开发阶段放所有文件的目录保持一致的 ![image.png](在每次生成的时候会有一个 FIS 里面比较核心的 map.json 文件 yogtest - conf - fis - home-map.json ![image.png](这个文件是整个项目的目录的依赖分析 就比如说 之前将 es 文件编译成了 js 文件并进行了压缩打包,就可以在这个文件中追踪的定位到这个 es 文件

  Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...

  百战程序员_ Java1573题 QQ群:603 掌握80%年薪20万掌握50%年薪...

  pdf下载地址:Java面试宝典 第一章内容介绍 20 第二章JavaSE基础 21 一、Java面向对象 21 ...

  简书,第一次遇见,遇见是奇妙的事情,产生好奇的念头,不知道有多少书友第一次来到简书,是否也有书友和我一样今天才第一...

 
关键词: fisbook
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:https://www.31duo.com/news/show-213636.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4