一些前端知识概念的整理
参考来源: http://www.runoob.com/bootstrap/bootstrap-tutorial.html
HTML 是什么 ?
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
什么是 CSS?
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。
CSS 样式表极大地提高了工作效率
样式表定义如何显示 HTML 元素
样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。
JavaScript是什么?
JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。
什么是 jQuery ?
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的”写的少,做的多”的JavaScript库。
jQuery库包含以下功能:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
AJAX是什么?
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。
目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。
Bootstrap是什么?
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
React 是什么?
React 是一个用于构建用户界面的 JAVASCRIPT 库。
React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。
React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。
React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
React 特点
1.声明式设计 −React采用声明范式,可以轻松描述应用。
2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。
3.灵活 −React可以与已知的库或框架很好地配合。
4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。
5.组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
6.单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。
Node.js是什么?
简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。
react-admin是什么?
在GitHub上搜”react admin”,排名第二位就是react-admin,star数达到5k。排名第一的ReactJS-AdminLTE本人也使用过,其与react admin的区别是:前者是前端模板,后者是前端开发框架。划重点:前端开发框架。根据实际使用,此言不虚。
react-admin是基于React和Material Design的管理后台前端开发框架,官方网址是:http://marmelab.com/react-adm…。其前身是admini-on-rest,2.x版本后改名为react-admin。
作为开发框架,react-admin重点不是华丽、漂亮的页面示例,而是适用于后台开发的一整套解决方案。其重要特性包括:
认证和授权(Authentication and Authorization),对用户身份和权限进行检查,通过authProvider提供;
后端通信,支持REST/SOAP等,由dataProvider提供;
数据更新和删除操作回滚(有限制);
支持排序、分页、搜索的Datagrid视图;
前端数据校验;
国际化支持,由i18nProvider提供;
主题支持。
react-admin有完整详细的文档,根据官网的”15分钟”教程(https://marmelab.com/react-ad...),可迅速开发出带有登录、对数据表CRUD的管理后台,非常实用。深入框架的各方面,需要继续阅读各专题文档。文档完整详细,并有示例代码,熟悉React的开发能在一两天内摸清框架各方面,得心应手的开发后台各种功能。
附一个前端知识的资源链接:
https://zhuanlan.zhihu.com/p/22229868
上一篇: 简单个人网站