jieweiwujie的博客

原创 【找出数字连续的最长序列】：给定一个未排序的整数数组 nums ，找出数字连续的最长序列（不要求序列元素在原数组中连续）的长度。

给定一个未排序的整数数组nums，找出数字连续的最长序列（不要求序列元素在原数组中连续）的长度。请你设计并实现时间复杂度为O(n)的算法解决此问题。

原创 【字母异位词分组】给你一个字符串数组，请你将 字母异位词 组合在一起。可以按任意顺序返回结果列表。字母异位词 是由重新排列源单词的所有字母得到的一个新单词。

给你一个字符串数组，请你将组合在一起。可以按任意顺序返回结果列表。是由重新排列源单词的所有字母得到的一个新单词。

原创 【两数之和】给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。

你可以假设每种输入只会对应一个答案，并且你不能使用两次相同的元素。整数，并返回它们的数组下标。你可以按任意顺序返回答案。，请你在该数组中找出。

原创 给你两个按 非递减顺序 排列的整数数组 nums1 和 nums2,另有两个整数 m 和 n ，分别表示 nums1 和 nums2 中的元素数目。

这种方法的时间复杂度为O(m + n)，空间复杂度为O(1)，高效且无需额外空间。最终，合并后数组不应由函数返回，而是存储在数组。个元素表示应合并的元素，后。中，使合并后的数组同样按。

原创 e-select下拉选择，选择一个，其他不能选

【代码】e-select下拉选择，选择一个，其他不能选。

原创 el-select下拉多选高亮展示

【代码】el-select下拉多选高亮展示。

原创 el-tree树选择，单选获取当前节点，或者获取所有父节点

【代码】el-tree树选择，单选获取当前节点，或者获取所有父节点。

原创 上传附件element-plus

【代码】上传附件element-plus。

原创 sass教程高阶使用：@each；@for指令

each 指令的格式是 $var in , $var 可以是任何变量名，比如 $length 或者 $name，而 是一连串的值，也就是值列表。

原创 sass教程高阶使用：导入@import(@import “base“)；

Sass 拓展了 @import 的功能，允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中，另外，被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。跟我们普通css里面@import的区别。在index.scss里面使用。

原创 sass教程高阶使用：定义变量3中方式；

通过连接符与下划线 定义的同名变量为同一变量；

原创 sass教程高阶使用:1【&】选择器运用 代表父元素； 2【:】属性嵌套选择器； 3 【%】占位符选择器，配套@extend

SASS语法嵌套规则

原创 sass教程高阶使用：1定义变量2 继承使用@extend 3 混入@mixin和@include配合使用 5 判断@if 6 屏幕尺寸变化 @media使用

这是第一个这是第2个

原创 Webpack:总结（4）vue3项目配置

【代码】Webpack:总结（4）vue3项目配置。

原创 Webpack:总结（3）REACT项目配置

主要是分为三个文件。

原创 Webpack:总结（1.5）把css单独抽取成css文件

Css 文件目前被打包到 js 文件中，当 js 文件加载时，会创建一个 style 标签来生成样式。我们应该是单独的 Css 文件，通过 link 标签加载性能才好。以上为了测试兼容性所以设置兼容浏览器 ie8 以上。这样对于网站来说，会出现闪屏现象，用户体验不好。来控制样式的兼容性做到什么程度。

原创 Webpack:总结（1.4）生产模式详细介绍

生产模式是开发完成代码后，我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化，让其运行性能更好。

原创 Webpack:总结（1.3）开发模式详细介绍，css，js，html资源加载，自动化服务打开浏览器

开发模式顾名思义就是我们开发代码时使用的模式。开发时我们有样式资源、字体图标、图片资源、html 资源等，webpack 默认都不能处理这些资源，所以我们要加载配置来编译这些资源提前检查代码的一些隐患，让代码运行时能更加健壮。提前检查代码规范和格式，统一团队编码风格，让代码更优雅美观。

原创 Webpack:总结（1.1） 基本使用，配置，模式介绍

【代码】Webpack:总结（1.1） 基本使用，配置，模式介绍。

原创 Webpack:总结（2） 高阶使用

【代码】Webpack:总结（2） 高阶使用。

原创 Webpack:总结（1.2） 基本使用

开发模式顾名思义就是我们开发代码时使用的模式。编译代码，使浏览器能识别运行开发时我们有样式资源、字体图标、图片资源、html 资源等，webpack 默认都不能处理这些资源，所以我们要加载配置来编译这些资源代码质量检查，树立代码规范提前检查代码的一些隐患，让代码运行时能更加健壮。提前检查代码规范和格式，统一团队编码风格，让代码更优雅美观。生产模式是开发完成代码后，我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化，让其运行性能更好。优化代码运行性能优化代码打包速度。

原创 webpack9:将css单独抽离成css文件,兼容性css配置，压缩css资源

Css 文件目前被打包到 js 文件中，当 js 文件加载时，会创建一个 style 标签来生成样式这样对于网站来说，会出现闪屏现象，用户体验不好我们应该是单独的 Css 文件，通过 link 标签加载性能才好。

原创 elementplus的Bootstrap的响应式布局

【代码】elementplus的Bootstrap的响应式布局。

原创 Windi css使用说明

【代码】Windi css使用说明。

原创 react 高阶函数-函数的柯里化实现

函数的柯里化：通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。

原创 css动画过度

【代码】css动画过度。

原创 css动画：div加载旋转，hover放大效果

【代码】css动画：div加载旋转，hover放大效果。

原创 React封装echart

【代码】React封装echart。

原创 react二次封装axios和使用mockjs

【代码】react二次封装axios和使用mockjs。

原创 react动态注册menus菜单

【代码】react动态注册menus菜单。

原创 react动态获取字符串图标

【代码】react动态获取字符串图标。

原创 react-redux和@reduxjs/toolkit应用案例

或者 pnpm install @reduxjs/toolkit react-dedux。

原创 React.useRef()

【代码】React.useRef()

原创 React.createContext()生产者消费者模式(父孙组件传值-类式：this.context)

【代码】React.createContext()生产者消费者模式(父孙组件传值-类式：this.context)

原创 React插槽使用

1 React插槽使用。

原创 react17生命周期

原创 react中受控组件和非受控组件区别

【代码】react中受控组件和非受控组件区别。

原创 滚动条插件:pnpm install better-scroll(react版本)

【代码】滚动条插件:pnpm install better-scroll(react版本)

原创 React封装input非受控组件

【代码】React封装input非受控组件。

原创 React父子组件传值以及回调四种情况，类式向类式传递，类式向函数式传，函数式向函数式，函数式向类式编程传递。

【代码】React父子组件传值以及回调四种情况，类式向类式传递，类式向函数式传，函数式向函数式，函数式向类式编程传递。