乐胖代购免代理版

React-56：RefHook（让函数式组件能够使用ref）

创建ref使用ref

其他

原创 2022-02-25 15:13:16 44 阅读

React-29：解决多级路由样式丢失的问题

问题描述给React加上多级路由之后，刷新页面有时候会造成样式的丢失。解决方法一去掉相对路径的点解决方法二在样式文件的路径前面加上%PUBLIC_URL%解决方法三将BrowserRouter改为HashRouter...

解决方法

相对路径

多级

其他

原创 2022-02-25 15:13:16 341 阅读

React-53：懒加载的使用

1. 从react中导入lazy和Suspense2. 使用lazy函数导入要使用懒加载的组件3. 使用Suspense + fallback的形式包裹路由组件注意fallback包裹的组件是当懒加载组件无法显示的时候，显示的组件，所以Loading组件不能够使用懒加载的方式。测试懒加载可以通过放慢浏览器的访问速度...

懒加载

无法显示

其他

原创 2022-02-25 15:13:16 137 阅读

剑指Offer——栈的压入、弹出序列（JS实现）

题目描述解题思路本题的思想在于想到模拟栈我们首先定义一个数组用来模拟栈从pushed数组的第一个元素开始进行入栈，如果该元素在popped数组的第一个元素，我们就将入栈的元素出栈，然后继续判断栈顶元素是否和popped数组指针指向的元素相同，相同则出栈。如果最后模拟栈的元素个数为零，则说明是栈的压入和弹出序列，反之则不是。解题代码var validateStackSequences = function (pushed, popped) { // 本题使用模拟栈的写法

数组

出栈

入栈

其他

原创 2022-02-25 15:13:16 65 阅读

Webpack-01：Webpack简介

Webpack是什么？Webpack是一种前端资源构建工具，是一个静态模块打包器，从Webpack的角度看，前端的所有资源文件都会作为模块处理，它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源。浏览器有时候无法解析某些资源文件，通过Webpack可以将这些资源文件进行统一打包，例如下面的less文件...

资源文件

前端资源

依赖关系

其他

原创 2022-02-25 15:13:15 99 阅读

剑指Offer——从上到下打印二叉树III（JS实现）

题目描述解题思路这道题属于二叉树的层次遍历问题首先定义三个数组数组queue用来存放当前层的所有元素指针数组temp充当临时数组，用来存放当前元素所有指针的左右孩子指针数组test用来存放每一层元素的值当test存储完一层的元素后，就将queue置为空，然后遍历temp将每个元素的左右孩子节点继续放入queue，继续下次循环解题代码var levelOrder = function (root) { // 使用队列的方式进行二叉树的层次遍历 if (root ===

数组

层次遍历

子节点

其他

原创 2022-02-25 15:13:15 70 阅读

React-61：错误边界

什么是错误边界？所谓的错误边界，就是将错误控制在一定的范围内，例如子组件出现了错误，不能影响父组件的显示。将错误控制在子组件内。控制可能出现的组件错误，是在该组件的父组件中进行监控通过getDerivedStateFromError通过componentDidCatch进行统计错误...

错误控制

其他

原创 2022-02-25 15:13:15 56 阅读

React-37：withRouter的使用

使用场景使得一般组件能够像路由组件一样使用history等路由组件才具有的API第一步：引入在一般组件中引入withRouter第二步：布置函数第三步：暴露封装好的组件

封装

使用场景

其他

原创 2022-02-25 15:13:15 89 阅读

React-62：组件间通信方式总结

几种通信方式props（1）：children props（2）：render props消息订阅与发布集中式管理redux.dva等conText生产者消费者模式建议的搭配方式组件关系使用工具父子组件props兄弟组件消息订阅-发布、集中式管理祖孙组件消息订阅-发布、集中式管理、conText（开发用的少，封装插件用的多）...

生产者消费者

封装

其他

原创 2022-02-25 15:13:15 66 阅读

React-36：编程式路由导航

函数格式路由传参的三种形式接收的时候，根据对应方式进行接收，详情课参考前几个博客goForward与goBackgo正数代表前进，负数代表后退

其他

原创 2022-02-25 15:13:15 53 阅读

React报错：Element type is invalid：expected a string or a class/function

错误原因大概是导入模块的时候出现了错误，可以尝试定位到import看看是否导入错误

其他

原创 2022-02-25 15:13:15 603 阅读

剑指Offer——连续子数组的最大和（JS实现）

题目描述解题思路本题的思想在于想到动态规划首先定义一个和nums同纬度的数组dp数组的第一个元素和nums的第一个元素的值相同这里的dp[i]的含义是解题关键：代表着当前元素在内的所有前面的子数组的和的最大值从nums的第二个元素开始遍历，如果dp[i-1]>0,dp[i]则等于dp[i-1]+nums[i],反之则等于nums[i]解题代码var maxSubArray = function (nums) { // 本题核心是：动态规划的思想 // dp[i]：

子数组

动态规划

数组

其他

原创 2022-02-25 15:13:15 32 阅读

React-58：Context（组件间进行通信）

context的主要使用场景适用于下面的A组件和C组件或者A组件和D组件进行通信，至于A组件和B组件进行通信，可以使用propsContext使用步骤构造Context容器对象（这个对象要放在父子孙都能访问到的区域）通过第一步创建的容器对象调用Provider属性进行包裹...

函数式

ide

使用场景

其他

原创 2022-02-25 15:13:15 103 阅读

React-34：向路由组件传递state参数

通过state参数传递的特点通过state参数传递不会显示在地址栏中。Link形式路由形式接收形式

参数传递

地址栏

其他

原创 2022-02-25 15:13:15 94 阅读

React-59：PureComponent

React中的component存在两个问题只要执行setState()，即使不改变状态数据，组件也会重新render()当前组件重新render()，就会自动重新render子组件，如果子组件并没有用到父组件的任何东西，这样就会使得效率低。造成上述问题的原因shouldComponentUpdate()总是返回true效率高的做法只有当组件的state或props数据发生改变时才重新render解决问题的方法通过手动判断shouldComponentUpdate来决定是否

数据

其他

原创 2022-02-25 15:13:15 86 阅读

剑指Offer——把数组排成最小的数（JS实现）

题目描述解题思路首先想到了使用DFS进行全排列，然后使用sort进行排序，发现超时，所以全排列DFS的方法行不通。最后还是通过JS自带的sort函数进行比较a+b和b+a来进行排序，最终通过了AC解题代码var minNumber = function(nums) { for (let i = 0; i < nums.length;i++) { nums[i] = String(nums[i]) } nums.sort((num1,nu

全排列

sort函数

其他

原创 2022-02-25 15:13:14 53 阅读

剑指Offer——字符串的排列（JS实现）

题目描述解题思路这道题属于考查DFS（深度优先遍历）*和本道题几乎完全一样的有全排列问题，都是在考查DFSDFS的本质就是递归本题通过设置一个和字符串长度一致的一维数组，用来表示该元素是否被遍历过，初始值全为false表示都没有被遍历过当dfs收到的参数的长度和输入s的长度一致时，说明一条路径已经遍历完了，然后开始存储并返回解题代码var permutation = function(s) { const trace = []; const res = [];

i++

数组

一维数组

其他

原创 2022-02-25 15:13:14 105 阅读

使用Git管理项目

一、在Github上建立仓库二、在项目根目录创建.gitignore文件# See https://help.github.com/articles/ignoring-files/ for more about ignoring files./.idea# dependencies/node_modules/.pnp.pnp.js# testing/coverage# production/build# misc.DS_Store.env.local.env.deve

git

github

推送

其他

原创 2022-02-25 15:13:14 227 阅读

React-45：mapDispatchToProps的简写方法

简写形式对象：键值对的形式

键值对

其他

原创 2022-02-25 15:13:14 56 阅读

剑指Offer——扑克牌中的顺子（JS实现）

题目描述解题思路本题采用的是通过零数组来辅助判断是否是顺子具体的过程，代码注释中都有解题代码var isStraight = function (nums) { // 将nums数组中所有0元素放入下面的数组中 const zeroArr = []; // 将数组从小到大进行排序 nums.sort((num1, num2) => num1 - num2); // 将含零的元素添加到0的数组中 for (let i = 0; i <

数组

i++

代码注释

其他

原创 2022-02-25 15:13:14 200 阅读

修改VScode编辑器默认注释的颜色

为什么要修改？Vscode默认的注释颜色是灰色的，在有的主题下，比较暗淡，影响视觉体验。修改方法Ctrl + Shift + P 输入settings添加以下代码并保存//改变注释颜色 "editor.tokenColorCustomizations": { "comments": "#009933" // 注释 }, //如果后面还加内容，记得块末用逗号隔开 // "editor.insertSpaces": false...

其他

原创 2022-02-25 15:13:13 3649 阅读

剑指Offer——股票的最大利润（JS实现）

题目描述解题思路首先定义一个数组用来存储当天之后股票的价格-今天的价格的最大值遍历每一个元素的同时，取出剩余元素使用JS自带的sort方法，将剩余元素的最大值取出来，然后存到结果数组中使用sort方法将结果数组中的最大值进行返回即可解题代码var maxProfit = function (prices) { if (prices.length === 0) return 0;

数组

最优解

动态规划

原创 2022-02-25 15:11:24 47 阅读

剑指Offer——n个骰子的点数（JS实现）

题目描述解题思路本题可以通过递归的形式进行解决，也可以采用动态规划核心就在于理解题意

原力计划

递归

i++

数组

原创 2022-02-25 15:11:16 146 阅读

React-24：React中使用fetch发送请求的两种方式

方式1：使用promise的方式fetch(`http://localhost:3000/api1/search/users2?q=${this.input1.value}`).then( response => { console.log('成功联系到服务器'); return response.json(); }, ).then( respons

json

服务器

数据

其他

原创 2022-02-25 15:11:10 65 阅读

React-23：React兄弟组件直接通信的方法（消息订阅-发布机制）

1：安装pubsub-jsnpm install pubsub-js2：引入pubsub库import PubSub from 'pubsub-js';3：发布消息4：订阅消息

其他

原创 2022-02-25 15:11:10 108 阅读

在线免费制作LOGO并发送到指定邮箱

网址://hatchful.shopify.com/

其他

原创 2022-02-25 15:11:04 514 阅读

输入二叉树数组生成对应的二叉树数据结构（JavaScript）

需求输入一个二叉树的数组，函数能够生成对应的二叉树的结构代码const deserialize

二叉树

数组

字符串

原创 2022-02-25 15:10:52 41 阅读

剑指Offer——二叉搜索树与双向链表（JS实现）

题目描述解题思路使用二叉树的中序遍历，将每一个节点存到一个数组中使用for循环改变每个节点的left，right指针域实现代码var treeToDoublyList = function (root) { const temp = []; function dfs(root) { if (!root) return null; dfs(root.left); temp.push(root) dfs(root.

i++

数组

中序遍历

其他

原创 2022-02-25 15:10:39 67 阅读

剑指Offer——序列化二叉树（JS实现）

题目描述解题思路（序列化）本题分为两个部分：一是序列化二叉树，二是反序列化二叉树。序列化二叉树：将以可二叉树，变成一个字符串，这个字符串本人刚开始以为是按照题目给的例子得是层序遍历才行，后来看了题解才知道，原来前序遍历也可以，下面的解法是采用的层序遍历，层序遍历使用的是数组存储每一层的下一层元素，然后将这个数组变成循环的条件，知道数组为空序列化代码const serialize = (root) => { if (!root) return []; let queue

二叉树

数组

反序列化

其他

原创 2022-02-25 15:10:39 49 阅读

剑指Offer——和为S的两个数字（JS实现）

题目描述解题思路使用双指针一个指针指向最左端一个指针指向最右端大了最右端的往左移小了最左端的往右移实现代码var twoSum = function (nums, target) { let l = 0; let r = nums.length-1; while (nums[l] + nums[r] !== target) { if (nums[l] + nums[r] < target) { l++;

双指针

其他

原创 2022-02-25 15:10:39 22 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wb59770b05237ae的博客