@ZGLi-CSDN博客

原创【JavaScript】怎么测试方法的兼容性

在里面输入要检测的方法，`红色`代表不支持，`绿色`代码支持

2023-08-11 23:38:40 357

原创【JavaScript】jquery的导入方式有两种：本地导入和线上导入

jquery是一个用来代替JavaScript来快捷书写前端脚本语言的库，jquery可以大大的简化复杂的js代码，使开发人员专注于实现页面的效果。

2023-08-10 22:34:02 3903

原创【React】怎么暴露webpack配置规则？

在根目录下运行终端命令：`yarn eject`或`npm run eject`修改webpack默认配置，保险起见先执行命令：`git add -A` //添加到缓存区，`git commit -m'init'` //保存到历史区，再执行：`yarn eject`。

2023-06-30 19:59:58 627 1

原创【React-DevTools】MAC 版浏览器开发者调试工具 React-DevTools插件的安装

打开react-devtools-3/shells/chrome/build/unpacked直接添加unpacked文件夹。注意：这两个命令一定要在react-devtools-3的根目录下使用，不然会出现错误。在根目录下找到package.json文件。可以看到打包扩展程序的命令。

2023-03-24 18:05:17 1356 2

原创 VScode项目中文件后面的A/U/M...是什么意思？

1. git 添加过该文件，然后你对这个文件进行了修改，就会文件后标记M```javascriptM modified```2. 你在本地新建了这个文件，还未提交到 git 上，就会标记文件或没有被合并(你需要完成合并才能进行提交)```javascriptU untracked```3. 你本地删除的文件（服务器上还在）```javascriptD delete```4. 文件的一个新拷贝```javascriptC```5. 文件名被修改了```javas

2023-03-14 09:38:54 2168 2

原创【React、脚手架和yarn】暴露webpack规则报错：error Couldn‘t find a package.json file in “/Users/zengguili/textapp“

错误原因：依赖包产生了缓存，（就是重复下载了npm i包）解决没有package.json文件。

2023-03-13 21:41:12 700

原创【React、脚手架和yarn】暴露webpack规则报错：error Command failed with exit code 1.

1. 因为项目初始化的时候把用不着的文件都删除了，只留下如图文件（node_modules没动，public下只留两个文件：index.html和favicon.ico，src下只留一个文件：index.js）。

2023-03-13 21:32:24 1097

原创【React脚手架安装】用yarn命令：yarn create react-app myapp 显示错误：error Command failed.

安装React脚手架时使用yarn create react-app my app命令显示如下错误。再重新运行：yarn create react-app myapp。

2023-03-13 18:17:45 488

原创【yarn for MAC】报错“-bash: yarn: command not found“ 则安装yarn

以下安装yarn方法有一个不行就直接换它。法一：前提条件：电脑已安装node才能使用这个方法node -v全局安装:npm install yarn -g如果输入：yarn --version能查看版本号说明，安装成功。报错问题如果遇上以下报错情况：cengguilideMacBook-Pro:~ zengguili$ npm install yarn -gnpm ERR! code EACCESnpm ERR! syscall mkdirnpm ERR! path /

2023-03-13 16:23:26 584

原创【Navicat】怎么在Navicat新建连接、新建数据库、导入数据库

1. 新建一个MySQL连接：打开Navicat，点击“`左上角第一个图标 --> MySQL`”。

2023-03-11 17:53:59 11909

原创【JavaScript版数据结构与算法面向大厂面试】第十五章算法设计思想之“回溯算法”

第十五章算法设计思想之“回溯算法”15.1 回溯算法简介15.2 LeetCode: 46. 全排列15.3 LeetCode: 78. 子集15.5 回溯算法总结15.6 回顾与总结

2023-03-10 20:24:15 73

原创【JavaScript版数据结构与算法面向大厂面试】第十四章算法设计思想之“贪心算法”

第十四章算法设计思想之“贪心算法”14.1 贪心算法简介14.2 LeetCode: 455. 分饼干14.3 LeetCode: 122. 买卖股票的最佳时机14.4 贪心算法总结代码实现：代码解读：对饼干数组和胃口数组进行升序排序代码实现：

2023-03-10 20:22:36 66

原创【JavaScript版数据结构与算法面向大厂面试】第十三章算法设计思想之“动态规划”

法一：时间复杂度：O(n)空间复杂度：O(n)法二：时间复杂度：O(n)空间复杂度：O(1)

2023-03-10 20:21:17 62

原创【JavaScript版数据结构与算法面向大厂面试】第十二章算法设计思想之“分而治之”

/写一个递归函数 const rec =(low , high) => {return;} //给一个跳出递归函数的条件 const mid = Math . floor((low + high) / 2);//取中间元素 const res = guess(mid);//猜值 if(res === 0) {//猜对了返回值 return mid;//猜的值小了，继续在大的一半猜 return rec(mid + 1 , high);} else {

2023-03-10 20:19:44 68

原创【前端框架】react框架第一章 react的基本使用和脚手架的使用

在VScode软件中创建了一个名为React_item项目，在React_item项目中选中react文件夹，点击右键，选择“在集成终端中打开”。在终端中输入“npm I react react-dom”来安装react。（要安装yarn）来启动项目。终端出现以下代码和自动出现网页说明启动react项目成功。（其中may-app是项目名称）来进行初始化。声明一个变量来接收一个react元素。在html文件中引入react文件。图中安装了两个react文件。

2023-03-10 20:18:57 140

原创【前端框架】react框架第六章 react路由基础

现代的前端应用大多都是SPA(单页应用程序)，也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由应运而生。前端路由的功能：让用户从一个视图(页面)导航到另一个视图(页面)前端路由是一套映射规则，在React中，是URL路径与组件的对应关系使用React路由简单来说,就是配置路径和组件(配对)

2023-03-10 11:06:46 163

原创【前端框架】react框架第五章 react原理揭秘

我们知道调用setState会让render函数重新执行，如果每次调用 setState都进行一次更新，那么意味着render函数会被频繁调用，界面重新渲染，这样效率是很低的。而React中的做法也是如此，在一个时间段中，会获取多个更新，再将多个更新放入一个任务队列中，再对任务队列进行批处理。如果还有其他更新不在当前时间段，则在下一个时间段(或者其他时间段)的任务队列中进行批处理。直接在setState函数中传入一个对象, 传入的该对象会和this.state的对象进行一个合并, 相同的属性会进行覆盖,

2023-03-10 11:06:01 112

原创【前端框架】react框架第四章 react组件进阶

组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程，这个过程就叫做组件的生命周期。react在组件的生命周期中提供了一系统的钩子函数，可以让开发者在函数中注入代码，这些代码会在适当的时候运行。为开发人员在不同阶段操作组件提供了时机。注意只有类组件才有生命周期。函数组件每次都是重新运行函数，旧的组件即刻被销毁。

2023-03-10 11:03:03 80

原创 MAC电脑下载MySQL、安装MySQL、配置MySQL、root密码重置和完全彻底卸载MySQL

点击Product Version去选择对应机型的版本进行安装（比如：作者这里的Mac是老版本的MacOS 10.13。最后这三行很重要：可以完全的删除旧版，之后你可以重新再安装新版本。使用mysqldump备份你的数据库将文本文件!下载对应机型的MySQL版本。里把mysql添加到环境变量。为mysql默认安装路径。在这可以选择软件版本。

2023-03-08 16:32:29 1538 2

原创【JavaScript版数据结构与算法面向大厂面试】第九章数据结构之“图”

第九章数据结构之“图”9.1 图简介9.2 图的深度与广度优先遍历9.3 LeetCode: 65. 有效数字9.4 LeetCode: 417. 太平洋大西洋水流问题9.5 LeetCode: 133. 克隆图9.6 图总结

2023-03-08 10:29:56 85

原创【JavaScript版数据结构与算法面向大厂面试】第十一章进阶算法之“搜索排序”

第十一章进阶算法之“搜索排序”11.1 排序和搜索简介11.2 JavaScript 实现：冒泡排序11.3 JavaScript 实现：选择排序11.4 JavaScript 实现：插入排序11.5 JavaScript 实现：归并排序11.6 JavaScript 实现：快速排序11.7 JavaScript 实现：顺序排序11.8 JavaScript 实现：二分搜索11.9 LeetCode: 21. 合并两个有序链表11.10 LeetCode: 374. 猜数字大小

2023-03-08 10:28:13 65

原创【JavaScript版数据结构与算法面向大厂面试】第十章数据结构之“堆”

第十章数据结构之“堆”10.1 堆简介10.2 JavaScript 实现：最小堆类10.3 LeetCode：3215. 数组中的第K个最大元素10.4 LeetCode：347. 前K个高频元素10.5 LeetCode：23. 合并K个排序链表10.6 堆总结

2023-03-08 10:23:07 126

原创【前端框架】react框架第三章 react组件基础

1. React组件的两种创建方式法一：使用函数创建组件法二：使用类创建组件抽离为独立JS文件2. React事件处理事件绑定事件对象3. 有状态组件和无状态组件4. 组件中的state和setStatestate的基本使用setState()修改状态从JSX中抽离事件处理程序5. 事件绑定this指向箭头函数Function.prototype.bind()class的实例方法（推荐）总结6. 表单处理受控组件（`推荐`）非受控组件（DOM方式）

2023-03-08 10:19:20 144

原创【前端框架】react框架第二章 JSX

1. JSX的基本使用使用步骤注意点：2. JSX中使用JavaScript表达式嵌入式JS表达式注意点3. JSX的条件渲染JSX的列表渲染JSX的样式处理

2023-03-08 10:17:52 98

原创【JavaScript】Array数组中slice()方法的使用

Array数组slice()方法：从原数组中连续提取多个数，构成新数组。slice 会提取原数组中索引从 begin 到 end 的所有元素（包含 begin，但不包含 end）。如果begin参数缺省则为0，如果 begin 超出原数组的索引范围，则会返回空数组。从已有的数组中选取部分元素来构成新的数组。原数组中的倒数第几个元素开始提取。原数组begin下标开始提取元素。新数组中不包含下标为end的数值。原数组中的倒数第几个元素结束抽取。原数组end下标提取结束。

2023-03-06 13:40:43 2290

原创【JavaScript版数据结构与算法面向大厂面试】第八章树

8.3 二叉树的先中后序遍历建二叉树存于文件bt.js中先序遍历算法实现（递归版）中序遍历算法实现（递归版）后序遍历算法实现（递归版）8.4 二叉树的先中后序遍历（非递归版）1. 先序遍历2. 中序遍历3. 后序遍历8.5 LeetCode: 104. 二叉树的最大深度代码实现：法一：代码解读：法二：代码实现：代码解读：综上：法一效率更高些代码实现：代码解读：法一：代码实现：代码解读：法二：代码实现：8.8 LeetCode: 94. 二叉树的中序遍历递归版

2023-03-04 15:53:53 190

原创【MAC】如何不利用软件就可以清理电脑系统缓存和内存

MAC如何清理系统缓存文件1. 鼠标先点击桌面，再按“shift + command + G”扫后，输入 “~/Library/Caches/” 即可快速打开Caches文件夹。（Caches文件夹就是系统产生缓存文件所存放的文件夹）。2.打开的Caches文件夹，选择不需要的文件夹进行删除。可以根据文件夹的名字判断是哪款软件产生的。例如这里“com.apple.Safari”文件夹就是Safari浏览器产生的缓存文件，可以放心删除。

2023-03-04 11:35:34 972