富朝阳-CSDN博客

原创 react项目异常报错解决

找不到模块“XXX”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中? 未知的编译器选项“allowImportingTsExtensions”。ReactDOM模块react-dom/client没有默认导出报错解决办法。导入路径不能以“.tsx”扩展名结束。考虑改为导入“./App.js”。An import path can only end with a '.tsx' extension when 'allowImporti

2024-04-22 14:09:14 2513

原创 ES6 proxy 看这一篇就够啦！

Proxy 是 ES6 为了操作对象引入的 API。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。

2024-04-15 06:00:00 2312

原创 call、apply 以及 bind 的区别和用法-详解

相信很多同学在面试中遇到这样的问题，今天我们就彻底搞懂JavaScript中的call、apply、 bind的用法、实现以及三者之间的区别，废话不多说，直接开撸！

2024-04-12 08:57:32 1853

原创 12个 Vue 技巧，你确定你知道？

学习成为一个更好的 Vue 开发者，并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门，可以让我们的编程生活变得更容易--没有大量重复的工作。下面我主要介绍12个常用的vue技巧。

2024-04-02 10:47:02 2271

原创 linux 通过nvm安装node.js

nvm是一个node版本控制的工具，他可以查看可以安装的node版本，安装node，以及切换node版本，传统的node安装，我们是下载压缩包，然后指定环境变量，当我们需要升级node的时候，需要重新下载node压缩包，更新或者回退版本显得有些麻烦，而使用nvm可以安装多个node，使用哪一个，可以通过nvm use方法来切换。

2024-03-25 06:00:00 2082

原创解决angualr13 form表单设置disabled不起作用问题

通过 config.get('name') 来获取通过 formControlName 绑定的表单控件，并使用 enable() 和 disable() 方法来切换其禁用状态。当点击 “Toggle Disabled” 按钮时，isDisabled 属性会切换其值以实现禁用和启用控件的效果。formControlName 是 Angular 中的一个指令，用于绑定表单控件，并自动处理表单控件的状态和值。当使用 formControlName 绑定一个表单控件时，它将负责控制该控件的禁用状态。

2024-03-22 06:00:00 497

原创解决访问站外图片403(referrer)问题

http请求体的header中有一个referrer字段，用来表示发起http请求的源地址信息，这个referrer信息是可以省略但是不可修改的，就是说你只能设置是否带上这个referrer信息，不能定制referrer里面的值。服务器端在拿到这个referrer值后就可以进行相关的处理，比如图片资源，可以通过referrer值判断请求是否来自本站，若不是则返回403或者重定向返回其他信息，从而实现图片的防盗链。我们在使用站外图片的时候，访问图片403,但是浏览器直接访问图片链接可以打开，这是为什么呢？

2024-03-19 06:00:00 2056

原创推荐六个常用的CSS动画库

推荐几个常用的CSS动画库

2024-03-18 06:00:00 1970

原创设置浏览器显示小于12px以下字体

我们在项目开发过程中有时候会遇到设计师给的小于12px的字体，IE、火狐浏览器、移动端等小于12px的字号大小还是可以正常显示的，但是谷歌浏览器上显示字体最小为12px，css设置font-size：10px，运行代码显示结果仍然是12px大小，那么这个我们怎么去解决呢？

2024-03-14 22:18:18 1974

原创 css超出部分显示省略号

CSS文本溢出就显示省略号，就是在样式中指定了盒子的宽度与高度,有可能出现某些内容在盒中容纳不下的情况，我们需要文本溢出就显示省略号。

2024-03-11 09:54:23 1523

原创 superset连接Apache Spark SQL（hive）过程中的各种报错解决

superset连接Apache Spark SQL（hive）过程中的各种报错解决

2024-03-08 16:19:28 1780 2

原创你确定了解React Hooks的useState函数？

useState是 react 提供的一个定义响应式变量的 hook 函数，是函数组件保存数据的主要方法，等同于类组件的 this.state 与 this.setState，但是我们在使用的时候大多只了解他的更新数据，没有对其深入的了解，比如更新数据是同步呢还是异步？能否连续调用更新？是否支持深度对比的数据更新？

2024-03-04 06:00:00 3063

原创 UDP 与 TCP 的区别是什么？

UDP 相比 TCP 简单的多，不需要建立连接，不需要验证数据报文，不需要流量控制，只会把想发的数据报文一股脑的丢给对端，虽然 UDP 并没有 TCP 传输来的准确，但是也能在很多实时性要求高的地方有所作为。

2024-02-26 07:00:00 3251

原创 FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory（JS stacktrace ）

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory（JS stacktrace ）

2024-02-23 07:00:00 3362

原创 iconfont的使用（最详解）

Iconfont 是阿里巴巴矢量图标库平台（http://iconfont.cn），它允许用户访问大量图标并将它们用作网页、移动应用或其他数字界面的一部分。以下是关于 Iconfont 的介绍和使用

2024-02-20 06:00:00 1608

原创你确定会用CSS Sprites（雪碧图）？

雪碧图也叫CSS精灵，是一种CSS图像合成技术。通俗来说：将小图标合并在一起之后的图片称作雪碧图，每个小图标的使用配合background-position来获取。我们来看一张图片这张图片汇聚了10个小图片合成，每个小图片都有自己的像素定位点，那么如何生成雪碧图呢？CSS Sprites一般只能使用到固定大小的盒子（box）里，这样才能够遮挡住不应该看到的部分。这就是说，在一些需要非单向的平铺背景和需要网页缩放的情况下，CSS Sprites并不合适。

2024-02-19 06:00:00 2127

原创 npm使用国内淘宝镜像（最新地址）

我们前端程序员在使用使用国外的镜像源速度很慢并且容易下载失败，有时候需要尝试多次才有可能下载成功，很麻烦，但是可以切换为国内镜像源，下面我介绍下如何使用淘宝镜像源。通过上述的操作，我们可以轻松地配置和使用淘宝镜像来加速npm包的下载、安装和更新。

2024-02-15 18:38:16 48508 7

原创使用client-only 解决组件不兼容SSR问题

最近在我的单页面SSR应用上开发JSON编辑器功能，在引入组件后直接客户端跳转OK，但是在直接加载服务端渲染的时候一直报这个错误：[vite] Error when evaluating SSR module /node_mod经过查阅资料才知道是组件不兼容SSR，下面我总结了下该问题的解决方案，希望能帮到大家！client-only 被挂载之前, 使用此属性作为文本占位符，组件只会在客户端被渲染，所以服务端加载不会再报错。今天就分享到这里啦！欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。

2024-02-10 10:10:39 1478

原创 vue3 使用defineAsyncComponent 动态加载组件

在项目中使用静态加载组件基本能覆盖80%的场景了，如下图但是我们在需要循环生成一些的component的时候或者在就会遇到有些组件以静态方式导入就会报错，导致进程失败，那么这时候就需要用到动态组件。那么怎么去实现动态使用呢？

2024-02-06 22:14:46 2759

原创百度统计实现网页的PV和UV统计

最近打算统计下博客网站的浏览量，也就是统计下网站的PV和UV，那么说明是 PV和UV呢？我先做个简单介绍。PV ，全称 page view，即页面浏览量或页面点击量。它是指用户在访问网站的过程中，每次加载一个页面就统计一个PV，一个访客在访问网站的一次会话中可以产生多个PV。UV，全称 unique visitor，也叫独立访客。它是指访问某个站点的不同IP地址的访客数量。即使同一IP地址在一天中访问多次该网站，UV也只会被统计一次。

2024-01-31 06:00:00 2326

原创 Error: Catch all routes (“*“) must now be defined using a param with a custom regexp.

Error: Catch all routes ("*") must now be defined using a param with a custom regexp.

2024-01-29 06:00:00 902

原创 CSS实现三种常用的三角形效果

CSS 提供了出色的方法可以实现基本的形状。本文就来看看如何使用这些方法来实现项目中常用的三种三角形效果。以上主要总结了项目中常用三角形效果方案，是否有你需要的一款呢？欢迎大家在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。

2024-01-24 06:30:00 802

原创如何发布自己的npm包

在项目开发过程中，我们经常会用到一些工具函数，使用很是频繁，但是呢，我们又不想使用loadash这种比较重的库函数，这时候我们就可以封装一个自己的函数库，包含了我们频繁使用的工具函数，函数封装好，那么怎么去上传到npm上呢？今天我们来上传一个工具函数库为例，详细说下npm发布包的流程。

2024-01-23 06:30:00 3275

原创 TypeError: Failed to execute ‘readAsText‘ on ‘FileReader‘: parameter 1 is not of type ‘Blob‘.

TypeError: Failed to execute 'readAsText' on 'FileReader': parameter 1 is vue， ant design (elementui) 导入excel或者其他文件的时候，获取到的不是原生file文件，需要把ant design包装后的文件换成原生file。upload组件通过change事件的参数file，file.originFileObj即可获取原文件。

2024-01-22 07:30:00 940

原创 2024前端面试12个手写题，你确定会？

万丈高楼平地起，地基打的牢，才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能，重要的地方已添加注释。有的是借鉴别人的，有的是自己写的，如有不正确的地方，欢迎多多指正。

2024-01-19 07:00:00 575

原创 JS内存泄漏与垃圾回收机制你确定了解？

内存泄漏（Memory Leak）是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。通俗点就是指由于疏忽或者错误造成程序未能释放已经不再使用的内存，不再用到的内存却没有及时释放，从而造成内存上的浪费。

2024-01-18 07:30:00 1015

原创分享ES6实用的12个技巧和方法？

最近在重构项目，看着老代码，简直头皮发麻，简直仍不住吐槽。很多总结的技巧我记录了下来，分享给大家，觉得有收获点个赞，有错误的或者更好的写法，非常欢迎在评论中留言。

2024-01-17 07:30:00 1110

原创关于前端面试中forEach方法的灵魂7问？

相信大家在工作或者面试中经常用foreach 方法，但你知道吗？forEach其实是for循环的一个特殊简化版，也叫增强for循环，forEach虽然是for循环的简化版本，但是并不是说forEach就比for更好用。废话不多说，下面我们一步步解开这7点疑问。

2024-01-16 07:30:00 1166

原创 Javascript 地狱级的if else / switch case该如何优化？

1.多重判断时使用 Array.includes2.使用对象或使用 map 结构来优化if else，而不是 Switch 语句3.更少的嵌套，尽早 return ，用卫语句优化4.项目中需要大量算法，大量匹配模式时，可以考虑策略模式5.使用默认参数和解构讲到这里，相信大家对前端if else / switch case的优化有了新的认识，如有不足之处，请大家补充，欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。

2024-01-15 15:04:18 2163

原创前端常用6种数据加密方式的使用（最详解）

前端常用的加密方式有base64加密，MD5加密，sha1加密，sha256加密，aes加密，字符串加密，面我介绍前端6种常用的加密如何使用，如有不足之处，欢迎大家补充

2024-01-10 14:10:35 6452

原创 vue中粘贴板clipboard的使用方法

文章主要介绍了clipboard在vue中的使用的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

2024-01-08 20:14:17 2041

原创 vue3中使用prismjs或者highlight.js实现代码高亮

我们对显示行数做了扩展，css如下pre {important;important;top: 10px;left: 0;行数以及背景显示样式可以根据自己的需求自定义prismjs和highlight.js两个插件感觉都很不错，个人比较喜欢prismjs，当然萝卜青菜各有所爱，大家根据自己的爱好选择即可。用户体验度又上升啦！YYDS！欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。

2024-01-05 07:30:00 2969 12

原创 Webpack性能优化

最近接到一个老的项目，使用webpack构建的，构建打包居然需要11分钟，也就意味着每次上线至少在12分钟以上，每次上线简直就是折磨，明明可以早15分钟跑路，实在忍不了了，开干，卷起来，下面我记录了此次优化的一些方法，供大家参考。当然不仅仅路由可以按需加载，对于loadash这种大型类库同样可以使用这个功能。按需加载的代码实现这里就不详细展开了，因为鉴于用的框架不同，实现起来都是不一样的。当然了，虽然他们的用法可能不同，但是底层的机制都是一样的。都是当使用的时候再去下载对应文件，返回一个Promise，当。

2024-01-04 07:00:00 1479

空空如也

空空如也