「Js」如何用前台Js框架

  • 时间:2018-06-06 01:44 作者:美食代码喵 来源:美食代码喵 阅读:401
  • 扫一扫,手机访问
摘要:这次给大家带来如何用前台Js框架,用前台Js框架的注意事项有哪些,下面就是实战案例,一起来看一下。概述:技术升级迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放,也是煞是羡慕。寻了寻.net的消息,也是振奋人心,.net core 1,mono,xamarin等等,但大多都还在狂吼

这次给大家带来如何用前台Js框架,用前台Js框架的注意事项有哪些,下面就是实战案例,一起来看一下。

概述:

技术升级迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放,也是煞是羡慕。寻了寻.net的消息,也是振奋人心,.net core 1,mono,xamarin等等,但大多都还在狂吼的阶段。其实一直以来对技术的了解是技术服务于业务和产品,产品又在不同程度的推进着技术的演进。

Web、无线、物联网、VR、PC从不同方向推进着技术的融合与微创新。程序员在不同业务场景下的角色互换。而随着node.js的出现语言的角色也在发生着转变,Js扮演了越来越重要的角色。也就有了茶余饭后也把理解到的知识整理一下。看过“你的知识需要管理”后,强烈的意识到杂乱且范范的知识储备远不如整理后条理清晰的知识带来好处多。所以,是的,我们需要时不时的回来对掌握的知识梳理归类,以备不时之需。

「Js」如何用前台Js框架

一、前台框架库:

1.Zepto.js

  • 形容:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着相似的api。 假如你会使用jquery,那么你也会使用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的,只作了些基础的理解。

2.SUI Mobile

  • 形容:SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美,只要要引入我们的CDN文件即可以用,并且可以兼容到 iOS 6.0+ 和 Android 4.0+,非常适合开发跨平台Web App。
  • 使用途:你也看到了,他是使用于无线端的Web App的开发。

3.Node.Js

  • 形容:Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性可以非常好。Node.js对少量特殊使用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。

Node.js是一个基于Chrome JavaScript运行时建立的平台, 使用于方便地搭建响应速度快、易于扩展的网络应使用。Node.js 用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设施上运行数据密集型的实时应使用。

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

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

  • 使用途:

1. RESTful API

这是NodeJS最理想的应使用场景,能解决数万条连接,本身没有太多的逻辑,只要要请求API,组织数据进行返回就可。它本质上只是从某个数据库中查找少量值并将它们组成一个响应。因为响应是一些文本,入站请求也是一些的文本,因而流量不高,一台机器甚至也能解决最繁忙的公司的API需求。

2. 统一Web应使用的UI层

目前MVC的架构,在某种意义上来说,Web开发有两个UI层,一个是在浏览器里面我们最终看到的,另一个在server端,负责生成和拼接页面。

不探讨这种架构是好是坏,但是有另外一种实践,面向服务的架构,更好的做前后台的依赖分离。假如所有的关键业务逻辑都封装成REST调使用,就意味着在上层只要要考虑如何使用这些REST接口构建具体的应使用。那些后台程序员们根本不操心具体数据是如何从一个页面传递到另一个页面的,他们也不使用管使用户数据升级是通过Ajax异步获取的还是通过刷新页面。

3. 大量Ajax请求的应使用

例如个性化应使用,每个使用户看到的页面都不一样,缓存失效,需要在页面加载的时候发起Ajax请求,NodeJS可以响应大量的并发请求。 总而言之,NodeJS适合运使用在高并发、I/O密集、一些业务逻辑的场景。

「Js」如何用前台Js框架

4.angular.Js

  • 形容:AngularJS[1] 诞生于2009年,由Misko Hevery 等人创立,后为Google所收购。是一款优秀的前台JS框架,已经被使用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、板块化、自动化双向数据绑定、语义化标签、依赖注入等等。
  • 使用途:通过形容我们应该就可以很好的明白AngularJS的真实使用途了,MVVM,板块化,自动化双向数据绑定等等。除了简单的dom操作外,更可以表现Js编程的强大。当然应使用应该视场合而定。

5.JQuery Mobile

  • 形容:Query Mobile是jQuery 在手机上和平板设施上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:可以开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。
  • 使用途:jQuery Mobile 是创立移动 web 应使用程序的框架。

jQuery Mobile 适使用于所有流行的智可以手机和平板电脑。

jQuery Mobile 用 HTML5 和 CSS3 通过尽可可以少的脚本对页面进行布局。

6.requirejs

  • 形容:RequireJS的目标是鼓励代码的板块化,它用了不同于传统
最新发布的资讯信息
【系统环境|】极客时间-数据分析实战45讲【完结】(2021-09-02 16:26)
【系统环境|windows】字节跳动前台面试题解析:盛最多水的容器(2021-03-20 21:27)
【系统环境|windows】DevOps敏捷60问,肯定有你想理解的问题(2021-03-20 21:27)
【系统环境|windows】字节跳动最爱考的前台面试题:JavaScript 基础(2021-03-20 21:27)
【系统环境|windows】JavaScript 的 switch 条件语句(2021-03-20 21:27)
【系统环境|windows】解决 XML 数据应用实践(2021-03-20 21:26)
【系统环境|windows】20个编写现代CSS代码的建议(2021-03-20 21:26)
【系统环境|windows】《vue 3.0探险记》- 运行报错:Error:To install them, you can run: npm install --save core-js/modules/es.arra...(2021-03-20 21:24)
【系统环境|windows】浅谈前台可视化编辑器的实现(2021-03-20 21:24)
【系统环境|windows】产品经理入门迁移学习指南(2021-03-20 21:23)
血鸟云
手机二维码手机访问领取大礼包
返回顶部