JokerSoulClub
码龄10年
关注
提问 私信
  • 博客：73,299
    社区：17,816
    问答：2,493
    93,608
    总访问量
  • 62
    原创
  • 314,079
    排名
  • 30
    粉丝
  • 0
    铁粉
  • 学习成就
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：江苏省
  • 加入CSDN时间： 2015-04-12
博客简介：

JokerSoulClub的博客

查看详细资料
  • 原力等级
    成就
    当前等级
    4
    当前总分
    650
    当月
    1
个人成就
  • 获得90次点赞
  • 内容获得18次评论
  • 获得166次收藏
  • 代码片获得326次分享
创作历程
  • 1篇
    2024年
  • 7篇
    2023年
  • 14篇
    2022年
  • 39篇
    2021年
  • 1篇
    2020年
成就勋章
TA的专栏
  • 编程思想
    12篇
  • 架构设计
    1篇
  • redis
    3篇
  • svg
    2篇
  • js
    15篇
  • vue
    8篇
  • typescript
    2篇
  • css
    2篇
  • sql
    5篇
  • c#
    4篇
  • java
    9篇
  • jsonp
    1篇
  • web设计
    2篇
  • st_geometry
    1篇
  • react
    3篇
  • base64
    1篇
  • opencv
    1篇
  • javacv
    1篇
兴趣领域 设置
  • 前端
    javascriptreact.jswebpack
创作活动更多

如何做好一份技术文档？

无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

342人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

分享一个利用redis缓存挡住高频的数据库读写的架构设计

以上架构实际上是将数据库作为数据仓库使用，实际的业务处理放置在redis中的，特别是大大降低了数据库写入的操作，相当于所有的数据库业务相关的写入都进行了合并延时写入。这种思路其实之前也有过，不过之前都是考虑合并http的写入请求，但反馈给用户的时间会大大增加，例如本来1秒响应的，现在需要收集3秒内的写入请求统一处理后返回，那么用户最长要等3秒。其实不只是订单相关的业务，任何涉及到频繁读写的业务，包括但不限于，购物车，硬件运营参数，接收订阅数据等。
原创
发布博客 2024.02.06 ·
1022 阅读 ·
23 点赞 ·
0 评论 ·
21 收藏

svg mask和stroke冲突问题

再说一遍结论实际上svg里，mask对svg内元素起作用的并非元素本身，而是元素几何形状的外包矩形，特别是和stroke有冲突，会产生奇怪的显示效果对我们的启示，尽可能不要对包含stroke的元素进行mask操作，如果必须的话，那么用group标签包起来，确保group标签内存在至少两个几何图形。
原创
发布博客 2023.08.22 ·
340 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

小程序一码跳多端的实现架构。。。

现在要实现一个二维码，通过微信扫跳转微信小程序，通过支付包扫，跳转支付宝小程序，（其他小程序也如此）以常用的小程序，微信，支付宝为例，核心在于这个H5页面，
原创
发布博客 2023.07.18 ·
363 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

记录一个heatmap.js在strict模式下的bug

node modules/heatmap.js/build里面，heatmap.js,heatmap.min.js两个都要改。或者去掉img.data = imgData;(k.data=l;)也可以，因为上面已经对imgData数组进行修改了。由于ImageData对象的data属性是只读属性，因此在严格模式下会报错的。重点在于527行的img.data = imgData。ImageData的data属性只读，无法修改。出问题的在原始代码的490行~528行。知道问题出在哪儿了，就可以修改了，
原创
发布博客 2023.07.10 ·
747 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue自定义指令，实现事件的防抖和节流（暂未实现表达式解析和模板编译豁免）

防抖函数debounce和节流函数throttle，网上一抓一大把，此处不讨论，此处讨论的是为何在vue指令中实现，最大的原因，还是懒啊。。。谁也不想每次都import这两个函数进来有人之前实现过这个指令的，但是效果很差，如何在Vue3中实现自定义指令(超详细!为啥效果很差。。。。看最后他是怎么调用的就知道了有两个问题，1是如果需要handleInput传入参数的情况时，没法传入额外参数2.本来简洁的v-on:input="handleInput"成了这鸟样-=
原创
发布博客 2023.03.23 ·
512 阅读 ·
0 点赞 ·
1 评论 ·
0 收藏

Vue组件库出现$listeners is readonly等错误的原因及预防方法

根本原因是因为组件库的package.json中dependencies包含了vue包，然后导致最后打包出来的组件库也包含vue包然后和引用这个组件库的项目中的vue发生冲突。举个例子，project1是vue组件库，package.json中dependencies包含了"vue":“2.6.1”project1打包出了"project1":“0.0.1” 这个组件包。
原创
发布博客 2023.03.08 ·
3064 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

一文彻底搞懂vue-cli环境配置文件.env的用法

这三个文件，如果没有在文件里注明NODE_ENV属性，那就默认就是分别对应NODE_ENV=production 对应vue-cli-service build 命令。NODE_ENV属性一般可以省略不写，例如常用的.env.production，.env.test，.env.development。然后就是vue-cli的字段MODE，主要是vue-cli-service build 命令用到。看了很多文章，都没有搞清楚.env文件中哪些是vue保留字段，哪些是继承自nodejs的。
原创
发布博客 2023.02.23 ·
1660 阅读 ·
1 点赞 ·
0 评论 ·
4 收藏

vue多实例的骚操作，主要用于解决组件全局弹窗面板的问题。。。

通过vue手动挂载实例，并通过render函数传递props进行组件通信的方式，可以实现任意的弹出面板，兼容性强，不用考虑烦人的overflow问题。
原创
发布博客 2023.01.30 ·
753 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

全网最详细的vite多页面配置，帮大伙踩坑。

想想也是，调试其实也是先在内存中生成了对应的文件进行的，这里如果不指定生成的文件名，则会无法生成对应文件，字然都是404（但奇怪的是，这儿的filename名字随便起，最终url中不体现，url始终体现的是src/pages/下的demo1.html和demo2.html，但如果不写，项目启动的确是404找不到。4.最后，也是最重要的一点，createHtmlPlugin的pages中，必须设置filename,名字可以随意，但必须要，否则调试都404，在这个的基础上，现在想实现多页面配置，
原创
发布博客 2022.12.29 ·
4283 阅读 ·
1 点赞 ·
2 评论 ·
7 收藏

vue2+vite+vue-cli5 实现vite开发webpack打包

主要是因为即想要得到vite的高效开发模式（免编译）但是最后又想要兼容到IE9（ps，vite自带插件最多IE11而且打包出两份代码）
原创
发布博客 2022.09.30 ·
3815 阅读 ·
2 点赞 ·
1 评论 ·
6 收藏

vue+typescript的几个坑，尤其是typescript的版本必须4.1以上，这个是大坑

关于ts+vue建项目，build时出现的问题解决
原创
发布博客 2022.09.06 ·
572 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

FileZilla Server1.5使用入门

最新的filezilla server1.5.0 搭建ftp教程
原创
发布博客 2022.08.16 ·
5770 阅读 ·
1 点赞 ·
0 评论 ·
10 收藏

arcmap 发布服务没有caching切片选项怎么回事？

发布问题 2022.07.21 ·
0 回答

全网最详细的js数组slice底层原理详解(附js实现)，深刻理解为何通过slice.call()可以将伪数组转为数组

首先js 数组底层也是一个对象控制台输入以下typeof [] //object可见数组的类型本质上也是object对象然后typeof Array //function可见数组类Array，本质上也是一个js函数类接着[1,2,3] instanceof Array //true可见数组是数组类Array的实例理解了以上内容后，看一下数组对象的特征控制台输入以下[1,2,3]得到一个数组对象，展开可以看到0: 11: 22: 3length: 3[[Proto
原创
发布博客 2022.04.29 ·
1603 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

js实现无向图Dijkstra算法

先抽象出路线source,顺便一提有向图和无向图最大的区别在于,0-4和4-0无向图表示的是同一个连通权重,有向图则不然(不仅权重不同,甚至可能只有一个方向连通)const source=[{key:[0,1],value:3},{key:[0,7],value:1},{key:[0,4],value:5},{key:[0,3],value:2},{key:[1,6],value:7},{key:[2,6],value:2},{key:[2,3],value:4},{key:[3,4],value:8}.
原创
发布博客 2022.04.28 ·
734 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

2022/4/25 记录一个chrome上backface-visibility和overflow造成的window的scroll监听事件响应不及时的问题bug

chrome 100.0.4896.127，同时期的火狐也一样，ie不支持backface-visibility先普及下backface-visibility主要是用于transform3d中x轴y轴旋转后背面是否可见的样式问题发生在一个dom，同时使用overflow:scroll和backface-visibility:hidden时可能导致鼠标滚轮滚动时，window的scroll监听事件响应不及时的问题，（表现在对dom的操作滞后，例如通过改变dom的位置实现dom的吸顶会失效）目前发现以下
原创
发布博客 2022.04.25 ·
460 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

后端三层架构，其中接口是否被滥用了？

发现无论是.net还是java，在传统的web应用中，接口完全没有意义，举以下的例子转账的接口public interface TransMoney(){ bool transMoney(String id,int money);}这里是实现类public class TransMoneyImp implements TransMoney{ @Override public bool transMoney(String id,int money){ //具体实现 }}传统的w
原创
发布博客 2022.04.15 ·
1272 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

记录一下oracle字段比较的一个坑

首先where nvl(null,field)=field等同于where field=field最后,等同于where field is not null
原创
发布博客 2022.03.25 ·
502 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

全网最详细的nth-child和:nth-of-type的区别(特别是nth-of-type)

:nth-child和:nth-of-type都是找对应元素父元素内子元素(仅包含当前父元素子元素不包含子元素的子元素),然后区别在于:nth-child是找出包含对应元素父元素内所有的子元素然后再去找到对应位置的元素后再去匹配选择器,nth-of-type是找出包含对应元素父元素内的子元素,然后根据样式选择器找到的元素的tag,把父元素内子元素所有对应tag种类分别取出排列后,分别比对对应的位置然后匹配选择器结合以下样例<!DOCTYPE html><html><he
原创
发布博客 2022.02.24 ·
6595 阅读 ·
40 点赞 ·
8 评论 ·
69 收藏

redis的妙用其一,实现服务端耗时操作的异步获取

业务中经常会出现这样一个场景,我们的服务端会去调用第三方api,并且把得到的数据处理后返回给前端(或者需要我们的登录才能调用)一般的做法都是用同步的方式直接在代码中请求,这种方式一定要设置请求的超时时间很短,否则高并发情况下,我们的服务端就会崩溃,因为同步阻塞的原因另一种情况,就是服务端请求的api本来就很耗时,例如一定需要至少1分钟以上的时间才能正常返回,这个时候,可以考虑在服务端使用多线程,用异步的方式获取返回的内容,在不阻塞正常的前端请求的情况下,提前给前端返回正在请求中的状态,从而避免了高
原创
发布博客 2022.02.09 ·
757 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多