
React
尔嵘
愿你阳光下像个孩子,风雨里像个大人。
展开
-
Failed to compile./src/reportWebVitals.jsModule not found: Can‘t resolve ‘web-vitals‘ in ..
React 启动报错:解决办法:这是因为少安装了 web-vitals 模块,使用cnpm安装一下:cnpm i web-vitals --save-dev重新启动一下:cnpm start原创 2021-11-15 15:12:30 · 1646 阅读 · 0 评论 -
TypeScripts前端基础篇(1)---ts基本数据类型
学了JS数据类型以及数据类型的判断方法,那你知道TypeScript(ts)有哪些基本数据类型码?ts中目前有以下11中基本数据类型://booleanlet istrue: boolean = true; //布尔值//number (数字 TypeScript所有数字都是浮点数,除了支持十进制和十六进制字面量,TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。)let decLiteral: number = 6;let hex...原创 2021-05-20 15:55:49 · 2318 阅读 · 35 评论 -
React安装开发环境
1.node.jsnode -v2.安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm config set registry https://registry.npm.taobao.org3.cnpm安装npm install -g create-react-app创建项目create-react-app hello-react进入项目cd hello-rea...原创 2021-05-12 19:00:03 · 213 阅读 · 1 评论 -
react基础---创建项目
Create React App是React官方的一个构建React单页面应用的脚手架工具,它不仅集成了Webpack,还配置了一系列内置的loader和默认的npm的脚本,可以很轻松的实现零配置就可以快速开发React的应用。1.安装node.js查看全局是否安装node.js,window+R打开cmd命令行,输入node -v即可查看2.构建名字为my-app的项目npx create-react-app my-appcd my-app3.编译运行项目# 编译原创 2021-02-23 15:16:21 · 141 阅读 · 0 评论 -
React、vue、jQ通过CDN的方式引入
React、vue、jQ通过CDN外链的方式引入最新的前端框架:1.引入最新的React版本:获得 React 和 ReactDOM 的 UMD 版本。<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script><script crosso...原创 2020-01-03 11:27:56 · 2049 阅读 · 2 评论 -
vue、react双向数据绑定的区别
Vue:介绍: Vue中的表单元素(input、label、ul li、textarea、select)可以通过v-model指令实现双向数据绑定,也就是说,当用户改变表单的值时,表单绑定的数据也会相应的同步响应,这一点也是Vue能够被很多人接受的原因之一。 原理: 透过MVVM模式实现vue的双向绑定数据。 首先需要一个监听器Observer监听数据(model)的变化,具体实现...原创 2019-11-18 17:11:58 · 1323 阅读 · 4 评论 -
安装React脚手架时终端报错及解决方式
当电脑里面已经有node的环境时,按照菜鸟教程上安装React脚手架时,即:$ cnpm install -g create-react-app$ create-react-app my-app$ cd my-app/$ npm start进行到第二步时出现下图中的错误:错误信息那么可能是安装的不是最新的,通过百度我搜索了一下,并尝试了一下,发现成功了。终端命令如下...原创 2019-07-08 19:30:41 · 3310 阅读 · 0 评论 -
call、apply、bind函数在改变函数运行时this的指向问题的区别
首先,call、apply、bind都可以改变函数运行时this的指向问题<script>var value = "王1";var obj = {value: "开2",friend: {value: "贵3",sayHi: function () {console.log(this.value);}}};obj.friend.sayH...原创 2019-07-05 20:45:12 · 2873 阅读 · 10 评论