- 博客(11)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 学习小结：使用react-redux连接容器与ui与redux
首先，redux与react-redux不是一个东西，redux不是react开发的，只是react发现很多人都在使用redux，所以出了一个react-redux来帮助与redux之间的交互本文在redux基础上使用，仅对react-redux方面操作，redux使用请移步此链接学习小结：react中的redux_uliar的博客-CSDN博客目的：使用react-redux作为中间件而不是redux直接交互，完成这个demo1.在redux相关下载完以后继续下载react-red
2022-04-02 11:00:44
1481
原创 学习小结：react中的redux
今天学到了redux，现在明白尤雨溪为什么用了react以后要自己做一个vue。。。但是还是有必要去学习的简单的说，redux就是一个所有组件都可以访问并且能够修改的state下面说一下使用redux管理state，完成一个点击按钮修改数据的案例（案例不难，用react做肯定比redux快，只是用来教学而已）1.在react-app中安装redux，redux-thunk（该库是为了让store能够处理异步代码）yarn add redux redux-thunk2
2022-03-28 15:39:35
245
原创 使用vue开发的网页游戏
先放链接：baiwanrunrun无聊的时候用vue脚手架搭配vuex，vuerouter以及自己想的碰撞计算，完成了一个小游戏图片背景是网上找的，如有不爽联系我删除说一下收获与心得：1.封装组件的必要性，初始开发比较麻烦，伤害体积，碰撞体积，跳跃递减，碰撞使跳跃开始自由落体，因为我没有接触过什么游戏框架，所以我都是自己计算写出来的，花了一天完成了基础，然后做了两关而已，因为后面的就没什么挑战难度了，封装完组件后，后面的关卡只需要添加组件就好，接下来开发一关只需要几分钟...
2022-03-28 11:01:02
9552
9
原创 create-react-app使用craco.config.js完成rem适配 postcss-pxtorem
最近被rem适配这个坑搞了一整天，使用了postcss-pxtorem，不管是放在eject后的webpack里还是网上各种教程介绍的craco里都没有用，估计是更新导致的，在钻研了一天后，终于完成适配了，下面介绍一下适配的步骤(从项目0开始，可自行跳到自己的步骤位置)1.运行命令行创建react项目create-react-app 项目名称2.终端执行安装数个包ps: @craco/craco: 使项目不需要 eject暴露配置就可以修改webpack配置crac...
2022-03-22 12:01:08
3573
17
原创 学习小结：react基础，获取ref的三代方式
我将以三代ref的获取方式来实现一个点击按钮就会弹窗显示input输入的内容第一代：以字符串的方式获取：class Demo extends React.Component { render() { return ( <div> <input type="text" ref="input" /> // 在虚拟dom上以 ref=??? 的方式添加 <button onClick={this.show.
2022-02-11 16:57:46
1896
原创 学习小结：js中bind，apply，call之间的区别
该文章主要了解js中这三个修改this指向api的异同之处同：这三个api都是用来修改被被调用的方法内部this指向，以及传参异：apply的传参方式是以数组的方式传入第二个参数，而bind和call除了第一个参数是this指向，后面的参数与方法一致例：let x = {}function fun(a,b,c) { console.log(a+b+c)}fun.apply(x,[1,2,3]) // 6fun.bind(x,1,2,3)() // 6fun.call
2022-02-11 16:43:13
222
原创 js 严格模式中的副作用
纪录一下昨天的react学习，js严格模式是一个能够使代码规范的好东西，但是严格模式会有副作用，就是this指向问题示例：function fun1() { 'use strict' console.log(this) // undefined}fun1()function fun2() { console.log(this) // window}fun2()可以看到，在使用严格模式下，打印的this为undefined，这是因为，在严格模式下，如果没有
2022-02-11 09:44:12
379
原创 学习小结：柯里化
比如在职场薪资计算中，薪资分为底薪+绩效，底薪固定分等级，但是绩效每个月不一样，这个时候300个人都是8000，那每次使用 add(8000,绩效)就会特别繁琐并且不清晰，使用柯里化之后只需要add8000(绩效)，add13000(绩效)，只需要传入一个绩效参数便可，清晰明了柯里是以人命名的，柯里化是运用了闭包，使函数变得更加简便易管理柯里化的运用：柯里化就是一个方法，接收一个参数为你需要被柯里化的方法a，随后会返回一个新的方法b，这个新方法b你在后续使用时如果传入了所有的参数，就是正
2022-01-26 10:09:56
227
原创 前端：纯函数与缓存原理，手写loadsh的memoize缓存
今天了解了js高阶使用之纯函数，以及loadsh的缓存原理，并且能够把他手写出来ps：你看懂的只是你看懂的，你写出来的才是自己学会的纯函数：一句简单介绍的话就是：不管在任何时候使用这个函数，相同的参数执行这个函数会得到固定的结果让我们先来看一个例子：function add(num1, num2) { return num1 + num2}var result = add(2, 4)console.log(result) // 6这是一个非常简单的计算加法的函
2022-01-24 11:26:39
655
4
原创 手写数组的api：some，map，every
要想前端学的好，了解源码不能少今天学习复刻一下数组的some，map，every的实现方式共同点：这三个api都接收一个回调函数，回调函数有两个传参，第一个参数为数组属性值，第二个参数为数组索引不同点：some：遍历数组，只要找到一个符合回调函数的结果就返回true，反则falselet arr = [1,2,3,4]let result = arr.some((item,index) => { // 只要有一个数满足值等于2就返回true .
2022-01-21 11:42:58
6194
空空如也
vue在安卓4.4使用class样式无效行内样式却有效，思考许久依旧无法解决
2022-04-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人