- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 React Hooks学习总结-01
文章目录1. 为什么使用HOOKS?2. 以下通过一个页面计时器的方法来介绍hook api1. 先使用原来类组件的方式编写2. useState 和 useEffects（后面详细介绍）3. useReducer4. useEffect5.useLayoutEffect6. useContext7. useRef8、hooks 的优化 memo AND useMemo AND useCallback9、闭包陷阱1. 为什么使用HOOKS?让函数式组件具有类组件的能力2. 以下通过一个页面计时器的
2020-09-28 15:42:25
163
原创 第四篇-Next 接入antd 或者 antd-mobile
文章目录1、配置[antd-mobile](https://mobile.ant.design/docs/react/introduce-cn#%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8B)2、按需加载antd-mobile组件1、安装加载css 插件 和 babel-plugin-import2、 第一种配置按需加载2、 第二种配置按需加载1、配置antd-mobilenpm install antd-mobile --saveornpm install antd --
2020-09-28 15:38:43
2950
原创 第三篇-安装redis 数据库及介绍使用方式
文章目录1、安装redis 数据库1、windows 安装 [redis github 地址](https://github.com/MicrosoftArchive/redis/releases)2、mac 命令安装 [redis](https://redis.io)3、mac 包管理工具安装 [redis](https://brew.sh)(最简单的安装方式）2、检验是否安装成功3、redis 基本使用4、node 连接 Redis1. 使用[ioredis](https://www.npmjs.com
2020-09-28 15:36:33
133
原创 第二篇-前期准备-搭建项目-安装next和koa
文章目录1、手动搭建1、新建项目文件夹2、修改启动项2、脚手架搭建1、全局安装脚手架2、创建项目3、next.js 作为[Koa](https://koajs.com)中间件使用1、安装Koa2、启动koa配置服务3、安装 "koa-router"1、手动搭建1、新建项目文件夹npm init 选着默认设置npm i react react-dom next在根目录新建文件夹 pages,nextJs 所有的文件都放在这里，他会根据页面的路径生成路由2、修改启动项修改package
2020-09-28 15:35:19
312
原创 第一篇-NEXT.JS搭建项目
[OTC]使用脚手架创建工程使用nmp: npm install-g create-next-app create-next-app --example with-redux with-redux-app使用yorn:yarn create next-app --example with-redux with-redux-app使用npx:npx create-next-app --example with-redux with-redux-app...
2020-09-28 15:31:55
505
原创 GitLab加入项目开始到代码提交、merge、回滚
1、Git拉取远程分支到本地分支：初始化git init分支建立连接git remote add origin ssh://git.com拉取代码git pullgit pull origin dev切换分支git checkout dev查看状态git status添加操作git add 文件名将暂存区的内容提交到本地库git commit查看历史记录git log查看本地库所有分支git branch -v创建一个新的分支git branch dev远程下载
2020-07-27 13:29:19
1907
原创 原生到框架常见面试题
文章目录1、H5的新特性(api)：2、C3有哪些新特性：3、原生问题1、ajax请求时get和post的区别：2、 ajax请求的步骤：3、闭包是什么，有什么特性，对页面有什么影响：4、浏览器的兼容问题：5、 移动端适配问题：6、 gulp与webpack的区别：8、 前端优化：9、解释JSONP的原理，以及为什么不是真正的ajax：框架常见面试题：vue：react：1、 JSONP(适用于单项跨域请求) 原理：3、react和vue两个框架的差异不同点：4、原型链的继承5、promise概念：6、 你
2020-07-27 12:42:15
369
原创 webpack打包溢出 : neffective mark-compacts near heap limit Allocation failed - JavaScript heap
问题描述：neffective mark-compacts near heap limit Allocation failed - JavaScript heap解决方法1、全局cmd运行：npm install -g increase-memory-limit进入项目文件打开命令窗口运行：increase-memory-limit2、 在package.json 中启动项 node 后面加 --max-old-space-size=8192 （8G）start": "cross-e
2021-03-06 18:36:50
376
1
原创 checkbox封装代码
手写checkbox1、IconMys 是封装的字体组件(下面就是svg 的图片)'input-check': `<svg viewBox="0 0 29 21"> <polygon points="12.41,20.74 0,10.82 4.37,5.35 11.96,11.42 23.75,0 28.62,5.03 "/> </svg>`,2、Color, Font, 是公共变量 自己可以随意定义3、styled 在js 中写样式工
2021-01-15 11:43:25
250
原创 移动端rem设置
移动端rem设置 此方法为1rem=100px 根据自己需要 调整function font(){ document.documentElement.style.fontSize=document.documentElement.clientWidth/3.75+'px'}font() window.onresize=font;//视窗改变重新加载
2020-07-16 15:02:11
96
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人