自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

范德萨的博客

my name is 范德萨

  • 博客(55)
  • 收藏
  • 关注

原创 AndroidStudioChineseLanguagePack

摘要 Android Studio 2025汉化包下载地址已发布,用户可通过GitHub获取最新中文语言包(版本zh.242.152)。该汉化包由sollyu维护,旨在为开发者提供本地化的Android Studio使用体验。安装包发布于官方GitHub仓库的releases页面,方便用户直接下载使用。这一汉化版本将帮助中文用户更高效地进行Android应用开发工作。

2026-01-10 14:40:06 73

原创 JavaScript 实用技巧(总结)

在前端开发中,JavaScript 是交互逻辑核心,简洁的语法技巧能减少冗余代码、规避潜在 Bug。本文会持续更新高频场景的实用技巧,附核心代码与适用场景,可直接落地项目。

2025-11-08 09:32:27 483

原创 我标记了一个属性 img loading=“lazy“

2、尽量不要在首屏使用,因为 Chrome 不会在预加载扫描程序中预加载loading=lazy图像的。属性,但在一些较旧的浏览器中可能不被支持。1、大多数现代浏览器都支持。一个属性实现图片懒加载。

2024-08-14 16:59:54 1091

原创 鼠标滑动选中表格部分数据列(vue指令)

【代码】鼠标滑动选中表格部分数据列(vue指令)

2024-08-09 14:42:48 475

原创 网页、h5默认滚动条样式重构

此文章用于,让我自己快速设置 浏览器、h5 默认滚动条样式……以上就是今天的内容,三Q!

2024-05-27 16:21:48 717 1

原创 VS code console.log快捷键设置 :console.log(‘n>>>‘,n)

否则,选择 “新建全局代码片段文件”(New Global Snippets File)并命名为 “javascript.json”。一、打开 VS Code,并进入菜单栏选择 “文件”(File)-> “首选项”(Preferences)-> “键盘快捷方式”(Keyboard Shortcuts)。一、打开 VS Code,并进入菜单栏选择 “文件”(File)-> “首选项”(Preferences)-> “用户代码片段”(User Snippets)。二、在打开的键盘快捷方式面板中,点击右上角的。

2024-01-13 16:58:09 2986 2

原创 javscript 输入中文自动提取文字首字母

【代码】javscript 输入中文自动提取文字首字母。

2024-01-13 15:10:39 1499

原创 了解集群,以及集群是什么?

⑥ 租户所在区域支持3个及以上可用区时,支持跨3个可用区部署。此时,mongos节点可以选择单可用区或多可用区部署,config和shard组的主、备、隐藏点分别部署在主、备、第三可用区,实现跨可用区容灾。数据读写请求经mongos分发,通过查询config信息,并行分配到相应shard,可轻松应对高并发场景,且config和shard均采用三副本架构,保证高可用。① mongos为单节点配置,用户可以通过多个mongos实现负载均衡及故障转移,单个集群实例可支持2~32个mongos节点。

2024-01-13 14:51:46 661

原创 vue中echart 自动更新尺寸

【代码】vue中echart 自动更新尺寸。

2024-01-13 14:41:20 627

原创 git cherry-pick命令(合并单个或多个提交记录到当前分支)

命令是 Git 中一个非常有用的工具,可以帮助我们选择性地合并提交,从而实现更加细粒度的版本控制。但是,在使用这个命令时需要注意上述注意事项,以避免可能出现的问题。

2023-11-10 14:45:30 5020 1

原创 在vue中如何重新渲染所有组件

在有些需求情况下需要重新加载页面或者触发组件的生命周期,但是刷新对用户体验不太友好,这个时候我们可以通过provide/inject可以轻松实现跨级访问祖先组件的数据,使用v-if让App.vue重新加载。

2023-08-18 11:09:43 917

原创 vue中使用this.$refs获取不到子组件的方法,属性方法都为undefined的解决方法

因为注册了多个ref,获取是不能单单知识refs.xxx,需要使用数组和索引来获取具体一个组件refs[index].xxx。使用this.$nextTick(),来等组件渲染完毕之后再使用refs调用子组件方法。好这么一写,导致前两个组件都无法正常使用……

2023-08-09 18:22:13 8194 1

原创 MySQL5.7数据库、Navicat Premium1.6可视化工具安装教程【详细教程】

以上就是安装MySQL以及安装数据库可视化工具Navicat Premium的全部内容,制作不易,留个赞呗。

2023-08-08 17:19:56 4044 3

原创 react-Native init初始化项目报错”TypeError: cli.init is not a function“

react-native版本问题,使用:npx react-native init Demo --version 0.68.2 即可。

2023-07-27 10:22:13 1883 1

原创 前端面试题汇总大全!

本文包含 js、html、css、vue、react、webpack、微信小程序、等等技巧题!!!

2023-07-25 11:15:55 15748 4

原创 scrollIntoView()定位元素显示导致页面上移解决方法?

本来想着使用最传统的方法,根据父盒子的高度和子盒子的高度……等,后来发现跟页面布局有关系,使用这种方法会导致跳转不准确,第一次点击可以第二次不行,然后反复尝试。,后续我就想到了它……

2023-07-25 10:29:54 3373

原创 vue2项目使用?.语法报错如何解决?(@babel/plugin-proposal-optional-chaining)

下载插件(@babel/plugin-proposal-optional-chaining)。来代替(如下图所示),但是为了团队协作避免麻烦使用。)babel插件来解决问题。带来的问题,可以使用这个(添加如下代码来拓展解析器。因为有些浏览器版本不兼容。

2023-07-18 14:19:35 6124

原创 uniapp vue3版本 Android 引用 jsencrypt加密库 报错问题 “default“ is not exported by,解决方法

链接: https://pan.baidu.com/s/1JuwrWltoHNHMtmPiHtvymA?

2023-06-12 20:24:27 4908

原创 前端面试题汇总大全 -- 持续更新!

前端面试题大全

2023-05-08 21:07:29 2227 2

原创 在git远程仓库中创建好分支,但是在本地查不到?

在使用git在远程仓库创建分支后,我想要在本地切换为刚刚创建的分支,报以下错误:意思就是说本地查不到远程刚刚创建的分支!

2023-04-17 16:11:07 3991 1

原创 解决在vue3中使用reactive响应式,赋值后造成页面不改变的问题?

主要的问题就是使用reactive生成的响应式数据,在直接赋值时把响应式数据给替换为了普通数据了,导致无法监听数据的变化。

2023-03-16 11:16:18 5733 3

原创 webSocket的理解与基本方法

连接就建立起来了,双方就可以通过这个连接通道自由的传递信息,并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接。连接上进行全双工通讯的协议。主要作用就是建立服务器和客户端的长连接能更好的节省服务器资源和带宽,服务器向浏览器推流实现实时通信。请求,服务器端解析这些附加的头信息然后产生应答信息返回给客户端,客户端和服务器端的。浏览器和服务器只要完成一次握手的动作,然后浏览器和服务器之间就会脱离。第二个参数 protocol 是可选的,指定了可接受的子协议.请求,这个请求和通常的。

2023-03-09 07:33:48 570

原创 移动端盒子拖拽

【代码】移动端盒子拖拽。

2023-03-06 07:53:05 315

原创 package.json中版本号的说明与规则?

锁定 major(主版本号)锁定 minor(次版本号)空(也就是没有符号)锁定 patch(补丁号)表示最新的版本。

2023-02-26 19:54:12 700

原创 React Hooks在平时开发中需要注意的事项?

useEffect 可以表达所有这些的组合。但是引入 Hooks 之后就变得不同了,它能让组件在不使用 class 的情况下拥有 state,所以就有了生命周期的概念,所谓的生命周期其实就是 useState、 useEffect() 和 useLayoutEffect()。即:Hooks 组件(使用了Hooks的函数组件)有生命周期,而函数组件(未使用Hooks的函数组件)是没有生命周期的。函数组件 的本质是函数,没有 state 的概念的,因此不存在生命周期一说,仅仅是一个 render 函数而已。

2023-02-22 21:25:31 848 1

原创 umi中使用redux(@reduxjs/toolkit)

这篇文章可以让你学会如何在umi3中配置使用redux想必你已经搭好了umi框架,废话不多说,直接上教程以下是正文以上就是在umi中使用redux的全部教程了,觉得小编讲的详细的扣个6奥。

2023-02-18 18:13:35 2230 3

原创 .umirc.ts 基本配置

umirc.ts 基本配置大全

2023-02-17 16:42:29 1387

原创 umi 解决找不到antd组件库中组件的路径问题 filePath not found of antd/es/float-button

umi中自带的antd组件库是@4版本的,有些组件语法,根本无法互相使用!在安装的依赖中找不到此时正在使用的antd组件库中的悬浮按钮组件。我们要知道在umi框架中开发是有自带antd等第三方组件库。预防有缓存,把标记红框的删掉,重新yarn或npm,不设置默认使用自带的antd@4组件库。其实最大的原因应该就是你使用最新版本。小提示:我们在项目开发中最好使用固定的命令要是用yarn就一直都是用yarn ,进行安装依赖。

2023-02-17 16:36:58 2681

原创 window.scrollTop 不生效的原因,如何解决

需要获取到当前滚动条的页面元素,之后加上返回顶部的方法即可!

2023-02-17 16:32:36 6958 7

原创 定时器中使用React hooks的 state 值不变的解决办法

判断 if (count < 1) 中的count 因为某种原因成了闭包(原因我很疑惑?),每次更新时,并不会从60 - 59 - 58。这样的话倒计时永不会结束。使用 useRef hook 存储每次count的变化值,再在 setInterval 中引用 countRef.current。useEffect hook 也是顺序执行,为 countRef 在每次render 时更新。需求:做一个倒计时按钮,在“发送验证码”后开始60的倒数计时。

2023-02-17 08:51:08 676

原创 什么是HTTP? HTTP 和 HTTPS 的区别?

为了保证这些隐私数据能加密传输,让 HTTP 运⾏安全的 SSL/TLS 协议上,即 HTTPS = HTTP +SSL/TLS,通过 SSL 证书来验证服务器的身份,并为浏览器和服务器之间的通信进⾏加密。传输的数据并不是计算机底层中的⼆进制包,⽽是完整的、有意义的数据,如HTML ⽂件, 图⽚⽂件, 查询结果等超⽂本,能够被上层应⽤识别。客户端的浏览器根据双⽅同意的安全等级,建⽴会话密钥,然后利⽤⽹站的公钥将会话密钥加密,并传送给⽹站。客户端的服务器开始协商SSL连接的安全等级,也就是信息加密的等级。

2023-02-16 07:55:01 914

原创 react BMap is not defined 或者 BMapGL is not defined

首先通过在项目中运行 npm run eject 暴漏出配置文件其次在webpack.config.js中的return进行以下配置。

2023-02-10 17:13:41 1869

原创 解决ts\tsx文件引入模块飘红线的问题

解决方式:打开vscode的setting,找到validate,把javascript前面的勾选去掉即可。

2023-02-07 13:44:24 2199 1

原创 让Chrome支持小于12px 的文字方式有哪些?区别?

Zoom 非标属性,有兼容问题,缩放会改变了元素占据的空间大小,触发重排-webkit-transform:scale() 大部分现代浏览器支持,并且对英文、数字、中文也能够生效,缩放不会改变了元素占据的空间大小,页面布局不会发生变化-webkit-text-size-adjust对谷歌浏览器有版本要求,在27之后,就取消了该属性的支持,并且只对英文、数字生效。

2023-02-03 08:48:43 328

原创 说说em/px/rem/vh/vw区别?

传统的项目开发中,我们只会用到px、%、em这几个单位,它可以适用于大部分的项目开发,且拥有比较良好的兼容性。从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、vh、vw、vm等一些新的计量单位。利用这些新的单位开发出比较良好的响应式页面,适应多种不同分辨率的终端,包括移动设备等。px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算,整个页面内1em不是一个固定的值rem。

2023-02-03 08:20:04 160

原创 react实现组件状态缓存

在移动端中,用户访问了一个列表页,上拉浏览列表页的过程中,随着滚动高度逐渐增加,数据也将采用触底分页加载的形式逐步增加,列表页浏览到某个位置,用户看到了感兴趣的项目,点击查看其详情,进入详情页,从详情页退回列表页时,需要停留在离开列表页时的浏览位置上

2023-02-01 17:00:05 2359 3

原创 调和阶段中setState内部干了什么?

将会知道发生的确切变化,并且通过了解发生什么变化,只需在绝对必要的情况下进行更新即可最小化。)的最终目标是以最有效的方式,根据这个新的状态来更新UI。一旦有了这个树,为了弄清 UI 如何响应新的状态而改变,元素树(您可以将其视为 UI 的对象表示)。会将这个新树与上一个元素树相比较(的对象合并到组件的当前状态,会做的第一件事情是将传递给。这将启动一个称为和解(

2023-01-31 14:06:13 129

原创 Vue 组件通信

适用场景:子组件传递数据给父组件子组件通过emit触发自定义事件,emit触发自定义事件,emit触发自定义事件,emit第二个参数为传递的数值父组件绑定监听器获取到子组件传递过来的参数(传递)Father.vue(接受)

2023-01-31 09:45:54 182

原创 npm i时报错npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving

如果将`yarn.lock`和`package.lock`文件放在一起,有时会变得很困难,因为存在不同步的风险> `yarn install` 安装生成的 `yarn.lock` 文件 与 `npm install` 生成的 `package-lock.json` 文件时间相差较远,造成了 `yarn.lock` 的包版本低于 `package-lock.json` 的包版本。因为以 ?x.x.x 形式定义的包版本在不同时期安装包版本不一致。

2023-01-09 14:53:59 19537 2

原创 react diff算法的运作原理?

跟Vue一致,React通过引入Virtual DOM的概念,极大地避免无效的Dom操作,使我们的页面的构建效率提到了极大的提升而diff算法就是更高效地通过对比新旧Virtual DOM来找出真正的Dom变化之处

2023-01-08 21:42:40 327

空空如也

空空如也

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

TA关注的人

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