① 用react+rex+ant-design写一个Web系统,应该用什么软件写呢怎么下手呢
都是非常不错的,react是入门简单的深入难,而且存在很多杂的技术栈,不好深入的学习。angular
② React 触屏在uc,qq浏览器下的坑,求教大牛
你说的是屏幕没啥反应是吗?那你可以先试着重启机子或者重安装这个软件的,一般是可以解决的,你可以自己先试着弄一下,我平时用qq浏览器,主要是在电脑上面用的
③ react包的作用,是做什么的
. 多个简单组件比一个高度定制化组件要好
我的建议:如果一个组合组件导致了 bug,那么把它分解成若干个简单组件,即便代码重复也值得。
2. 如果你发现了库中有 bug,尽量提 Issue 和 Pull Request
只要你使用 React,就一定会用到开源软件,不论是 React 核还是 1000 多个可用的 NPM 模块。如果你发现了库中有 bug,那就提 Issue 上去。更好的情况是,如果你 fix 了一个 bug,一定要提 Pull Request 把修复的代码整合进去,因为使用这个库并且遇到 bug 的并不只是你一个人,这样做会使整个生态变得更好。
我的建议:回馈社区,即便你只是修正了文档中的拼写错误也好。
3. 首先完成一次 build 过程,然后再写 React 代码
我知道这并不是一个常见的场景,但是我就遇到过,当我开始一个外包项目并且开始 build 的时候,发现有一些依赖编译的包不存在。进而才发现实际上这个 React 是用于一个 Backbone 项目中的。在 Backbone 中实现 React 组件其实非常简单,使用 Rex 可以在这两个之间进行通信。它们之间的通信必须要通过 Browserify 或者 Webpack 编译到一起才可以。
我的建议:如果在一个现有的项目中应用 React,首先用 Browserify 或者 Webpack 走一遍 build 过程比较好。
4. 对于简单的数据可视化,原生 SVG >= D3
D3 在数据可视化方面做的非常棒,但是如果你只是要做一些简单的数据可视化,那么渲染原生 SVG 就可以满足你的工作需求了。
我的建议:学习一些 SVG 基础,在你需要更复杂功能之前这就够了。Youtube 的前端中心频道前几天刚好播放了关于 SVG 的节目,值得一看。
5. 如果你只有两周的项目期限,保持功能精简
如果你要做的工作只是渲染,那么 React 和 React-DOM 就足够了。
Rex 的处理很耗费时间和精力,它对于处理大项目中的多层 UI 很有用。但是如果你的项目很简单的话,那么通过传递 props 和 callback 就好了,不必要使用 Rex。
我的建议:模板项目是非常有用的,但是如果你想保持项目精简的话,从 React 和 React-DOM 开始是一个很好的选择。
④ react.js,angular.js,vue.js学习哪个好
引用一段vuejs官方的解释。
vue对比其它框架
Angular
选择 Vue 而不选择 Angular,有下面几个原因,当然不是对每个人都适合:
在 API 与设计两方面上 Vue.js 都比 Angular 简单得多,因此可以快速地掌握它的全部特性并投入开发。
Vue.js 是一个更加灵活开放的解决方案。它允许以希望的方式组织应用程序,而不是任何时候都必须遵循 Angular 制定的规则。它仅仅是一个视图层,所以可以将它嵌入一个现有页面而不一定要做成一个庞大的单页应用。在配合其他库方面它给了更大的的空间,但相应,也需要做更多的架构决策。例如,Vue.js 核心默认不包含路由和 Ajax 功能,并且通常假定在应用中使用了一个模块构建系统。这可能是最重要的区别。
Angular 使用双向绑定,Vue 也支持双向绑定,不过默认为单向绑定,数据从父组件单向传给子组件。在大型应用中使用单向绑定让数据流易于理解。
在 Vue.js 中指令和组件分得更清晰。指令只封装 DOM 操作,而组件代表一个自给自足的独立单元 —— 有自己的视图和数据逻辑。在 Angular 中两者有不少相混的地方。
Vue.js 有更好的性能,并且非常非常容易优化,因为它不使用脏检查。Angular,当 watcher 越来越多时会变得越来越慢,因为作用域内的每一次变化,所有 watcher 都要重新计算。并且,如果一些 watcher 触发另一个更新,脏检查循环(digest cycle)可能要运行多次。 Angular 用户常常要使用深奥的技术,以解决脏检查循环的问题。有时没有简单的办法来优化有大量 watcher 的作用域。Vue.js 则根本没有这个问题,因为它使用基于依赖追踪的观察系统并且异步列队更新,所有的数据变化都是独立地触发,除非它们之间有明确的依赖关系。唯一需要做的优化是在 v-for 上使用 track-by。
有意思的是,Angular 2 和 Vue 用相似的设计解决了一些 Angular 1 中存在的问题。
React
React.js 和 Vue.js 确实有一些相似 —— 它们都提供数据驱动、可组合搭建的视图组件。当然它们也有许多不同。
首先,内部实现本质上不同。React 的渲染建立在 Virtual DOM 上——一种在内存中描述 DOM 树状态的数据结构。当状态发生变化时,React 重新渲染 Virtual DOM,比较计算之后给真实 DOM 打补丁。
Virtual DOM 提供了一个函数式的方法描述视图,这真的很棒。因为它不使用数据观察机制,每次更新都会重新渲染整个应用,因此从定义上保证了视图与数据的同步。它也开辟了 JavaScript 同构应用的可能性。
Vue.js 不使用 Virtual DOM 而是使用真实 DOM 作为模板,数据绑定到真实节点。Vue.js 的应用环境必须提供 DOM。但是,相对于常见的误解——Virtual DOM 让 React 比其它的都快, Vue.js 实际上性能比 React 好,而且几乎不用手工优化。而 React,为了最优化的渲染需要处处实现 shouldComponentUpdate 和使用不可变数据结构。
在 API 方面,React(或 JSX)的一个问题是,渲染函数常常包含大量的逻辑,最终看着更像是程序片断(实际上就是)而不是界面的视觉呈现。对于部分开发者来说,他们可能觉得这是个优点,但对那些像咱一样兼顾设计和开发的人来说,模板能让自己更好地在视觉上思考设计和 CSS。JSX 和 JavaScript 逻辑的混合干扰了自己将代码映射到设计的思维过程。相反,Vue.js 通过在模板中加入一个轻量级的 DSL (指令系统),换来一个依旧直观的模板,且能将逻辑封装进指令和过滤器中。
React 的另一个问题是:由于 DOM 更新完全交给 Virtual DOM 管理,当想要自己控制 DOM 时就有点棘手了(虽然理论上可以做到,但是这样做就本质上违背了 React 的设计思想)。如果应用需要特别的自定义 DOM 操作,特别是复杂时间控制的动画,这个限制就很讨厌。在这方面,Vue.js 更灵活,有许多用 Vue.js 制作的 FWA/Awwwards 获奖站点。
个人推荐就是,vue的入门简单,也有很多公司在用,不愁没人要,react入门难,函数式编程吓人啊。。但是真很好用。。angular不推荐学了。。
⑤ 哪些软件 用 react 开发
先说结论:必有作为,但绝不会是一家独大,甚至很难成为主流。 用过 React 会知道,React 的核心概念是「DOM Representation」,在开发者和 DOM 中间构建一个中间件,然后通过高效的算法来 diff 两次 Virtual DOM 渲染的差异,然后在最小范围内...
⑥ 如何有计划快速有效果的学习react
首先,要学会听课:
1、有准备的去听,也就是说听课前要先预习,找出不懂的知识、发现问题,带着知识点和问题去听课会有解惑的快乐,也更听得进去,容易掌握;
2、参与交流和互动,不要只是把自己摆在“听”的旁观者,而是“听”的参与者,积极思考老师讲的或提出的问题,能回答的时候积极回答(回答问题的好处不仅仅是表现,更多的是可以让你注意力更集中)。
3、听要结合写和思考。纯粹的听很容易懈怠,能记住的点也很少,所以一定要学会快速的整理记忆。
4、如果你因为种种原因,出现了那些似懂非懂、不懂的知识,课上或者课后一定要花时间去弄懂。不然问题只会越积越多,最后就只能等着拥抱那“不三不四”的考试分数了。
其次,要学会记忆:
1、要学会整合知识点。把需要学习的信息、掌握的知识分类,做成思维导图或知识点卡片,会让你的大脑、思维条理清醒,方便记忆、温习、掌握。同时,要学会把新知识和已学知识联系起来,不断糅合、完善你的知识体系。这样能够促进理解,加深记忆。
2、合理用脑。所谓合理,一是要交替复习不同性质的课程,如文理交叉,历史与地理交叉,这可使大脑皮层的不同部位轮流兴奋与抑制,有利于记忆能力的增强与开发;二是在最佳时间识记,一般应安排在早晨、晚上临睡前,具体根据自己的记忆高峰期来选择。
3、借助高效工具。速读记忆是一种高效的阅读学习方法,其训练原理就在于激活“脑、眼”潜能,培养形成眼脑直映式的阅读学习方式,主要练习提升阅读速度、注意力、记忆力、理解力、思维力等方面。掌握之后,在阅读文章、材料的时候可以快速的提取重点,促进整理归纳分析,提高理解和记忆效率;同时很快的阅读速度,还可以节约大量的时间,游刃有余的做其它事情。具体学习可以参考《精英特全脑速读记忆训练软件》。
学习思维导图,思维导图是一种将放射性思考具体化的方法,也是高效整理,促进理解和记忆的方法。不仅在记忆上可以让你大脑里的资料系统化、图像化,还可以帮助你思维分析问题,统筹规划。不过,要学好思维导图,做到灵活运用可不是一件简单的事,需要花费很多时间的。前面说的“精英特全脑速读记忆训练软件”中也有关于思维导图的练习和方法讲解,可以参考。
最后,要学会总结:
一是要总结考试成绩,通过总结学会正确地看待分数。只有正确看待分数,才不会被分数蒙住你的双眼,而专注于学习的过程,专注于蕴藏在分数背后的秘密。二是要总结考试得失,从中找出成败原因,这是考后总结的中心任务。学习当然贵在努力过程,但分数毕竟是知识和技能水平的象征之一,努力过程是否合理也常常会在分数上体现出来。三是要总结、整理错题,收集错题,做出对应的一些解题思路(不解要知道这题怎么解,还有知道这一类型的题要怎么解)。四是要通过总结,确定下阶段的努力方向。
⑦ 如何系统学习react
首先,要学会听课:
1、有准备的去听,也就是说听课前要先预习,找出不懂的知识、发现问题,带着知识点和问题去听课会有解惑的快乐,也更听得进去,容易掌握;
2、参与交流和互动,不要只是把自己摆在“听”的旁观者,而是“听”的参与者,积极思考老师讲的或提出的问题,能回答的时候积极回答(回答问题的好处不仅仅是表现,更多的是可以让你注意力更集中)。
3、听要结合写和思考。纯粹的听很容易懈怠,能记住的点也很少,所以一定要学会快速的整理记忆。
4、如果你因为种种原因,出现了那些似懂非懂、不懂的知识,课上或者课后一定要花时间去弄懂。不然问题只会越积越多,最后就只能等着拥抱那“不三不四”的考试分数了。
其次,要学会记忆:
1、要学会整合知识点。把需要学习的信息、掌握的知识分类,做成思维导图或知识点卡片,会让你的大脑、思维条理清醒,方便记忆、温习、掌握。同时,要学会把新知识和已学知识联系起来,不断糅合、完善你的知识体系。这样能够促进理解,加深记忆。
2、合理用脑。所谓合理,一是要交替复习不同性质的课程,如文理交叉,历史与地理交叉,这可使大脑皮层的不同部位轮流兴奋与抑制,有利于记忆能力的增强与开发;二是在最佳时间识记,一般应安排在早晨、晚上临睡前,具体根据自己的记忆高峰期来选择。
3、借助高效工具。速读记忆是一种高效的阅读学习方法,其训练原理就在于激活“脑、眼”潜能,培养形成眼脑直映式的阅读学习方式,主要练习提升阅读速度、注意力、记忆力、理解力、思维力等方面。掌握之后,在阅读文章、材料的时候可以快速的提取重点,促进整理归纳分析,提高理解和记忆效率;同时很快的阅读速度,还可以节约大量的时间,游刃有余的做其它事情。具体学习可以参考《精英特全脑速读记忆训练软件》。
学习思维导图,思维导图是一种将放射性思考具体化的方法,也是高效整理,促进理解和记忆的方法。不仅在记忆上可以让你大脑里的资料系统化、图像化,还可以帮助你思维分析问题,统筹规划。不过,要学好思维导图,做到灵活运用可不是一件简单的事,需要花费很多时间的。前面说的“精英特全脑速读记忆训练软件”中也有关于思维导图的练习和方法讲解,可以参考。
⑧ react有什么好的练手项目
webstorm支持react,支持node,支持scss,我已经用这个软件开发过一个移动端react项目了,刚开始的时候,我打算用Hbuilder,但是发现Hbuilder用起来不爽,后来就用了webstorm。
⑨ 如何评价 React 实现的前端 UI 库 material-ui
非常厉害,做一些功能为主,不需要过多品牌调性的 WebApp
只需要前端+交互就可以快速构建做出非常不错的产品
(icon还是有点点难度,有设计比较专业的人员跟着做产品的质量会更加“产品级”一些)
框架用了很多 MD 的视觉元素,但是还是只是“看着像”,交互,动画世界观之类的实现距离最理想的 MD 还是有差距,不过基本感觉可以忽略不计。
非要挑刺的话,就是 Menu 部分的动画设计感觉有点粗糙,做得不够好(MD 的世界观,所有东西的诞生都是“扩散”出来,而不是“缩放”出来的,还有就是先“慢_快”的缓动做得还是差一点点)
⑩ react.js开发有什么好用的开发工具
ntellij 系列加应插件都用且用停高级技巧参见我博客文章:【译】 Webstorm 使用 ReactJS:编码辅助、代码规范、重构及编译
1. Working with ReactJS in WebStorm: Coding Assistance
Emmet in JSX | JSX 使用 Emmet
Live templates | 态模板
2. Working with ReactJS in WebStorm: Linting, refactoring and compiling
Code analysis | 代码析
ESLint
Refactoring | 重构