react
er_ba
前端开发,小程序开发,python学习者
展开
-
(Jest篇) 单元测试
一、Jest部分1-1.安装jest>yarn add --dev jest1-2.简单案例测试创建jest.test.js文件(在项目根目录下创建,PS:react脚手架搭建的项目)1-3.运行测试,监控代码npx jest jest.test.js --watch二、React测试工具>npm install --save-dev @testing-library/react...原创 2020-08-20 14:00:25 · 170 阅读 · 0 评论 -
(Redux篇)基础及react-redux使用
一、搭建redux1-1.安装>yarn add redux>yarn add react-redux原创 2020-08-12 12:28:47 · 136 阅读 · 0 评论 -
(面试篇)React部分
1.React组件如何通讯?2.JSX本质是什么?3.context是什么,有何用途?4.shouldComponentUpdate的用途5.描述redux单项数据流6.setState是同步还是异步一、React基本使用1.日常使用必须掌握面试必考(不一定全考)2.梳理知识点,从冗长的文档中摘出考点和重点3.考查形式不限,但都在范围之内1.JSX基本使用变量、表达式class style子元素和组件...原创 2020-08-09 10:01:09 · 97 阅读 · 0 评论 -
(nextjs篇)nextjs基础部分
一、构建项目(使用create-next-app)1-1安装全局的create-next-app>cnpm i -g create-next-app1-2创建next的项目>yarn create next-app name1-3安装工具(PS:封装了nextjs加载css的配置)>yarn add @zeit/next-css1-4集成antd4.1antd按需加载问题使用babel-plugin-import来进行按需加载。4....原创 2020-07-30 12:44:11 · 1700 阅读 · 0 评论 -
(SASS基础篇)SASS快速入门
说明:借助taro框架来完成。一、使用变量1.变量声明说明:sass变量的声明和css属性的声明很像$highlight-color: #F90;2.变量引用说明:凡是css属性的标准值(比如说1px或者bold)可存在的地方,变量就可以使用。css生成时,变量会被他们的值所替代。之后如果你需要一个不同的值,只需要改变这个变量的值,则所有引用此变量的地方生成的值都会随之改变。$highlight-color: #F90;.selected{ border: 1...原创 2020-07-23 18:19:07 · 474 阅读 · 0 评论 -
(小程序taro框架入门到实战)二、构建页面及相应组件开发
一、项目效果图展示待添加二、项目需求分析说明:项目主要是用户的查看货源信息,筛选对应的货源信息,发布物流信息,用户登录,查看物流信息详情。1.首页信息页面说明:包含上拉刷新,下拉加载,地址筛选,条件筛选2.货源详情页面说明:货源详细信息,联系人的信息,电话拨打3.我的货源页面说明:查看我的货源信息,发布货源历史信息,删除货源信息,展示隐藏货源4.发布货源页面说明:字段包含装货地址,收货地址,重量体积,车长车型,货物名称,装货时间,更多备注,联系电话5.个.原创 2020-07-07 22:41:27 · 1316 阅读 · 2 评论 -
(小程序taro框架入门到实战)一、taro框架安装及项目搭建
说明:项目使用技术栈taro+typescript+redux一、安装及案例使用1.安装全局配置>cnpm install -g @tarojs/cli2.搭建项目>taro init 项目名3.安装成功提示说明:安装过程中会出现依赖安装报错问题【没翻墙】,需要进入项目目录用cnpm install来完成安装4.运行体验【微信小程序举例】>cnpm run dev:weapp --watch // 说明:--watch会5.下载小程序开..原创 2020-07-06 19:22:23 · 3957 阅读 · 0 评论 -
(React+TypeScript实战篇)三.组件库项目
一、项目搭建1.创建项目> npx create-react-app mambaship --typescript2.安装eslint插件在vscode中搜索,点击安装即可3.在项目中安装sass依赖>npm install node-sass --save原创 2020-07-04 15:20:50 · 826 阅读 · 0 评论 -
(React+TypeScript实战篇)二.ReactHook
概念:hook是react16.8新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。一.useState说明:useState---组件状态管理钩子 useState使函数组件能够使用state1.基本使用规则const [state, setState] = useState(initState); ·state是要设置的状态 ·setState是更新state的方法 ·initState是初始的state,...原创 2020-06-30 18:50:14 · 914 阅读 · 0 评论 -
(React+TypeScript实战篇)一.项目构建
一.项目创建(搭建带有typescript的)1.安装命令>npx create-react-app ts-with-react--typescript2.npx是什么(优点,npm5.2版本以上有)?1)避免安装全局模块2)调用项目安装的内部模块3.启动项目>cnpm start二.体验组件1.在项目src目录下创建components目录然后新建Hello.tsx2.在src目录下的App.tsx下引入使用3.效果展示..原创 2020-06-29 00:30:13 · 3676 阅读 · 1 评论