文档章节

前端的一些工具和概念、框架

IT追寻者
 IT追寻者
发布于 2016/06/16 19:08
字数 600
阅读 179
收藏 9
点赞 0
评论 0

前端目前发展真是百家争鸣热闹的很,也涌现出了大量的框架、工具,下面就是对热门的前端的一个梳理:

1. Node.js:一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好

2.NPM:通常称为node包管理器。顾名思义,它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等

3. Grunt:.Grunt 是一个基于任务的JavaScript工程命令行构建工具。

4. Glup:利用 Node.js 流的威力一个自动化构建工具。

5.Bower :一个针对Web开发的包管理器。该工具主要用来帮助用户轻松安装CSS、JavaScript、图像等相关包,并管理这些包之间的依赖。

6.Browserify :可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 Javascript 代码,通过预编译让前端 Javascript 可以直接使用 Node NPM 安装的一些库。

7.webpack:一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理

8.Bable:一个 JavaScript 编译器,

9. ReactJs:虚拟DOM(Virtual DOM)和组件化的开发一个前端框架。

10. AngularJS:一款优秀的前端JS框架,MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等

11.Bootstrap:来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。

12.Flux:Facebook用来构建用户端的web应用的应用程序体系架构。它通过利用数据的单向流动为React的可复用的视图组件提供了补充。相比于形式化的框架它更像是一个架构思想,不需要太多新的代码你就可以马上使用Flux构建你的应用

13.Redux:一个数据层的framework,类似于Baobab。

14.Vue.js:用于构建交互式的 Web  界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。

15.Electron: Github 发布跨平台桌面应用开发工具,基于 Web 技术。

© 著作权归作者所有

共有 人打赏支持
IT追寻者

IT追寻者

粉丝 21
博文 255
码字总数 49161
作品 0
海淀
高级程序员
成为一名前端架构师需要付出怎样的努力?

说起前端架构师,给人感觉上是一个高大上的名称, 每个初入行的前端工程师在面试时, 被问到你未来的方向是什么? 我们或许都会很顺口的回答, "嗯, 朝着架构方向走吧...", 那这个像是顺口溜的答...

小欣妹妹 ⋅ 04/13 ⋅ 0

前端的知识体系如上,可以按以下思路进行系统的学习

  前端的知识体系如上,可以按以下思路进行系统的学习,以下是峰峰特别分享:   【基础知识】   1. html + css 这部分可以在w3cschool 在线教程上学习(网址:www.w3cschool.cn),边学边...

尹华峰博客 ⋅ 2017/06/14 ⋅ 0

10.jQuery的不足

jQuery缺失的环节 jQuery有点像C语言,威力很大,不过要弄出点像样的前端界面,还得花不少功夫 处理琐碎的事情。 还能再简单些吗?Misko Hevery认为在某些应用场景下可以。于是,AngularJS诞...

oneboi ⋅ 2016/11/25 ⋅ 0

如何提高前端工程师的开发效率?

  前端工程师其实是一个工作很杂的职位,除了要负责切图、写html/css/js外,还要处理一系列的浏览器兼容性问题、优化网页性能等,所以提高前端工程师的开发效率是势在必行的,也是前端共工...

Web前端开发 ⋅ 2017/06/01 ⋅ 0

Kissy笔记 一、前言

缘由 最近想要物色一套前端开发组件。jQuery确实很好用,基于jQuery的插件倒也不少,但是大多比较散,不成统一体系。有做成一套体系的组件,要不就还不成熟,真正用在项目中恐怕维护起来有无...

牛博 ⋅ 2012/11/02 ⋅ 0

我的架构经验系列文章 - 前端架构

框架层面:近几年前端发展很快,前端之所以叫前端因为前端是已经可以独立成为一种职业了,js也不再是十年前的玩具了,以前富客户端RIA的应用可能会用flash/flex或是silverlight,现在可以使用...

fadevd ⋅ 2014/07/29 ⋅ 0

零基础如何系统地学习前端开发?

原文出处:@张帅在地上 网站开发开发大致分为前端和后端,前端主要负责实现视觉和交互效果,以及与服务器通信,完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习:...

@张帅在地上 ⋅ 2015/11/27 ⋅ 0

对比AngularJS/jQueryUI/Extjs:没有一个框架是万能的

AngularJS不能做什么?对比Angular/JSjQueryUI/Extjs 框架就好比兵器,你得明白你手里拿的是屠龙刀还是倚天剑,刀法主要是砍,剑法主要是刺。对于那些职业喷子和脑残粉,小僧送你们两个字:呵...

zero2hero ⋅ 2015/04/16 ⋅ 4

【掘金小报】第八期 怎么用 Python 实现每秒百万级的请求?

掘金小报主打分享优质深度技术内容,技术内容分:前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 注意:与标题的相关的文章在后端分类下的:《[译] 用 Python 实现每秒百万...

膜法小编 ⋅ 2017/05/05 ⋅ 0

【掘金小报】第十三期 Python 渗透测试工具合集

掘金小报主打分享优质深度技术内容,技术内容分:前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 与标题相关的文章:Python 渗透测试工具合集 前端 带你走进 koa2 的世界(...

膜法小编 ⋅ 2017/05/12 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

PHP语言系统ZBLOG或许无法重现月光博客的闪耀历史[图]

最近在写博客,希望通过自己努力打造一个优秀的教育类主题博客,名动江湖,但是问题来了,现在写博客还有前途吗?面对强大的自媒体站点围剿,还有信心和可能型吗? 至于程序部分,我选择了P...

原创小博客 ⋅ 4分钟前 ⋅ 0

IntelliJ IDEA 2018.1新特性

工欲善其事必先利其器,如果有一款IDE可以让你更高效地专注于开发以及源码阅读,为什么不试一试? 本文转载自:netty技术内幕 3月27日,jetbrains正式发布期待已久的IntelliJ IDEA 2018.1,再...

Romane ⋅ 30分钟前 ⋅ 0

浅谈设计模式之工厂模式

工厂模式(Factory Pattern)是 Java 中最常用的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。 在工厂模式中,我们在创建对象时不会对客户端暴露创建逻...

佛系程序猿灬 ⋅ 56分钟前 ⋅ 0

Dockerfile基础命令总结

FROM 指定使用的基础base image FROM scratch # 制作base image ,不使用任何基础imageFROM centos # 使用base imageFROM ubuntu:14.04 尽量使用官方的base image,为了安全 LABEL 描述作...

ExtreU ⋅ 昨天 ⋅ 0

存储,对比私有云和公有云的不同

导读 说起公共存储,很难不与后网络公司时代的选择性外包联系起来,但尽管如此,它还是具备着简单和固有的可用性。公共存储的名字听起来也缺乏专有性,很像是把东西直接堆放在那里而不会得到...

问题终结者 ⋅ 昨天 ⋅ 0

C++难点解析之const修饰符

C++难点解析之const修饰符 c++ 相比于其他编程语言,可能是最为难掌握,概念最为复杂的。结合自己平时的C++使用经验,这里将会列举出一些常见的难点并给出相应的解释。 const修饰符 const在c...

jackie8tao ⋅ 昨天 ⋅ 0

聊聊spring cloud netflix的HystrixCommands

序 本文主要研究一下spring cloud netflix的HystrixCommands。 maven <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-clo......

go4it ⋅ 昨天 ⋅ 0

Confluence 6 从其他备份中恢复数据

一般来说,Confluence 数据库可以从 Administration Console 或者 Confluence Setup Wizard 中进行恢复。 如果你在恢复压缩的 XML 备份的时候遇到了问题,你还是可以对整个站点进行恢复的,如...

honeymose ⋅ 昨天 ⋅ 0

myeclipse10 快速搭建spring boot开发环境(入门)

1.创建一个maven的web项目 注意上面标红的部分记得选上 2.创建的maven目录结构,有缺失的目录可以自己建立目录补充 补充后 这时候一个maven的web项目创建完成 3.配置pom.xml配置文件 <proje...

小海bug ⋅ 昨天 ⋅ 0

nginx.conf

=========================================================================== nginx.conf =========================================================================== user nobody; #......

A__17 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部