2021-12-21 09:55发布
文档过一遍，感觉理解了写一个todolist，然后把react-router文档过一遍，写一个todolist，最后把redux文档看一遍，写一个todolist。这样下来，react全家桶基本理解了
平滑是平滑不了的。
因为 react 这类前端框架的操作核心是围绕数据的。框架本身已经抹平了从数据（data）到视图（view）的映射。所以关键在与把原本 jQuery 那种直接操作 DOM 的思路转变成如何更好地操作数据本身。主要是思维层面上的转变。
react 框架本身不是很难使用，麻烦的地方在于周边的工程设施，现在你单单只学习 react 是不能满足完成开发一个完整的工程性应用的需求的。你还需要学习 babel, webpack 这类工具的使用。前端的工具链是变得原来越复杂了的。同时，使用 react 也意味着大量的 ES6 甚至 ES7 的新特性以及语法，所以这方面也要好好去钻研。
这个没有平滑过渡，就是按照 react 文档，先写一个简单的项目出来，这时，最主要会用到 node，babel，webpack等工具，先简单了解一下是干什么用的就好，也会遇到 jsx 语法，然后就可以针对性的先学习 jsx 语法。再逐渐深入，了解 react 组件化方法，自己写个简单的组件，学习一下组件间传输数据的方法，这样基本可以搭一个静态页面出来了。
再复杂一点的项目，就会涉及到更多的状态和数据，涉及到跨多层级的数据传递，现在我们用的 redux，当然也可以用其他的库，同样也是先按着官方文档写一个小项目，了解了一下其主要思路。
从jquery平滑到react可以从思路转变成如何更好地操作数据本身，然后使用
jQuery是库，不是框架。库只管引进来使用，除了库接口，没有其他约束，随便怎么用，free style。而框架则有着各种各样的严格约束。
*{undefinedmargin:0px;padding:0px;}.main{undefinedcursor:pointer;}.list{undefinedborder:1px solid black;display:none;}.list li{undefinedcursor:pointer;border:1px solid red;list-style:none;}#noPopEvent...
id、name、class这三种会了就行了，后面在实践中慢慢学习吧。。不过现在纯前端好像都不咋用jquery了
前端技术每年都会不断更新，一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，前端技术工程师缺口非常大。技术的发展规律其实，技术的发展趋势就是追求更高的复用性，更简便的业务代码写法，所以最终都会要求跨平台、都会彻底分离非业务逻辑。j...
有一定影响,而且不仅对蜘蛛,如果用户浏览器把js禁用的话也显示不了
国外还有 Amazon, 全球最大的电子商务网站。还有微软，很多很多。
前端框架的vue.js,angular.js,可视化工具d3.js,移动端：zepto等
最接近替代品的当然是Zepto。不过如果你没有legacy的代码要维护，又只需要支持green browsers，可以考虑完全用标准api。
1
两个都不学写网站一点问题都没有。工具而已，写代码的时候突然需要了现学现用都行。jquery 是方便你不使用原生js的情况下直接调用一些控制element动态响应的抽象方法 的函数库而boostrap是一个前端框架，主要作用是内置了很多全局css样式，写前端的时候随便用...
1. jQuery 里面有很多东西是出于兼容性，历史遗留。比如 .ready() 之类的函数，为什么会很scroll 有关，那是为了兼容某些ie。这种代码对于编程思想来说不仅没用，而且是杂音，你要筛选出来就得了解这段代码的变动，费心费力得不偿失。2. jQuery 里面的代码不...
一个很明显的缺点就是，太大。对于一些比较小的项目确实可以做到快速开发，但是现在的jQuery太臃肿了，有很多用不到的功能。所以现在有了很多精简jQuery的项目。另外就是全DOM操作，钩子往往会依赖标签，如果依赖jQuery来搭建页面的话（比如后台输出json，然...
angularjs这个类库本身就借助了jquery的一个弱化版本jqLite来操作html中的dom树，所以angularjs中使用jquery是完全没有问题的，相反的如果你使用angularjs做项目时间越长你会发现angularjs只有配合jquery才能更好的进行开发。尤其在directive中操作dom元素，...
jquery有关于淡入淡出效果的方法，一共四个，分别是：fadeIn()fadeOut()fadeToggle()fadeTo()jQuery fadeIn() 用于淡入已隐藏的元素$(button).click(function(){ $(#div1).fadeIn(); $(#div2).fadeIn(slow); $(#div3).fadeIn(3000); });jQuery .....
下面我们要在这个对象上挂载一个extend方法，用于让开发者为我这个对象添加功能和方法。12345var $ = { extend:function(ob){ /**暂时不管里面写什么**/ } }现在，我们就在$这个对象上添加了一个extend方法，外部可以通过$.extend(obj...
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 慢半拍 的问题《前端工程师如何从jquery平滑到react?》','http://www.shouhuola.com/q-37223.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
文档过一遍，感觉理解了写一个todolist，然后把react-router文档过一遍，写一个todolist，最后把redux文档看一遍，写一个todolist。这样下来，react全家桶基本理解了
平滑是平滑不了的。
因为 react 这类前端框架的操作核心是围绕数据的。框架本身已经抹平了从数据（data）到视图（view）的映射。所以关键在与把原本 jQuery 那种直接操作 DOM 的思路转变成如何更好地操作数据本身。主要是思维层面上的转变。
react 框架本身不是很难使用，麻烦的地方在于周边的工程设施，现在你单单只学习 react 是不能满足完成开发一个完整的工程性应用的需求的。你还需要学习 babel, webpack 这类工具的使用。前端的工具链是变得原来越复杂了的。同时，使用 react 也意味着大量的 ES6 甚至 ES7 的新特性以及语法，所以这方面也要好好去钻研。
这个没有平滑过渡，就是按照 react 文档，先写一个简单的项目出来，这时，最主要会用到 node，babel，webpack等工具，先简单了解一下是干什么用的就好，也会遇到 jsx 语法，然后就可以针对性的先学习 jsx 语法。再逐渐深入，了解 react 组件化方法，自己写个简单的组件，学习一下组件间传输数据的方法，这样基本可以搭一个静态页面出来了。
再复杂一点的项目，就会涉及到更多的状态和数据，涉及到跨多层级的数据传递，现在我们用的 redux，当然也可以用其他的库，同样也是先按着官方文档写一个小项目，了解了一下其主要思路。
从jquery平滑到react可以从思路转变成如何更好地操作数据本身，然后使用
文档过一遍，感觉理解了写一个todolist，然后把react-router文档过一遍，写一个todolist，最后把redux文档看一遍，写一个todolist。这样下来，react全家桶基本理解了
相关问题推荐
jQuery是库，不是框架。库只管引进来使用，除了库接口，没有其他约束，随便怎么用，free style。而框架则有着各种各样的严格约束。
*{undefinedmargin:0px;padding:0px;}.main{undefinedcursor:pointer;}.list{undefinedborder:1px solid black;display:none;}.list li{undefinedcursor:pointer;border:1px solid red;list-style:none;}#noPopEvent...
id、name、class这三种会了就行了，后面在实践中慢慢学习吧。。不过现在纯前端好像都不咋用jquery了
前端技术每年都会不断更新，一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，前端技术工程师缺口非常大。技术的发展规律其实，技术的发展趋势就是追求更高的复用性，更简便的业务代码写法，所以最终都会要求跨平台、都会彻底分离非业务逻辑。j...
有一定影响,而且不仅对蜘蛛,如果用户浏览器把js禁用的话也显示不了
国外还有 Amazon, 全球最大的电子商务网站。还有微软，很多很多。
前端框架的vue.js,angular.js,可视化工具d3.js,移动端：zepto等
最接近替代品的当然是Zepto。不过如果你没有legacy的代码要维护，又只需要支持green browsers，可以考虑完全用标准api。
1
两个都不学写网站一点问题都没有。工具而已，写代码的时候突然需要了现学现用都行。jquery 是方便你不使用原生js的情况下直接调用一些控制element动态响应的抽象方法 的函数库而boostrap是一个前端框架，主要作用是内置了很多全局css样式，写前端的时候随便用...
1. jQuery 里面有很多东西是出于兼容性，历史遗留。比如 .ready() 之类的函数，为什么会很scroll 有关，那是为了兼容某些ie。这种代码对于编程思想来说不仅没用，而且是杂音，你要筛选出来就得了解这段代码的变动，费心费力得不偿失。2. jQuery 里面的代码不...
一个很明显的缺点就是，太大。对于一些比较小的项目确实可以做到快速开发，但是现在的jQuery太臃肿了，有很多用不到的功能。所以现在有了很多精简jQuery的项目。另外就是全DOM操作，钩子往往会依赖标签，如果依赖jQuery来搭建页面的话（比如后台输出json，然...
angularjs这个类库本身就借助了jquery的一个弱化版本jqLite来操作html中的dom树，所以angularjs中使用jquery是完全没有问题的，相反的如果你使用angularjs做项目时间越长你会发现angularjs只有配合jquery才能更好的进行开发。尤其在directive中操作dom元素，...
jquery有关于淡入淡出效果的方法，一共四个，分别是：fadeIn()fadeOut()fadeToggle()fadeTo()jQuery fadeIn() 用于淡入已隐藏的元素$(button).click(function(){ $(#div1).fadeIn(); $(#div2).fadeIn(slow); $(#div3).fadeIn(3000); });jQuery .....
下面我们要在这个对象上挂载一个extend方法，用于让开发者为我这个对象添加功能和方法。12345var $ = { extend:function(ob){ /**暂时不管里面写什么**/ } }现在，我们就在$这个对象上添加了一个extend方法，外部可以通过$.extend(obj...