AngularJS jQuery时代

抹平浏览器差异的jQuery出现了

jQuery有什么

jQuery使得开发无刷新动态页面（AJAX）或者单页应用（SAP）变得 相当简单。

标准的HTML页面是静态的，被浏览器渲染后就产生了一个DOM树。

jQuery让静态的文档动起来，通过提供一系列的选择符，jQuery使开发者能够 极其方便地选中一组DOM节点，对其进行操作。

jQuery的缺失

“jQuery有点像C语言，威力很大，不过要弄出点像样的前端界面，还得花不少功夫 处理琐碎的事情。”

AngularJS引入了三个主要的概念，期望让前端开发更系统化一些：

  1. 声明式界面开发
  2. 双向数据绑定
  3. 使用依赖注入解耦

jQuery & AngularJS

  • 库与框架  jQery是库，相当于一个工具箱；AngularJS是框架，约定了一些组成，并且完成了这些组成的拼装运行。
  • jqLite AngularJS内置精简版的jQuery
时间： 2024-10-11 15:51:25

AngularJS jQuery时代的相关文章

Html5+css3+angularjs+jquery+webAPi 开发手机web（一）

前言 随着浏览器的发展 HTML5+CSS3 的使用也越来越广泛,一直想学这个,想学那个折腾下来几乎没学到什么东西.工作经验告诉我,要掌握一门技术,就需要在项目中去磨练, 所以我就准备开发一个手机端的BBS练练手,技术更新快,也要学的快,跟的上时代,才涨的了工资. 技术的选择 jQuery Mobile  Phone Gap  等都是比较成熟的框架为什么我不用这些框架呢? 因为我考虑到底层的技术应用和练习 . 我的选择是:Html5+css3+angularjs+jquery HTML5+CSS

jQuery时代已去，JavaScript仍是王道

当初jQuery的诞生有两个目的,第一简化DOM操作,第二减少开发过程中跨浏览器的问题.jQuery是伟大的,但是在当下技术发展的今天,我们不需要再兼容IE6和IE7的情况下,很多兼容性问题浏览器已经自行解决了,所以说,将jQuery从你的网站中删除是正确的做法.而且js现在已经更加简洁,对于很多DOM操作,用原生js来写也会非常简洁. jQuery速览 1.文档载入后执行: $(document).ready(function(){}) $(function(){}) 2.jQuery事件绑定

angularJS之站在jQuery的肩膀上

jQuery:用更少的代码,实现更强悍的功能 托互联网日新月异发展的福,浏览器变成了人们接入互联网的入口,而JavaScript 这个曾经的小语种,终于成功地站到了舞台的中央,唤起了开发者的兴趣. 浏览器里原生的JavaScript有点像汇编语言,不同的浏览器就像不同的CPU架构, 汇编语言各有千秋,这让前端开发者很恼火.聪明人很快发现了这个痛点,于是, 抹平浏览器差异的jQuery库出现了. jQuery由一小撮对浏览器极其熟稔的极客负责抹平不同浏览器的差异,其他开发 者只需要基于jQuery

[转] 大前端年终总结与展望：大前端时代即将来临？

回顾 2016 iOS 和 Android 系统不约而同学习了对方的优点,长得越来越象:3D touch.权限控制.夜间模式.电话防骚扰... 原本属于桥的两侧的开放与封闭,越来越往一个中心靠:由此看来,真正在 OS 里的应用 App 才是系统的灵魂. 像「微信」,不论你用 iOS 还是 Android,很多人平常耗电量最多的 App 就是它.而微信借助大量的用户与使用时长,也在 2016 年末期,推出了「小程序」的内测,继续百度「轻应用」未完成的使命,在微信应用里再打造一个「小程序」生态市场.

ASP.NET 5 and AngularJS Part 1, Configuring Grunt, Uglify, and AngularJS

ASP.NET 5 and AngularJS Part 1, Configuring Grunt, Uglify, and AngularJS This is the first part in a multiple part blog series on building ASP.NET 5 (ASP.NET vNext) apps with AngularJS. In this series of blog posts, I show how you can create a simple

物联网平台设计心得：五级联动及记忆恢复

在设计物联网平台的时候,涉及到一个五级联动的问题,操作顺序如下:依次选择 所属省份,所属市县,所属地区,所属公司,设备名称.在使用Jquery时代,做好这个其实很容易,但是稍显繁琐,并且得很好的处理上一级下拉列表选中,然后触发下一级下拉列表加载数据的问题.相比使用Angularjs而言,代码量大而且繁琐,并且还得处理好顺序加载的问题.本节我们就看看Angularjs能给我们带来怎么样的体验吧.本文成文仓促,讲解难免会有谬误,还请见谅. 五级联动的设计 由于省份,市县,地区,公司四张表,在数据库中

web前端入坑第五篇：秒懂Vuejs、Angular、React原理和前端发展历史

秒懂Vuejs.Angular.React原理和前端发展历史 2017-04-07 小北哥哥 前端你别闹 今天来说说 "前端发展历史和框架" 「前端程序发展的历史」 「 不学自知,不问自晓,古今行事,未之有也 」 我们都知道如今流行的框架:Vue.Js.AngularJs.ReactJs.已经逐渐应用到各个项目和实际应用中,它们都是MVVM数据驱动框架系列的一种. 在了解MVVM之前,我们先回想一下前端发展的历史阶段,做到心中有数,才会更好理解. 这段回想历史.由于网上就可查不少资料,

前端自学路线之js篇

将经历学习js的过程划分成7个level,那么每个level都有哪些呢? 正文从这开始- 今天来聊聊前端工程师的核心技能之——JavaScript.js这门语言看似简单,但要做到入门.熟练以至于架构的程度,还是有一段路要走的,今天就来聊聊这段路上都要经历些什么.准备好小板凳,开讲~ level 1 首先你要对js的基础知识进行系统的学习,脑海中先有一幅知识蓝图.我们现在说的js其实包含三部分:ECMAScript规范.DOM规范.BOM规范,你要知道这三部分都有哪些内容.其中ECMA规范定义了j

[front]有效开展一个前端项目

今天的前端如果没有用到 npm,效率是比较低的:所以要从使用的工具来讲. 1. 一切都依赖于 nodejs: 下载一个 linux 的源码包就可以开始安装了. $ wget https://nodejs.org/dist/v4.4.7/node-v4.4.7.tar.gz $ ./configure --prefix=/usr/local/nodejs $ make && sudo make install 装好后,npm 已经在/usr/local/nodejs/bin/npm. 如果之