- 博客(89)
- 收藏
- 关注
原创 Superset BI封装自定义组件(堆叠柱状图)
Superset 是一个现代化的、易于使用的、轻量级的数据可视化工具,它允许用户通过简单的点击操作来创建和分享图表。如果你想在 Superset 中创建自定义组件,你可能需要进行一些扩展工作。
2024-08-19 05:00:00
1715
原创 superset定制化配置修改总结(最新版4.0.2)
Apache Superset作为一个功能强大的开源数据探索和可视化平台,提供了丰富的配置选项来定制化用户体验。下面是superset一些定制化配置,希望能帮到大家!我们在本地开发时,本地的 superset_config.py 会覆盖掉 config.py 里的变量,无需配置 config.py,因此我们只需要在superset_config.py 配置文件中添加如下代码即可"zh": {"flag": "cn", "name": "简体中文"},
2024-08-12 19:03:59
2347
1
原创 Nuxt3项目配置 Eslint、Prettierrc、Husky等项目提交规范
Nuxt3项目配置 Eslint、Prettierrc、Husky等项目提交规范
2024-07-29 05:00:00
2214
原创 解决superset启动moment报错Module not found: Error: Can‘t resolve ‘./locale‘
解决superset启动moment报错Module not found: Error: Can‘t resolve ‘./locale‘
2024-07-23 16:02:00
1289
原创 nuxt3+vue3+vite+TS实现国际化
博主最近打算用Nuxt3重构了自己SSR博客,打算添加国际化功能,众所周知,实现国际化已是一个很常见的功能。用户可以根据自己的喜好,设置页面的自己合适的语言,从而实现国际化浏览。这样用户体验度会大大提升。博客用的nuxt3+vue3+vite+TS实现国际化,国际化用的vue-i18n,下面我给大家详细介绍。
2024-06-17 10:45:16
2350
原创 npm login 或者 npm adduser 之后 遇见 Public registration is not allowed
npm login 或者 npm adduser 之后 遇见 Public registration is not allowed
2024-06-13 21:46:08
1702
原创 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
3075
原创 ES6 proxy 看这一篇就够啦!
Proxy 是 ES6 为了操作对象引入的 API。Proxy 可以对目标对象的读取、函数调用等操作进行拦截,然后进行操作处理。它不直接操作对象,而是像代理模式,通过对象的代理对象进行操作,在进行这些操作时,可以添加一些需要的额外操作。
2024-04-15 06:00:00
2609
原创 call、apply 以及 bind 的区别和用法-详解
相信很多同学在面试中遇到这样的问题,今天我们就彻底搞懂JavaScript中的call、apply、 bind的用法、实现以及三者之间的区别,废话不多说,直接开撸!
2024-04-12 08:57:32
2026
原创 12个 Vue 技巧,你确定你知道?
学习成为一个更好的 Vue 开发者,并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门,可以让我们的编程生活变得更容易--没有大量重复的工作。下面我主要介绍12个常用的vue技巧。
2024-04-02 10:47:02
2464
原创 linux 通过nvm安装node.js
nvm是一个node版本控制的工具,他可以查看可以安装的node版本,安装node,以及切换node版本,传统的node安装,我们是下载压缩包,然后指定环境变量,当我们需要升级node的时候,需要重新下载node压缩包,更新或者回退版本显得有些麻烦,而使用nvm可以安装多个node,使用哪一个,可以通过nvm use方法来切换。
2024-03-25 06:00:00
2403
原创 解决angualr13 form表单设置disabled不起作用问题
通过 config.get('name') 来获取通过 formControlName 绑定的表单控件,并使用 enable() 和 disable() 方法来切换其禁用状态。当点击 “Toggle Disabled” 按钮时,isDisabled 属性会切换其值以实现禁用和启用控件的效果。formControlName 是 Angular 中的一个指令,用于绑定表单控件,并自动处理表单控件的状态和值。当使用 formControlName 绑定一个表单控件时,它将负责控制该控件的禁用状态。
2024-03-22 06:00:00
856
原创 解决访问站外图片403(referrer)问题
http请求体的header中有一个referrer字段,用来表示发起http请求的源地址信息,这个referrer信息是可以省略但是不可修改的,就是说你只能设置是否带上这个referrer信息,不能定制referrer里面的值。服务器端在拿到这个referrer值后就可以进行相关的处理,比如图片资源,可以通过referrer值判断请求是否来自本站,若不是则返回403或者重定向返回其他信息,从而实现图片的防盗链。我们在使用站外图片的时候,访问图片403,但是浏览器直接访问图片链接可以打开,这是为什么呢?
2024-03-19 06:00:00
2455
原创 设置浏览器显示小于12px以下字体
我们在项目开发过程中有时候会遇到设计师给的小于12px的字体,IE、火狐浏览器、移动端等小于12px的字号大小还是可以正常显示的,但是谷歌浏览器上显示字体最小为12px,css设置font-size:10px,运行代码显示结果仍然是12px大小,那么这个我们怎么去解决呢?
2024-03-14 22:18:18
2336
原创 css超出部分显示省略号
CSS文本溢出就显示省略号,就是在样式中指定了盒子的宽度与高度,有可能出现某些内容在盒中容纳不下的情况,我们需要文本溢出就显示省略号。
2024-03-11 09:54:23
1778
原创 superset连接Apache Spark SQL(hive)过程中的各种报错解决
superset连接Apache Spark SQL(hive)过程中的各种报错解决
2024-03-08 16:19:28
2125
2
原创 你确定了解React Hooks的useState函数?
useState是 react 提供的一个定义响应式变量的 hook 函数,是函数组件保存数据的主要方法,等同于类组件的 this.state 与 this.setState,但是我们在使用的时候大多只了解他的更新数据,没有对其深入的了解,比如更新数据是同步呢还是异步?能否连续调用更新?是否支持深度对比的数据更新?
2024-03-04 06:00:00
3396
原创 UDP 与 TCP 的区别是什么?
UDP 相比 TCP 简单的多,不需要建立连接,不需要验证数据报文,不需要流量控制,只会把想发的数据报文一股脑的丢给对端,虽然 UDP 并没有 TCP 传输来的准确,但是也能在很多实时性要求高的地方有所作为。
2024-02-26 07:00:00
3388
原创 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
9098
2
原创 iconfont的使用(最详解)
Iconfont 是阿里巴巴矢量图标库平台(http://iconfont.cn),它允许用户访问大量图标并将它们用作网页、移动应用或其他数字界面的一部分。以下是关于 Iconfont 的介绍和使用
2024-02-20 06:00:00
4289
原创 你确定会用CSS Sprites(雪碧图)?
雪碧图也叫CSS精灵, 是一种CSS图像合成技术。通俗来说:将小图标合并在一起之后的图片称作雪碧图,每个小图标的使用配合background-position来获取。我们来看一张图片这张图片汇聚了10个小图片合成,每个小图片都有自己的像素定位点,那么如何生成雪碧图呢?CSS Sprites一般只能使用到固定大小的盒子(box)里,这样才能够遮挡住不应该看到的部分。这就是说,在一些需要非单向的平铺背景和需要网页缩放的情况下,CSS Sprites并不合适。
2024-02-19 06:00:00
3194
原创 npm使用国内淘宝镜像(最新地址)
我们前端程序员在使用使用国外的镜像源速度很慢并且容易下载失败,有时候需要尝试多次才有可能下载成功,很麻烦,但是可以切换为国内镜像源,下面我介绍下如何使用淘宝镜像源。通过上述的操作,我们可以轻松地配置和使用淘宝镜像来加速npm包的下载、安装和更新。
2024-02-15 18:38:16
124910
14
原创 使用client-only 解决组件不兼容SSR问题
最近在我的单页面SSR应用上开发JSON编辑器功能,在引入组件后直接客户端跳转OK,但是在直接加载服务端渲染的时候一直报这个错误:[vite] Error when evaluating SSR module /node_mod经过查阅资料才知道是组件不兼容SSR,下面我总结了下该问题的解决方案,希望能帮到大家!client-only 被挂载之前, 使用此属性作为文本占位符,组件只会在客户端被渲染,所以服务端加载不会再报错。今天就分享到这里啦!欢迎在评论区交流。如果文章对你有所帮助,!博主会持续更新。。。。
2024-02-10 10:10:39
2007
原创 vue3 使用defineAsyncComponent 动态加载组件
在项目中使用静态加载组件基本能覆盖80%的场景了,如下图但是我们在需要循环生成一些的component的时候或者在就会遇到有些组件以静态方式导入就会报错,导致进程失败,那么这时候就需要用到动态组件。那么怎么去实现动态使用呢?
2024-02-06 22:14:46
4498
原创 百度统计实现网页的PV和UV统计
最近打算统计下博客网站的浏览量,也就是统计下网站的PV和UV,那么说明是 PV和UV呢?我先做个简单介绍。PV ,全称 page view, 即页面浏览量或页面点击量。它是指用户在访问网站的过程中,每次加载一个页面就统计一个PV,一个访客在访问网站的一次会话中可以产生多个PV。UV, 全称 unique visitor, 也叫独立访客。它是指访问某个站点的不同IP地址的访客数量。即使同一IP地址在一天中访问多次该网站,UV也只会被统计一次。
2024-01-31 06:00:00
3302
原创 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
1129
原创 CSS实现三种常用的三角形效果
CSS 提供了出色的方法可以实现基本的形状。本文就来看看如何使用这些方法来实现项目中常用的三种三角形效果。以上主要总结了项目中常用三角形效果方案,是否有你需要的一款呢?欢迎大家在评论区交流。如果文章对你有所帮助,!博主会持续更新。。。。
2024-01-24 06:30:00
1101
原创 如何发布自己的npm包
在项目开发过程中,我们经常会用到一些工具函数,使用很是频繁,但是呢,我们又不想使用loadash这种比较重的库函数,这时候我们就可以封装一个自己的函数库,包含了我们频繁使用的工具函数,函数封装好,那么怎么去上传到npm上呢?今天我们来上传一个工具函数库为例,详细说下npm发布包的流程。
2024-01-23 06:30:00
5542
原创 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
1488
原创 2024前端面试12个手写题,你确定会?
万丈高楼平地起,地基打的牢,才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能,重要的地方已添加注释。有的是借鉴别人的,有的是自己写的,如有不正确的地方,欢迎多多指正。
2024-01-19 07:00:00
959
原创 JS内存泄漏与垃圾回收机制你确定了解?
内存泄漏(Memory Leak)是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果。通俗点就是指由于疏忽或者错误造成程序未能释放已经不再使用的内存,不再用到的内存却没有及时释放,从而造成内存上的浪费。
2024-01-18 07:30:00
1149
原创 分享ES6实用的12个技巧和方法?
最近在重构项目,看着老代码,简直头皮发麻,简直仍不住吐槽。很多总结的技巧我记录了下来,分享给大家,觉得有收获点个赞,有错误的或者更好的写法,非常欢迎在评论中留言。
2024-01-17 07:30:00
1228
原创 关于前端面试中forEach方法的灵魂7问?
相信大家在工作或者面试中经常用foreach 方法,但你知道吗?forEach其实是for循环的一个特殊简化版,也叫增强for循环,forEach虽然是for循环的简化版本,但是并不是说forEach就比for更好用。废话不多说,下面我们一步步解开这7点疑问。
2024-01-16 07:30:00
1332
原创 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
2780
原创 前端常用6种数据加密方式的使用(最详解)
前端常用的加密方式有base64加密,MD5加密,sha1加密,sha256加密,aes加密,字符串加密,面我介绍前端6种常用的加密如何使用,如有不足之处,欢迎大家补充
2024-01-10 14:10:35
16779
原创 vue中粘贴板clipboard的使用方法
文章主要介绍了clipboard在vue中的使用的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
2024-01-08 20:14:17
4343
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人