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的框架和库的更多相关文章

  1. 介绍 14 个 JavaScript 的框架和库

    Javascript 得到了众多的技术领导者的拥护和支持,其中一位就是 WordPress 的作者 Matt Mullenweg , 他表示 WordPress 开发者 应该学习 JavaScript ...

  2. 顶级的JavaScript框架、库、工具及其使用

    几乎每隔一个星期,就有一个新的 JavaScript 库席卷网络社区!Web 社区日益活跃.多样,并在多个领域快速成长.想要研究每一个重要的 JavaScript 框架和库,是个不可能完成的任务.接下 ...

  3. 2016 年 50 个最佳的轻量级 JavaScript 框架和库

    作者:IT程序狮链接:https://zhuanlan.zhihu.com/p/24598210来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 回顾今年已发布的 JS ...

  4. 2017最好的JavaScript框架、库和工具 — SitePoint

    与开发者数量相比,可能有更多的JavaScript框架.库和工具.截止到2017年5月,在GitHub上快速搜索能搜到超过110万的JavaScript项目. 在npmjs上有50万的可用包,并且这些 ...

  5. javascript框架(库)

    javascript框架(库)高级JavaScript编程,尤其是复杂的浏览器差异处理,通常是困难和耗时的.为了响应这些调整,出现了许多javascript(helper)库.这些JavaScript ...

  6. 前端必备,十大热门的 JavaScript 框架和库

    JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了,目前在github 上这一类的项目是最多的,并且几乎每隔一段时间就会出现一个新的项目席卷网络社区,虽然这样推动了创新的发展,但不 ...

  7. javascript单元测试框架mochajs详解

    关于单元测试的想法 对于一些比较重要的项目,每次更新代码之后总是要自己测好久,担心一旦上线出了问题影响的服务太多,此时就希望能有一个比较规范的测试流程.在github上看到牛逼的javascript开 ...

  8. 值得推荐的C/C++框架和库

    值得推荐的C/C++框架和库 [本文系外部转贴,原文地址:http://coolshell.info/c/c++/2014/12/13/c-open-project.htm]留作存档 下次造轮子前先看 ...

  9. [转载]C/C++框架和库

    C/C++框架和库 装载自:http://blog.csdn.net/xiaoxiaoyeyaya/article/details/42541419 值得学习的C语言开源项目 Webbench Web ...

随机推荐

  1. Selenium 工作原理

    Selenium是ThoughtWorks公司研发的一个强大的基于浏览器的开源自动化测试工具,它通常用来编写web应用的自动化测试.早期也即Selenium1.x时期主要使用Selenium RC(S ...

  2. xcode10关于clang -lstdc++.6.0.9报错问题

    因为xcode10已经废弃了libstdc++.6.0.9这个库,所以只需要在你的工程中删除这个库,然后添加libc++这个库就可以了.别的没什么,如果xcode10报错mutable开头的,大部分是 ...

  3. python字符串常用操作

    #### 1) 判断类型 - 9 | 方法 | 说明 || --- | --- || string.isspace() | 如果 string 中只包含空格,则返回 True | | string.i ...

  4. SpringMVC详细学习笔记

    Spring MVC   1 spring MVC简介:   Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面.Spring 框架提供了构 ...

  5. swiper 父级元素display:none 之bug

    问题描述: 同一个页面,点击底部tab按钮切换div的显示与隐藏,点击到第四个页面时 轮播图总是不动,出bug function start(){ var mySwiper = new Swiper( ...

  6. jmeter测试计划元素执行顺序

    jmeter测试计划元素执行顺序 测试计划的元素是有序的,通过以下方式执行: 1–配置节点 2–前置处理器 3–定时器 4–取样器 5–后置处理器(只在有结果可用情况下执行) 6–断言(只在有结果可用 ...

  7. css清除浮动方式总结

    1.通过父元素overflow:hidden,缺点:超出部分隐藏,不推荐使用 <!DOCTYPE html> <html lang="en"> <he ...

  8. Session 与 Token 的区别

    1. 为什么要有session的出现?答:是由于网络中http协议造成的,因为http本身是无状态协议,这样,无法确定你的本次请求和上次请求是不是你发送的.如果要进行类似论坛登陆相关的操作,就实现不了 ...

  9. org.activiti.engine.activitiexception:version of activiti database(5.22) is more recent than the engine(5.12)

    公司项目启动出现报错,百度查询结果如下:链接地址 org.activiti.engine.ActivitiException: Version of activiti database (5.15.1 ...

  10. SDN 软件定义网络----学习1

    原文地址https://www.infoq.cn/article/sdn-and-cloud-network 1.1,什么是 SDN? 什么是 SDN?SDN 的官方解释上提出了 SDN 的三个特性: ...