关于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 ...
随机推荐
- ES(Elasticsearch)
基本概念 Elasticsearch是一个实时分布式搜索和分析引擎 支持: 全文搜索 结构化搜索 分析 可以这样进行描述: 分布式的实时文件存储,每个字段都被索引并可被搜索 分布式的实时分析搜索引擎 ...
- Failed to start bean 'stompBrokerRelayMessageHandler'; nested exception is java.lang.NoClassDefFoundError: reactor/io/codec/Codec
最新版本的Spring需要reactor 2.0,看看你的POM有一个明确的1.1.6依赖. 解决: <dependency> <groupId>org.projectreac ...
- 开通blog,记录学习历程
2017.12.15日,开通blog,用于回忆知识点的记录和整理. 开通本blog主要做以下几点事情: 1.巩固知识点,基础打牢: 2.在基础牢固的基础上,学习流行的框架: 3.在框架牢固的基础上学习 ...
- uboot中往s5p6818的emmc刷写内容
建立分区: fdisk :: : fdisk Partition Map -- Partition Type: DOS Part Start Sector Num Sectors UUID Type ...
- 关于org.apache.jasper.JasperException解决方法
没有导入jstl.jar包 解决办法:在项目pom.xml中添加maven项目的jstl.jar 如果导入jstl.jar包 解决办法:检查jstl.jar版本是否与项目兼容,不兼容则切换jstl.j ...
- JavaScript的局部变量和全局变量小知识
(了解一下,避免初学者犯错,但下面定义全局变量的做法并不推荐,只是让你们知道这是怎么一回事) 如果在函数中使用var定义一个变量,那么这个变量在函数退出后就会被销毁,例如: function test ...
- Lavarel Route::resource
RESTful Resource controller A RESTful resource controller sets up some default routes for you and ev ...
- 最近学习的 Node.js 之 http
利用 http 模块开始写简单的web服务. 模块: const http=require('http'); const fs=require('fs'); const path=require('p ...
- JDK8.0接口中的默认方法和静态方法
我们在接口中通常定义的方法是抽象方法,即没有方法体,只有返回值类型和方法名:(public abstract) void Method(); 类在实现接口的时候必须重写抽象方法才可以 jdk8中新加的 ...
- Django REST framewor
4.1 RESTfull 4.1.1.前后端不分离 前端看到什么效果,由后端决定,前端页面看到的效果是有后端控制的 前后端耦合度很高 比较适合纯网页设计,如果有APP,还需要开发APP后端借口 4 ...