自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

转载 使用useReducer和useContext管理组件

123

2023-03-06 15:42:24 152

转载 useReducer 的使用场景和方法

useReducer

2022-06-15 22:57:05 228

原创 useState 取最新数据(同步方法)

useState 同步

2022-06-14 18:23:49 4616

转载 JS异步编程的解决方案

js 异步编程

2022-06-05 11:38:49 2126

原创 call 和 apply bind

区别和详解:js中call()和apply()的用法apply和call的区别在哪里什么情况下用apply,什么情况下用callapply的其他巧妙用法(一般在什么情况下可以使用apply)2、语法和参数分析:、**apply和call都能继承另外一个对象的方法和属性;Function.apply(obj,args)方法能接收两个参数obj:这个对象将代替Function类里this对象args:这个是数组,它将作为参数传给Function(args-->arguments)call

2022-03-20 15:27:54 59

原创 Grid布局的用法

1,定义Grid 布局与 Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。Grid 布局远比 Flex 布局强大。参考链接:https://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html...

2021-12-27 22:41:03 240

转载 mobx在react如何使用

这边文章主要目的呢。是搭建一个react和mobx的demo。能够了解mobx在react应用中如何使用的。我会用大白话的形式写这个文章;文末有react 和react-native 的两个集成mobx的项目demo。react-native的实现思路和下面一样。1.create-react-app创建react项目脚手架命令生成一个项目:1.create-react-app react_mobx//创建好脚手架安装mobx和mobx-react 包2. npm install mobx mob

2021-07-02 14:26:06 2384 5

原创 react-hooks 个人笔记

useEffect 的用法// 这个东西类似于 之前 类的那种写法中的 声明周期函数// useEffect 是 相当于 DidMount 和 DidUpdate 两个周期函数// 这个时候 还有解决方法 就是 我们的函数 useEffect 还有 第二个参数 我们放个空数组 他就不会 重复执行了// 其实这个空的数组中可以 放入一个变量 该函数的执行 可以判定为 数组里面的变量是否改变 改变的情况下 才会触发本次函数useEffect( () => { let _th

2021-05-07 19:25:39 100

转载 react+webpack4搭建前端项目(二)react全家桶的使用

前言react+webpack4搭建前端项目分为三个章节。链接如下。目的是实现从零搭建一个react后台管理系统1、react+webpack4搭建前端项目(一)基础项目搭建2、react+webpack4搭建前端项目(二)react全家桶的使用3、react+webpack4搭建前端项目(三)打包优化webpack配置的讲解4、react+webpack4.x搭建前端项目(四)配置抽取和区分环境5、react+webpack4.x搭建前端项目(五)多页面配置6、react+webpack4

2021-03-29 19:23:00 303

转载 react+webpack4搭建前端项目(一)

作者:小猿_Luck_Boy链接:https://www.jianshu.com/p/04e436cf75ba来源:简书复制过来的意思是,多平台报错前言react+webpack4搭建前端项目分为三个章节。链接如下。目的是实现从零搭建一个react后台管理系统1、react+webpack4搭建前端项目(一)基础项目搭建2、react+webpack4搭建前端项目(二)react全家桶的使用3、react+webpack4搭建前端项目(三)打包优化webpack配置的讲解4、react+

2021-03-29 13:58:35 725

原创 ES6知识点划分

1,解构赋值1:let [head, ...tail] = [1, 2, 3, 4];console.log(head) //1console.log(tail) //[2, 3, 4]let [x, y, ...z] = ['a'];console.log(y) //undefinedconsole.log(z) //[]let [a, [b], d] = [1, [2, 3], 4];a // 1b // 2d // 4let [er, tr, gr,yr] = [ 2,2,5

2021-03-23 20:43:03 103

原创 vue h5 调微信扫一扫 简单实用

vue h5 调微信扫一扫 简单实用1.第一步绑定域名,就是你在公众号登录之后要设置域名,还有白名单,这个喊后端去弄,前端又不晓得哪些是白名单,域名是好多2.第二步:安装js-sdk的包(用npm 或yarn安装npm install weixin-js-sdk --save)import wx from “weixin-js-sdk”;第三步:配置wx.config这个里面需要的东西全...

2019-11-20 10:48:23 2323 1

原创 react-native集成支付宝和微信登录

1 支付宝1:走完支付宝官方文档的前几步 https://docs.open.alipay.com/204/105296/ 其中添加权限参考2中的第4步。2:从第6步的添加权限开始走,一直到最后 https://www.jianshu.com/p/e2026db4fa222 微信...

2019-11-04 13:12:08 888

原创 ES6

1:上次在项目中遇到关于Object.keys()方法,在网上查阅相关资料后大体做了一个的用法总结如下:1.传入对象,返回对象的key值var obj = new Object();obj = {a:1,b:2};console.log(Object.keys(obj)) //['a','b']2.传入字符串,返回索引var str = new String();str = 'ab...

2019-11-04 13:11:15 140

转载 Redux 入门教程:基本用法

Redux 入门教程(一):基本用法:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.htmlRedux 入门教程(二):中间件与异步操作:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operatio...

2019-05-08 13:46:00 149

原创 react-native学习

1,调用原生模块 方法名 NativeModules类似于这种,抛出安卓方法名,想要使用该文件的方法,比如pay()方法,做法。var WXPAT = NativeModules.Wxpay;WXPAY.pay();即可使用。或者 在A文件中import { NativeModules } from 'react-native';export default NativeModu...

2019-05-08 13:38:41 242

原创 React Native插件系列之插件汇总

1:插件汇总react-native-linear-gradient 颜色渐变处理react-native-login 视频界面登录react-native-keyboard-aware-scroll-view 键盘显示处理react-native-popup-dialog 弹窗react-native-dropdownalert 一种非常漂亮的alert弹窗方式,从状态栏往下弹窗;...

2019-04-18 10:53:04 1409

原创 react-native+pushy

1:必须下载的软件1:jdk、2:android-studro、3:pathon2详见react-native项目环境部署,按照部署流程走下去就行。注意事项:版本高低、环境变量。2:命令1:创建项目:react-native in reactNativeApp(项目名) 2:运行:react-native run-android (安卓环境下) 3:刷新页面:在模拟器上双击 R键。3:...

2019-04-10 15:45:40 298

转载 GIT TortoiseGIT中怎么配置SSHKey

TortoiseGIT(乌龟GIT)现在使用范围越来越广,使用人群也越来越多,很多网友都已经开始用这款软件了,但是相对于小白用户来说,怎么才能配置TortoiseGit中SSH密钥呢。本文中就给大家详细讲解了TortoiseGit中SSH密钥的生成和配置.2019-03-15TortoiseGit for Windows 64 2.8.01.在安装了TortoiseGit的目标客户机上,如图运...

2019-04-02 11:10:22 7069

原创 其他个人问题汇总

HTML5 AppCache机制分析(缓存机制)随着移动互联网越来越普及, 在移动端采用web技术解决跨平台、快速部署、快速发布的方案也越来越多。 但对于web方式实现的app又面临者网络的强依赖,对网速和流量有较高要求,针对此问题html提出了AppCache方案, 用于解决web离线缓存问题。那什么是AppCache呢?顾名思义,AppCache就是对app内存缓存的方案,具体表现为当请...

2019-03-20 09:58:33 161

原创 react技术点

1: componentDidMoun(){}里不能直接更新stete,不能setState({}); 解决方法,在setTimeOut({})里设置setState例:componentDidMount() {setTimeout( _ => {this.setState({ val: this.state.val + 1 })console.log(this.state.val)...

2019-03-20 09:54:03 358

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除