关于JavaScript的框架和库
0----无所不能的JavaScript:
说到javascript,最先想到的是用于网页交互的脚本语言,这是最早netscope公司开发的基于浏览器内核的语言;但是最近几年一位大牛一chorme内核为基础,创建除了一种神奇的javascrip语言,nodejs的横空出世,让javascript从前端走到了后台,服务端,桌面应用,爬虫,等等......最近又由于react 框架的快速发展,react native的出现让javascript可以出现在andorid端ios端所有所有端。。。所以javascript是无所不能的,本随笔用把框架和库分到前端和后端进行介绍,并附带上我推荐的学习方法;
1----前端框架:
1.Jquery:封装完备的前端框架,将很多不太好用的js原生组件,封装的简单易用,国内也提供了大量cdn地址供开发者方便使用,jquery提供的ajax方法,让原本繁杂难用的ajax变成一行代码都可以实现,变得简单易用。关于学习方法,由于jquery广为前端所用,所以关于jquery的教程,api文档也到处都是,我常去的有菜鸟教程,w3school,豆瓣给的也有api文档,其中菜鸟教程最为推荐,适合新手上手。
2.bootstrap:棒到没朋友的前端响应式框架,解决了各种响应式问题,有了它即使不会媒体查询也能轻松搞定响应式,英文bootstrap中提供了大量的用于响应式的组件,可以响应不同大小的页面大小。关于学习有两个特别方便的网站一个是bootstrap的中文官网,里面有各种版本的bootstrap教程,还有一些网站实例,简单demo,学起来非常方便。还有一个就是菜鸟教程,菜鸟教程提供了丰富的案例让学习变得非常方便,而且为bootstrap提供了一个所见即所得的工具,可以非常容易的编辑一些简单的页面框架。顺便说一句
3.uikit这是我最近接触的框架。和bootstrap除了风格基本差不多,uikit中的组件简约大方,而且风格主题还可以自己定义,不同的是uikit不基于jquery,它有自己的一套ajax体系,还提供了文件上传进度的组件,对于html5极为友好,学习方面,网站不多,但是uikit的官网,还有中文管网都提供了很全面的api以及案例还有演示等很方便的。https://getuikit.com/ 这是uikit的官网首页;
4.vue&react这两个框架放一起讲,因为这两个框架都是做数据绑定的,而且都做的非常棒。这两个框架在前端简直没人不知道,他把前端的东西做成了一个一个的逐渐,自己封装,这两个框架在菜鸟教程都有教学,而且非常详细,而且他们各自的官网都有非常详尽的文档。学习起来也很简单
4.5.angularjs 之所以吧angular放到4,5是因为angular是一种模板语言,模板语言,也就是我们所说的模板引擎,模板引擎还有很多种像jade,ejs等等,都是可用的前端模板引擎,模板引擎封装有难度,但是用起来却很方便,就是一些简单的语法,单用的话angular最为流行,学习起来也很简单,随便找个博客看一下基本语法,就可以拿来用了,之前angular和vue还有react,在模板接都是最流行的,但是现在react和vue用的最多;
5.chartjs&D3js,这两个框架都是做数据可视化的框架其中chartjs是百度的一个开源项目是基于html5中的canves新特性做出的一种数据可视化框架,非常方便,而D3js是基于svg的也非常快速,D3js在官网门户上提供了很多就与d3js的网页的链接,可以看看大佬们都用d3在干甚么,同时,d3js的github仓库中还提供了各种版本的api文档,还有中文文档,很方便大家学习;
more.前端的模板远远不止这些;
2----后端框架:
0.笔者讲的后端库和框架都是基于nodejs的,先说一下nodejs吧,就是Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时。这个他让JavaScript从前端的浏览器中脚本语言,来到了可以开发桌面程序的所有地方能用的编程语言,node中融入了commonjs的语法,所以让javascript语法更加灵活多变。同时node有一大批活跃的社区贡献者,nodejs的包管理社区npm可以说是开源生态 系统 中最 强大的一个了,据npm官网自己所说,他们是最厉害的开源生态系统没有之一,想想也是,这么多的javascript库都入住了npm,包括上面写的所有的库,都在npm可以很方便的下载,npm中提供的各种库,可以做各种事情,包括前端的各种事情,后台服务,文件服务,数据库服务,甚至html,css,javascript,等静态资源的打包发布,还可以组建各种前端小工具,爬虫。。。。。哇太多了,下面介绍一下在nodejs及npm达成的相关库和框架,当然只能是冰山一角,想了解更多还要关心相关的技术博客,或者github上关于node的动态;
1,connect ,connect是最早的一个基于路由分配的的框架,里面做好的路由管理方法,让网站的开发方法变得很方便。但connect,是一个小库,提供了简单的中间件的使用方法,却没有提供大量的中间件。还是有些简陋的,但是简陋的东西往往变数大,更灵活,所以如果能够熟练运用connect会创造出一个很强大的服务应用。
2,express&koa 这两个框架看起来差不多,用法也差不多。express是基于connect框架的,但是koa我并不了解,但基本原理应该差不多,express提供了大量插件,session,静态服务,装个插件就好了,而且提供了express-cli可以轻松的构建一个初始项目
3----其他:
webpack:最流行的项目的打包发布工具,随着webpack一起线的还有各种打包,发布,调试等的插件,像bable,bundle,gulp等等让大家可以用es6,commonjs
等比较新的js语法来编写前端的javascript,还有各种热加载插件,让你在写页面的时候可以随时进行方便的调试;
node还提供了可以发送请求的模块,所以node还可以做爬虫和测试的工具使用
OK、that‘s all byebye
**********
关于JavaScript的框架和库的更多相关文章
- 介绍 14 个 JavaScript 的框架和库
Javascript 得到了众多的技术领导者的拥护和支持,其中一位就是 WordPress 的作者 Matt Mullenweg , 他表示 WordPress 开发者 应该学习 JavaScript ...
- 顶级的JavaScript框架、库、工具及其使用
几乎每隔一个星期,就有一个新的 JavaScript 库席卷网络社区!Web 社区日益活跃.多样,并在多个领域快速成长.想要研究每一个重要的 JavaScript 框架和库,是个不可能完成的任务.接下 ...
- 2016 年 50 个最佳的轻量级 JavaScript 框架和库
作者:IT程序狮链接:https://zhuanlan.zhihu.com/p/24598210来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 回顾今年已发布的 JS ...
- 2017最好的JavaScript框架、库和工具 — SitePoint
与开发者数量相比,可能有更多的JavaScript框架.库和工具.截止到2017年5月,在GitHub上快速搜索能搜到超过110万的JavaScript项目. 在npmjs上有50万的可用包,并且这些 ...
- javascript框架(库)
javascript框架(库)高级JavaScript编程,尤其是复杂的浏览器差异处理,通常是困难和耗时的.为了响应这些调整,出现了许多javascript(helper)库.这些JavaScript ...
- 前端必备,十大热门的 JavaScript 框架和库
JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了,目前在github 上这一类的项目是最多的,并且几乎每隔一段时间就会出现一个新的项目席卷网络社区,虽然这样推动了创新的发展,但不 ...
- javascript单元测试框架mochajs详解
关于单元测试的想法 对于一些比较重要的项目,每次更新代码之后总是要自己测好久,担心一旦上线出了问题影响的服务太多,此时就希望能有一个比较规范的测试流程.在github上看到牛逼的javascript开 ...
- 值得推荐的C/C++框架和库
值得推荐的C/C++框架和库 [本文系外部转贴,原文地址:http://coolshell.info/c/c++/2014/12/13/c-open-project.htm]留作存档 下次造轮子前先看 ...
- [转载]C/C++框架和库
C/C++框架和库 装载自:http://blog.csdn.net/xiaoxiaoyeyaya/article/details/42541419 值得学习的C语言开源项目 Webbench Web ...
随机推荐
- python-原始字符串,长字符串
一 长字符串 在python中要表示跨行多行的字符串,可以使用较为简单粗暴的表达-----三引号.例如: str = ”’那时我们有梦, 关于文学, 关于爱情, 关于穿越世界的旅行. 如今我们深夜饮 ...
- tfs增加用户
1.windows上添加用户 2.tfs对应项目添加该用户 3.注意: 要设置服务器对应的本地安全策略 从网络上允许该用户访问
- highcharts折线图-柱形图等
https://www.highcharts.com.cn/demo/highcharts/line-basic
- Charles篡改请求,在手机上抓包,以及弱网设置
篡改请求 可以测试各种异常 原理:clint->server正常是客户端发送请求到服务端,charles相当于一个拦截器,拦住客户端的请求,并进行修改,修改后再发送到server端 Server ...
- selenium中iframe的切换
#第一层是默认层, 第二层是新建标签的层,第三层是百度的那层from selenium import webdriverimport timedriver=webdriver.Chrome()driv ...
- 运行caffe自带的mnist实例教程
运行caffe自带的mnist实例教程 本文结合几篇博文总结下来的,附上其中一篇原博文链接以供参考:http://blog.sina.com.cn/s/blog_168effc7e0102xjr1.h ...
- 东芝L10安装Centos5.5
为什么安装5.5:因为高版本的需要PAE设定但是老电脑不支持,偶又不想重新编译内核,so... 1. 安装之前需要把电脑格式化(我是整机安装Linux),否则会报not enough space l ...
- double 四舍五入保留一定的位数
/** * double 类型的 四舍五入 保留一定的位数 * @param value * @param decimal 保留的位数 * @return * @throws Exception */ ...
- 「LuoguP1280」尼克的任务
LuoguP1280尼克的任务 : 线性dp 题目描述 尼克每天上班之前都连接上英特网,接收他的上司发来的邮件,这些邮件包含了尼克主管的部门当天要完成的全部任务,每个任务由一个开始时刻与一个持续时间构 ...
- windows 10安装docker一直挂起在Installing Components and Removing Files
碰到这个问题百度了好久都没有找到解决方式,什么用管理员方式运行,给文件夹权限啊,都不好使. 后面在bing上面搜docker install compoents关键字找到一条结果,如下如 点进链接,内 ...