自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

司夏的博客

学习要加,骄傲要减,机会要乘,懒惰要除。博客:https://0808200.xyz

  • 博客(580)
  • 资源 (9)
  • 收藏
  • 关注

原创 Vue3+TSX开发模式下内置组件的替代方案

Vue3+TSX开发模式下模板中内置组件的 JSX/TSX 语法实现

2022-09-26 00:04:25 64

原创 Vue3动态路由组件的JSX/TSX写法

Vue3 router-view带 keep-alive 的 jsx/tsx 写法

2022-09-25 23:23:00 56

原创 Vite 不支持node内置模块path

Vite 不支持node内置模块path,下载 path-browserify 作为代替

2022-09-25 23:13:20 3

原创 表单组件中指定需要触发的 form 表单验证项

自定义触发表单验证, 参数为各个表单项名字组成的数组,不传默认全部都要验证。当有多个表单项都是必填项时,需要在不同条件下触发其中部分表单项。

2022-09-25 23:03:07 7

原创 正则表达式迷你书

优秀的正则表达式教程

2022-08-31 22:21:59 61

原创 Vue3 项目常用插件使用流程总结

Vue3 常用项目插件使用总结,Elementplus、Vue-router、Pinia、Axios、Echarts

2022-08-16 08:13:50 226

原创 Vue3 项目中 vue文件出现大面积爆红问题

问题在VS Code中 .vue 会出现了很多红色波浪线,说名称找不到。找不到名称“ElConfigProvider”。ts(2304)JSX 元素“any”没有相应的结束标记。ts(17008)...原因volar 版本更新问题初步判断发现应该是我的 volar 似乎不起作用了,在 .vue文件中出现了很多红线,提示是 ts 的问题。我把另一个电脑的vscode 更新后插件没有更新(需要重新加载)此时一切正常,当我重新把插件加载更新后,就出现了爆红问题,与是否同时加载了多个项目无关离

2022-08-15 12:30:14 1022

原创 React 函数组件中无法清除定时器问题

函数组件的本质是一个函数,而在在一个局部函数中,函数每一次执行,都会在把函数的变量重新生成一次。

2022-07-27 22:55:08 517 1

原创 Vue3+Ts+Vite 项目搭建&项目说明

如题。

2022-07-26 20:21:23 444

原创 浏览器中的事件循环(Event loop)

无论在工作中,还是在面试题中,Eventloop(事件循环)都十分重要,浏览器与nodejs中事件循环略有差异,本文只讨论浏览器中的事件循环。

2022-07-14 19:14:22 577

转载 Vue3 选项卡简易实现

选项卡简易实现(动态组件)

2022-07-08 08:26:10 136

原创 __dirname、__filename 和 process.cwd() 三者的区别

方法返回 Node.js 进程当前工作的目录例: 我在 这个文件加下面创建了一个 test.js 在该 js 文件中写下下面的代码,然后右键 输出如下 是 Node.js 的一个全局变量,获得当前文件所在目录的完整目录名还在上面的 js 文件中输入一下代码输出如下 现在一看感觉上面两个方法是一样的,其实不是。node.js 进程当前工作的目录有可能不是该文件所在目录的完整目录。例如: 我用 打包了一个应用程序,我用这个应用程序可以生产出一套完整的页面架构,在应用程序的配置文件中 console.

2022-07-08 08:16:10 153 1

原创 ProTable 实现点击重置按钮后不刷新 table

官方点击表格重置按钮,会重新请求表格。想要点击重置,只是条件置空,但是不重新请求数据看文档可以解决99%的问题:ProTable - 高级表格

2022-06-03 22:00:22 555

原创 WebSocket 的使用

WebSockets 是一种先进的技术。它可以在用户的浏览器和服务器之间打开交互式通信会话。使用此API,您可以向服务器发送消息并接收事件驱动的响应,而无需通过轮询服务器的方式以获得响应。https://developer.mozilla.org/zh-CN/docs/Web/API/WebSockets_APIWebSocket 对象提供了用于创建和管理 WebSocket 连接,以及可以通过该连接发送和接收数据的 API。https://developer.mozilla.org/zh-CN/do

2022-06-03 21:45:49 52

原创 JavaScript 对区间数值冲突情况的一些处理

56. 合并区间 https://leetcode.cn/problems/merge-intervals以数组 intervals 表示若干个区间的集合,其中单个区间为 intervals[i] = [starti, endi] 。请你合并所有重叠的区间,并返回 一个不重叠的区间数组,该数组需恰好覆盖输入中的所有区间 。示例 1:输入:intervals = [[1,3],[2,6],[8,10],[15,18]]输出:[[1,6],[8,10],[15,18]]解释:区

2022-05-25 08:11:00 120

原创 代理服务器的设置

在某些特别的情况下,我们需要设置代理服务器实现上网的目的,本文主要介绍代理服务器的设置系统代理服务器设置Win10系统提供系统级代理服务器设置,通过在Win10系统中设置代理服务器,系统中所有的软件都会通过我们设置的代理服务器访问网络,这样就不用一个一个软件设置代理服务器了,包括浏览器等应用,都会使用设定的系统代理服务器上网。Win10系统「网络和Internet」,在网络设置中,点击「代理」选项,即可设置系统级的代理服务器。系统中代理有两种设置手动设置代理是全局代理,所有的流量都会走代理服务器

2022-05-23 19:16:32 2017

原创 echarts图表 Y 轴刻度值过长时显示不全解决办法

1、配置 grid 属性grid 组件离容器左侧的距离。left 的值可以是像 20 这样的具体像素值,可以是像 ‘20%’ 这样相对于容器高宽的百分比,也可以是 ‘left’, ‘center’, ‘right’。如果 left 的值为’left’, ‘center’, ‘right’,组件会根据相应的位置自动对齐。option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sa

2022-05-20 19:54:46 1930

原创 JavaScript 中判断两个数组是否相等

1、不能直接使用 ==let array1 = [];let array2 = [];console.log(array1 == array2); //输出false对于对象来说,== 比较的是两个对象是否为同一个对象。数组属于对象类型,尽管数组元素是相同的,但这两个数组属于不同的对象,所以 == 比较为false。2、数组简单比较如果数组里的元素是标量,非object类型,可以使用 == 比较数组里的元素:every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素

2022-05-20 19:53:55 2521 1

原创 使用 lodash 判断值是否为空

1,isEmptyisEmpty 方法可以检查 value 是否为一个空对象、集合、映射或者 set。判断的依据:1、对象如果没有自己的可枚举属性的对象,则被认为是空。2、类数组值,比如 arguments 对象、array、buffer、string 或者类 jQuery 集合的 length 为 0,被认为是空。3、同样的 map 和 set 的 size 为 0,被认为是空。_.isEmpty(null); // => true_.isEmpty(true); // =&g

2022-05-20 19:53:14 2523

原创 使Antd Form 表单组件在一行显示

form 表单在一行显示一、通过栅格布局二、wrapperCol 属性三、layout=“inline” 表单布局

2022-05-20 19:52:10 1395

原创 office 无法正常读取打开 pptx 文件的解决办法

问题:有的 ppt 能修复后能正常打开,有点修复了也打不开。如下图就是修复了也打不开。环境信息:win10 系统,office365版本原因:PowerPoint 无法读取文件或无法打开演示文稿,可能是 Office 出于安全原因锁定了文件解决办法:右键单击该文件,然后选择“属性”,勾选解除锁定。...

2022-05-06 15:07:59 1229

原创 Git 常用命令速查表

2022-05-01 09:53:40 234

原创 JSX 元素隐式具有类型 “any“,因为不存在接口 “JSX.IntrinsicElements“

在使用typescript的时候,报以上错误,是JSX 元素隐式具有类型 “any”,因为不存在全局类型 “JSX.Element”。解决的办法有二种:一、不使用严格的类型检查,即在 tsconfig.json 中设置 “strict”: false{ "compilerOptions": { "strict": false }}二、在 tsconfig.json中设置 “noImplicitThis”: false{ "compilerOptions": { "n

2022-04-25 22:43:21 4519 1

原创 关于React 中出现值更新了界面没更新的问题

react中数组如果引用地址不变,是不触发重新渲染的,但是值是设置进去了或const [lists,setLists] =useState([]);…const arr = […lists]; //克隆的时候改变地址arr.splice(index,1)setLists(arr);这里要根据react的渲染机制源码,因为react 会判断旧状态和新状态是否有变化,如果没有变化就不渲染,所以要改变地址告诉render 是新状态要重新渲染原文链接:https://blog.csdn.net/w

2022-04-25 22:37:53 1888

原创 git 报错Failed to connect to github.com port 443 after 21224 ms: Timed out 解决办法

git 报错Failed to connect to github.com port 443 after 21224 ms: Timed out 解决办法方法一可行:https://blog.csdn.net/wls666/article/details/123270948

2022-03-31 07:53:03 910

原创 处理 echarts 数据过多时的展示问题

问题:处理 echarts 数据过多时的展示问题解决方案:解决方案是,配置dataZoom属性。dataZoom用于区域缩放,从而能自由关注数据细节,或者概览数据整体。官网示例:example/scatter-dataZoom-all配置项说明:dataZoom=[ //区域缩放 { id: 'dataZoomX', show:true,

2022-03-31 07:51:10 1213

原创 如何让爆满的C盘腾出 10G空间

C盘爆红,如何有效清理C盘,腾出空间

2022-03-18 23:01:26 1236

原创 Windows 环境下 Web 服务安装部署

将 apache 安装包解压到任意目录下步骤一 Cmd打开命令行窗口,切换到apache安装目录下步骤二 安装apache服务器 installed Apache serviceshttpd.exe -k install步骤三 修改配置文件编辑配置文件:D:\Download\Chrome\Apache24\conf\httpd.conf配置文件第39 行,修改为Apache 安装目录步骤四:启动已安装的apache服务httpd.exe -k start步骤五:测试安装结果ht

2022-03-17 19:46:41 200

原创 Vue 中监听浏览器窗口关闭事件

Vue中监听浏览器窗口关闭事件,并在窗口关闭时进行操作杰哥他们让我整理一下浏览器窗口关闭事件这个需求的实现给你参考一下这三篇文章实现起来应该不难https://blog.csdn.net/qq_41547882/article/details/114304782https://www.jianshu.com/p/021beaeee526https://www.jianshu.com/p/93f011981a47onunload和onbeforeunload都是在页面刷新和关闭前的动作,但是onb

2022-03-17 19:44:41 3891

原创 云开发实现小程序订阅消息推送功能

步骤一:获取模板 ID在微信公众平台手动配置获取模板 ID:登录 https://mp.weixin.qq.com 获取模板,如果没有合适的模板,可以申请添加新模板,审核通过后可使用。步骤二:请求用户授权一次性订阅消息、长期订阅消息,详见接口 wx.requestSubscribeMessage接口使用示例:用户点击后弹出授权窗口<button bindtap="authorize" type='primary'>获取订阅消息授权</button> //获

2022-03-03 00:06:07 821 10

原创 解决 Antd 报错Warning:Instance created by `useForm` is not connect to any Form element

问题描述antd: 4.2.0, react: 16.13.1 Modal 中使用 Form ,使用 React Hooks const [form] = Form.useForm(); 创建实例时,会出现以下警告。Warning: Instance created by useForm is not connected to any Form element. Forget to pass form prop?问题原因页面初始化,调用 form 方法时,因为 Modal 还未初始化,导致 f

2022-03-02 21:10:50 1813 4

原创 React 组件销毁时清除订阅、定时器以及清理异步操作和取消请求等资源

问题:Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.in GlobalHeaderRight (a

2022-02-25 19:24:11 1776

原创 在 Vue3 中使用 AntV X6

在 Vue3 中使用 AntV X6<script setup lang="ts">import { onMounted, ref } from 'vue'import { Graph } from '@antv/x6';import { GridLayout, DagreLayout } from '@antv/layout' // 布局算法import { data } from '../mock/data'let container: HTMLElement | und

2022-02-21 21:45:45 2501 1

原创 React 组件之间传递值和事件的几种方式

父组件向子组件传值和传递事件函数组件props父组件<Welcome fname="gxh" func={ func}/>;子组件function Welcome(props) { this.props.func() // 触发父组件事件 return <h1>Hello, {props.fname}</h1>; // 获取值}class 组件props父组件<Welcome cname="gxh" cfunc={this.fun

2022-02-18 22:28:07 1056

原创 DefinitelyTyped 高质量TypeScript 类型定义的存储库。

高质量TypeScript类型定义的存储库。TypeScript允许您拥有声明文件,这些文件允许您描述用(例如)纯JavaScript编写的代码形状。因此,通过引用其中一个文件,您可以准确地告诉TypeScript您应该如何“键入”您使用的JavaScript代码或库。当然,这意味着需要仔细编写声明文件并与您正在使用的JavaScript库同步。对于许多JavaScript库而言,DefinitelyTyped是最受欢迎的声明文件存储库,其中大多数JavaScript库不提供自己的声明文件(因为它们不是

2022-02-18 21:25:16 54

原创 安装x6-vue-shape后会报错

vite项目下,安装引入@antv/x6-vue-shape会报错只安装@antv/x6正常,安装x6-vue-shape后会报错1、安装@antv/x6-vue-shape2、import { Graph } from “@antv/x6”;3、报错button.ts:10Uncaught TypeError: Cannot read properties of undefined (reading 'ToolItem');版本"@antv/x6": "^1.30.0","@antv/x6

2022-02-15 09:44:59 1400 4

原创 将数据递归修改为 Ant Design Tree 结构数据

实现内容是把数据内参数名改成 符合 Tree 结构数据的参数名数据结构:{ "id": "1", "name": "1", "children": [ { "id": "2", "name": "1.1", "children": [ { "id": "3", "name": "1.

2022-02-13 22:54:54 291

原创 JavaScript 对象动态的更改对象的属性名

JavaScript 对象,动态的更改对象的属性名1、普通对象对象属性名和属性值, 通常是属性值是变动的,但名字是不变的 如:let a = 'abc';let obj = { name:"xxx" }console.log(obj) //{name: "xxx"}2、使用变量动态的改变1.使用 []包裹变量即可let name = "111";let obj1 = { [name]:"222" }console.log(obj1) //{111: "2

2022-01-23 17:44:02 1296

转载 微信小程序自定义 tabBar

自定义 tabBar自定义 tabBar 可以让开发者更加灵活地设置 tabBar 样式,以满足更多个性化的场景。在自定义 tabBar 模式下为了保证低版本兼容以及区分哪些页面是 tab 页,tabBar 的相关配置项需完整声明,但这些字段不会作用于自定义 tabBar 的渲染。此时需要开发者提供一个自定义组件来渲染 tabBar,所有 tabBar 的样式都由该自定义组件渲染。推荐用 fixed 在底部的 cover-view + cover-image 组件渲染样式,以保证 tabBar 层

2022-01-22 00:30:06 1477 3

原创 微信小程序中使用第三方库的方法

最近在做一个小程序项目,想在小程序中使用dayjs,所以需要在小程序中引入第三方库(被自己蠢哭了,记录一下)1、无法通过 <script> 标签引入小程序和网页开发都依赖 javascript,但是所用的 javascript 有所不同,因为小程序没有 DOM 和 BOM 对象所以,前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。因为小程序的框架和 NPM 与 Native 的不同,一些 NPM 的包在小程序中也是无法运行的。小程序的主要开发语言是

2022-01-21 20:13:58 1195

某猫订单综合分析.zip

源代码和数据,数据说明:本数据集共收集了一个月内某猫商城的28010条数据,适合Python 新手的练习项目

2022-01-05

预算管理插件源码.zip

预算管理插件源码,适合Chrome插件开发的入门学习项目

2021-12-10

网络2018-2020历年真题.7z

网工2018年-2020年历年考试真题

2021-05-25

2021年网络工程师考试大纲.pdf

2021年网络工程师考试大纲

2021-03-22

JS实现的非常漂亮的3D立体照片墙显示效果代码

JS实现的非常漂亮的3D立体照片墙效果代码,是一段将需要的图片以非常不规则的形式展现出来的3D立体照片墙效果代码,进入页面时,所有图片均以小图显示,根据所点击选择的缩略图,会以不同的方式显示大图,同时,在左侧还有所有图片的照片布局图,大家也可以在这里对图片进行切换,有需要此段代码的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码。

2020-10-27

博客项目源代码blog.zip

博客项目源代码,带有详细注释。 实现登录功能 密码数据加密 用户管理功能(用户增删改查) 文章管理功能(文章增删改查) 文章首页展示 文章评论功能(需登录) 首页文章展示、 用户管理、文章管理的数据分页功能

2020-02-16

什么是document对象?什么是window对象?.pdf

参考资料:什么是document对象?什么是window对象?.pdf

2019-10-19

人像修图插件.zip

PS顶级人像修图插件——DeliciousRetouchPlus。 俗称美容磨皮修图工具,拥有完美磨皮、美白肌肤,低频模糊、低频绘画、增强眼睛和美白牙齿、自然光 美白皮肤只需要点一下“美白肌肤“功能键,然后用画笔涂抹人物肌肤就可以美白肌肤了,而且对皮肤细节保留非常好。其它功能: 批量处理,高低频,皮肤纹理,美瞳,双格预览,人像色调,加深减淡,低频模糊,低频绘画,智能修复,美白牙齿,高级锐化,皮肤色调,蓝青色调,魅力肤色,叠加纹理...等等 插件安装 此插件只适用于Photoshop cc 2015及更的高版本 将下载下来的文件夹里面的“DeliciousRetouchPlus”文件夹复制到“C:\Program Files\Common Files\Adobe\CEP\extensions”目录下。 然后打开PS软件,点击菜单栏“窗口”,选择“拓展功能”,再点击“DeliciousRetouchPlus”即可打开插件面板。 将文件夹里面的“dark house-c.atn”文件直接拖到PS的工作区里面,整个安装过程就完成了,插件也就能正常使用了。

2019-10-13

js思维导图.rar

学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,我收集的 9 张 javascript 相关的思维导图(非原创)。 思维导图小tips: 思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆、阅读、思维的规律,协助人们在科学与艺术、逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。 分别归类为: javascript变量 javascript运算符 javascript数组 javascript流程语句 javascript字符串函数 javascript函数基础 javascript基础DOM操作 文档对象模型DOM javascript正则表达式 能够认真看完就是一次对javascript的回顾与提升,可以很好的检验基础。

2019-08-07

空空如也

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

TA关注的人

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