2020-01-18-react起手式

1.cdn引入,要引入两个react,react-dom,注意顺序先react,cdn很麻烦一般不使用,

2.umd是什么,cjs是什么,cjs是commonjs,是node.js支持的,umd兼容各种模范(包括浏览器和nodejs),优先使用umd

3.通过webpack引入react,这种也不用

4.一般怎么用,新手用create-react-app,老手用web pack/rollup,create-react-app相当于cue-cli,

5.先全局安装

yarn global add create-react-app

然后创建react项目

6.复习面试题

setTimeout(fn,0)的准确含义是请在0秒之后尽快执行fn,也就是不早于0毫秒,两种方法解决打印0-5,1.let,2.立即执行函数

7.react和vue的不同,react会促使我们把js基础学的非常扎实,

8.普通代码和函数的区别,普通代码立即求值,函数延迟求值

9.react元素和react函数组件,react函数组件是在被调用的时候执行,

10.虚拟dom的意思是createElement的返回值element,并非真正div

11.()=>React元素每次执行得到最新虚拟div,react会进行对比,找出不同,然乎局部进行跟新,找不同的算法叫做DOM diff算法

12.现在的写法非常复杂,于是要引入jsx,jsx是js扩展,为了弥补react写的太丑

13.jsx用babel-loader编译,但是webpack内置了,为什么vue-loader没内置,因为作者关系不够强

14.如何使用loader,方法一:cdn,不太好,效率太低。方法二:webpack+babel-loader,太麻烦,新手跳过。方法三:使用create-react-app,create-react-app默认会把js当作jsx语法,

15.jsx注意.a {}表示插入变量b return一定要加括号

16.if…else…条件控制语句,jsx中如何使用。在vue里面只能用Vue提供的语法写条件判断,react中想咋写就咋写,react就是写js

17.react中通过参数获取,

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • [toc] REACT react :1.用来构建用户界面的 JAVASCRIPT 库2.react 专注于视图层...
    拨开云雾0521阅读 1,600评论 0 1
  • 前端人员都知道,webpack能替代部分 grunt/gulp 的工作,比如打包、压缩混淆、图片转base64等。...
    youth_MrZhou阅读 1,029评论 0 2
  • 构建一个小项目——FlyBird,学习webpack和react。(本文成文于2017/2/25) 从webpac...
    布蕾布蕾阅读 17,189评论 31 98
  • 前言 俗话说工欲善其事,必先利其器。写程式也是一样,搭建好开发环境后可以让自己在后续开发上更加顺利。因此本章接下来...
    一叶夏幕阅读 432评论 0 1
  • 无论怎样飞 飞过多远的秋天 飞成鸟或鸟们 在人们的眼里 我始终都是一群鸟或 一只鸟那样的 鸟样子
    勒尤阅读 232评论 0 0

友情链接更多精彩内容