- 博客(56)
- 收藏
- 关注
原创 我标记了一个属性 img loading=“lazy“
2、尽量不要在首屏使用,因为 Chrome 不会在预加载扫描程序中预加载loading=lazy图像的。属性,但在一些较旧的浏览器中可能不被支持。1、大多数现代浏览器都支持。一个属性实现图片懒加载。
2024-08-14 16:59:54
225
原创 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
1345
2
原创 了解集群,以及集群是什么?
⑥ 租户所在区域支持3个及以上可用区时,支持跨3个可用区部署。此时,mongos节点可以选择单可用区或多可用区部署,config和shard组的主、备、隐藏点分别部署在主、备、第三可用区,实现跨可用区容灾。数据读写请求经mongos分发,通过查询config信息,并行分配到相应shard,可轻松应对高并发场景,且config和shard均采用三副本架构,保证高可用。① mongos为单节点配置,用户可以通过多个mongos实现负载均衡及故障转移,单个集群实例可支持2~32个mongos节点。
2024-01-13 14:51:46
572
原创 git cherry-pick命令(合并单个或多个提交记录到当前分支)
命令是 Git 中一个非常有用的工具,可以帮助我们选择性地合并提交,从而实现更加细粒度的版本控制。但是,在使用这个命令时需要注意上述注意事项,以避免可能出现的问题。
2023-11-10 14:45:30
3888
1
原创 在vue中如何重新渲染所有组件
在有些需求情况下需要重新加载页面或者触发组件的生命周期,但是刷新对用户体验不太友好,这个时候我们可以通过provide/inject可以轻松实现跨级访问祖先组件的数据,使用v-if让App.vue重新加载。
2023-08-18 11:09:43
754
原创 vue中使用this.$refs获取不到子组件的方法,属性方法都为undefined的解决方法
因为注册了多个ref,获取是不能单单知识refs.xxx,需要使用数组和索引来获取具体一个组件refs[index].xxx。使用this.$nextTick(),来等组件渲染完毕之后再使用refs调用子组件方法。好这么一写,导致前两个组件都无法正常使用……
2023-08-09 18:22:13
6970
1
原创 MySQL5.7数据库、Navicat Premium1.6可视化工具安装教程【详细教程】
以上就是安装MySQL以及安装数据库可视化工具Navicat Premium的全部内容,制作不易,留个赞呗。
2023-08-08 17:19:56
3470
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
1033
1
原创 scrollIntoView()定位元素显示导致页面上移解决方法?
本来想着使用最传统的方法,根据父盒子的高度和子盒子的高度……等,后来发现跟页面布局有关系,使用这种方法会导致跳转不准确,第一次点击可以第二次不行,然后反复尝试。,后续我就想到了它……
2023-07-25 10:29:54
2031
原创 vue2项目使用?.语法报错如何解决?(@babel/plugin-proposal-optional-chaining)
下载插件(@babel/plugin-proposal-optional-chaining)。来代替(如下图所示),但是为了团队协作避免麻烦使用。)babel插件来解决问题。带来的问题,可以使用这个(添加如下代码来拓展解析器。因为有些浏览器版本不兼容。
2023-07-18 14:19:35
4536
原创 uniapp vue3版本 Android 引用 jsencrypt加密库 报错问题 “default“ is not exported by,解决方法
链接: https://pan.baidu.com/s/1JuwrWltoHNHMtmPiHtvymA?
2023-06-12 20:24:27
3910
原创 在git远程仓库中创建好分支,但是在本地查不到?
在使用git在远程仓库创建分支后,我想要在本地切换为刚刚创建的分支,报以下错误:意思就是说本地查不到远程刚刚创建的分支!
2023-04-17 16:11:07
3599
1
原创 解决在vue3中使用reactive响应式,赋值后造成页面不改变的问题?
主要的问题就是使用reactive生成的响应式数据,在直接赋值时把响应式数据给替换为了普通数据了,导致无法监听数据的变化。
2023-03-16 11:16:18
5050
3
原创 webSocket的理解与基本方法
连接就建立起来了,双方就可以通过这个连接通道自由的传递信息,并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接。连接上进行全双工通讯的协议。主要作用就是建立服务器和客户端的长连接能更好的节省服务器资源和带宽,服务器向浏览器推流实现实时通信。请求,服务器端解析这些附加的头信息然后产生应答信息返回给客户端,客户端和服务器端的。浏览器和服务器只要完成一次握手的动作,然后浏览器和服务器之间就会脱离。第二个参数 protocol 是可选的,指定了可接受的子协议.请求,这个请求和通常的。
2023-03-09 07:33:48
416
原创 package.json中版本号的说明与规则?
锁定 major(主版本号)锁定 minor(次版本号)空(也就是没有符号)锁定 patch(补丁号)表示最新的版本。
2023-02-26 19:54:12
479
原创 React Hooks在平时开发中需要注意的事项?
useEffect 可以表达所有这些的组合。但是引入 Hooks 之后就变得不同了,它能让组件在不使用 class 的情况下拥有 state,所以就有了生命周期的概念,所谓的生命周期其实就是 useState、 useEffect() 和 useLayoutEffect()。即:Hooks 组件(使用了Hooks的函数组件)有生命周期,而函数组件(未使用Hooks的函数组件)是没有生命周期的。函数组件 的本质是函数,没有 state 的概念的,因此不存在生命周期一说,仅仅是一个 render 函数而已。
2023-02-22 21:25:31
698
1
原创 前端面试题(五.1)(20道)
在我们执行异步任务和同步任务时,异步开始执行后会导致后面的同步任务无法执行,事件循环会把我们的任务分为同步和异步任务,当遇到同步任务直接执行,遇到异步任务放到任务队列中执行,从而不影响主线程的执行。因为在项目中,可能不同组件会有相同的功能,比如控制元素的显示和隐藏,如果他们的变量和规则也完全相同的话,就可以把这个功能单独提取出来,放在。中,再引入,就可以实现一样的功能了。为作用域为父组件自身的函数,子组件调用该函数,将子组件想要传递的信息,作为参数,传递到⽗组件的作⽤域中。
2023-02-20 21:11:16
302
原创 umi中使用redux(@reduxjs/toolkit)
这篇文章可以让你学会如何在umi3中配置使用redux想必你已经搭好了umi框架,废话不多说,直接上教程以下是正文以上就是在umi中使用redux的全部教程了,觉得小编讲的详细的扣个6奥。
2023-02-18 18:13:35
1680
3
原创 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
2227
原创 定时器中使用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
469
原创 什么是HTTP? HTTP 和 HTTPS 的区别?
为了保证这些隐私数据能加密传输,让 HTTP 运⾏安全的 SSL/TLS 协议上,即 HTTPS = HTTP +SSL/TLS,通过 SSL 证书来验证服务器的身份,并为浏览器和服务器之间的通信进⾏加密。传输的数据并不是计算机底层中的⼆进制包,⽽是完整的、有意义的数据,如HTML ⽂件, 图⽚⽂件, 查询结果等超⽂本,能够被上层应⽤识别。客户端的浏览器根据双⽅同意的安全等级,建⽴会话密钥,然后利⽤⽹站的公钥将会话密钥加密,并传送给⽹站。客户端的服务器开始协商SSL连接的安全等级,也就是信息加密的等级。
2023-02-16 07:55:01
675
原创 前端面试题(五.3)(20道)
ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。Symbol函数前不能使用new命令,否则会报错。这是因为生成的Symbol是一个原始类型的值,不是对象Symbol函数可以接受一个字符串作为参数,表示对Symbol实例的描述,主要是为了在控制台显示,或者转为字符串时,比较容易区分。什么是闭包 闭包就是一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure)
2023-02-15 13:30:48
192
原创 react BMap is not defined 或者 BMapGL is not defined
首先通过在项目中运行 npm run eject 暴漏出配置文件其次在webpack.config.js中的return进行以下配置。
2023-02-10 17:13:41
1389
原创 解决ts\tsx文件引入模块飘红线的问题
解决方式:打开vscode的setting,找到validate,把javascript前面的勾选去掉即可。
2023-02-07 13:44:24
1803
1
原创 让Chrome支持小于12px 的文字方式有哪些?区别?
Zoom 非标属性,有兼容问题,缩放会改变了元素占据的空间大小,触发重排-webkit-transform:scale() 大部分现代浏览器支持,并且对英文、数字、中文也能够生效,缩放不会改变了元素占据的空间大小,页面布局不会发生变化-webkit-text-size-adjust对谷歌浏览器有版本要求,在27之后,就取消了该属性的支持,并且只对英文、数字生效。
2023-02-03 08:48:43
193
原创 说说em/px/rem/vh/vw区别?
传统的项目开发中,我们只会用到px、%、em这几个单位,它可以适用于大部分的项目开发,且拥有比较良好的兼容性。从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、vh、vw、vm等一些新的计量单位。利用这些新的单位开发出比较良好的响应式页面,适应多种不同分辨率的终端,包括移动设备等。px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算,整个页面内1em不是一个固定的值rem。
2023-02-03 08:20:04
96
原创 react实现组件状态缓存
在移动端中,用户访问了一个列表页,上拉浏览列表页的过程中,随着滚动高度逐渐增加,数据也将采用触底分页加载的形式逐步增加,列表页浏览到某个位置,用户看到了感兴趣的项目,点击查看其详情,进入详情页,从详情页退回列表页时,需要停留在离开列表页时的浏览位置上
2023-02-01 17:00:05
2089
3
原创 调和阶段中setState内部干了什么?
将会知道发生的确切变化,并且通过了解发生什么变化,只需在绝对必要的情况下进行更新即可最小化。)的最终目标是以最有效的方式,根据这个新的状态来更新UI。一旦有了这个树,为了弄清 UI 如何响应新的状态而改变,元素树(您可以将其视为 UI 的对象表示)。会将这个新树与上一个元素树相比较(的对象合并到组件的当前状态,会做的第一件事情是将传递给。这将启动一个称为和解(
2023-01-31 14:06:13
75
原创 Vue 组件通信
适用场景:子组件传递数据给父组件子组件通过emit触发自定义事件,emit触发自定义事件,emit触发自定义事件,emit第二个参数为传递的数值父组件绑定监听器获取到子组件传递过来的参数(传递)Father.vue(接受)
2023-01-31 09:45:54
108
原创 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
18838
1
原创 react diff算法的运作原理?
跟Vue一致,React通过引入Virtual DOM的概念,极大地避免无效的Dom操作,使我们的页面的构建效率提到了极大的提升而diff算法就是更高效地通过对比新旧Virtual DOM来找出真正的Dom变化之处
2023-01-08 21:42:40
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人