前端知识结构(Frontend Knowledge Structure)

Frontend Knowledge Structure

前端学习切勿跟风! 因为前端框架的更新几乎以周为频率.尤其对于新手而言,与其追一些新出的框架,打好基础才是关键.学好JavaScript对以后使用一些工具或框架有很大的帮助.

原文出处: https://github.com/JacksonTian/fks

前端知识结构

前端开发的核心是HTML(信息结构)、CSS(显示效果)和JavaScript(行为,数据交换).其本质构成了一个MVC框架.
Web前端知识体系结构:
这里写图片描述

可视化效果

前端开发知识结构

前端书籍推荐

★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.

CSS

JavaScript

性能实践

版本控制工具

学习资源

  1. https://github.com/JacksonTian/fks
  2. https://github.com/kencery/Front-end-tutorial
  3. http://tutorialzine.com/2015/12/the-languages-and-frameworks-you-should-learn-in-2016/
  4. https://medium.com/@sachagreif/the-state-of-javascript-front-end-frameworks-1a2d8a61510#.l3d2zwpj5
  5. https://reactforbeginners.com/
  6. https://blackpixel.com/writing/2016/01/front-end-web-developments-to-watch-in-2016.html
  7. http://www.jianshu.com/p/b9ad2af81e35
  8. http://usersnap.com/blog/web-development-trends-2016/
  9. http://www.cnblogs.com/jikey/p/3613082.html
  10. http://www.cnblogs.com/jikey/p/3613082.html
  11. http://www.kancloud.cn/jsfront/month/82796
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Metabase 的前端目录结构(`frontend` 目录)是一个比较复杂的结构,下面我将详细介绍各个重要目录和文件的作用: 1. `build` 目录:这个目录包含了构建过程中生成的临时文件和输出的构建结果。在开发过程中,该目录会自动生成并更新。 2. `resources` 目录:这个目录包含了前端应用使用的静态资源文件,例如图标、样式表、配置文件等。 3. `src` 目录:这是 Metabase 前端应用的主要源代码目录,它包含了多个子目录和文件,用于实现不同模块和功能。 - `metabase` 目录:这个目录包含了 Metabase 前端应用的核心代码,它负责处理主要的请求和响应逻辑。在这个目录下,你可以找到多个子目录和文件,每个子目录对应着一个功能模块或组件。 - `frontend` 目录:这个目录包含了与前端界面相关的代码和资源,例如视图、组件、样式等。它负责渲染用户界面并处理用户交互。 - `api` 目录:这个目录包含了与后端 API 交互的代码。它封装了与后端的通信逻辑,包括请求构建、响应处理等。 - `plugins` 目录:这个目录包含了与插件相关的代码和资源。如果你使用了 Metabase 插件系统,插件的代码和资源文件将会存放在这个目录中。 - `utils` 目录:这个目录包含了一些通用的工具函数和实用方法,用于辅助开发和处理一些常见的任务。 - `test` 目录:这个目录包含了前端代码的测试文件。它用于编写和运行前端代码的单元测试和集成测试。 4. `test` 目录:这个目录包含了一些用于测试的配置文件和测试数据。 5. `node_modules` 目录:这个目录包含了项目依赖的第三方 Node.js 模块。它会在项目构建过程中被自动安装和更新。 6. `package.json` 文件:这个文件是项目的配置文件,用于定义项目的依赖、构建脚本等信息。 除了上述列举的目录和文件,Metabase 的前端目录结构还可能包含其他辅助性文件和目录,用于构建、部署和管理项目。 需要注意的是,Metabase 使用了多个技术栈来构建前端应用,包括 ClojureScript、React 和 Redux。因此,在 `src/metabase/frontend` 目录中可能会有与这些技术相关的文件和目录。 以上是一个大致的 Metabase 前端目录结构示例,具体的结构可能因不同的版本和个性化配置而有所差别。如果你希望详细了解特定版本的 Metabase 前端代码结构,请查阅官方文档或浏览 Metabase 的代码仓库。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值