- 博客(705)
- 收藏
- 关注
RSS订阅原创 Echarts柱状图柱子添加点击事件
方法二：结合getZr和click实现这个效果（比较麻烦，可以用于更复杂效果的实现）抛回父组件，直接用这个index去x轴data里面取当前被点击的柱子的x轴坐标。params.offsetX，params.offsetY 为点击位置的坐标。这里只需要拿到被点击柱子对应的X轴时间坐标，可以直接监听click事件。拿到被点击的柱子的index（从0开始，number类型）拿到被点击的柱子的X轴坐标name。结合click事件可以拿到点击位置。可以实现在点击位置展示弹框的效果。
2024-04-18 08:58:08
273
原创 VUE3——hook
— 本质是一个函数，把setup函数中使用的Composition API进行了封装。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。类似于vue2.x中的mixin。
2024-04-02 15:58:04
295
原创 VUE3——watchEffect函数
watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。watch的套路是：既要指明监视的属性，也要指明监视的回调。
2024-03-29 14:45:48
119
原创 VUE3——setup介绍
4.3 attrs:值为对象，包含:组件外部传递过来，但没有在props配置中声明的属性,相当于 this.$attrs。1.1 Vue2.x配置(data、methos、computed...)中可以访问到setup中的属性、方法。1.2 但在setup中不能访问到Vue2.x配置(data、methos、computed..)。4.1 props:值为对象，包含:组件外部传递过来，且组件内部声明接收了的属性。1.若返回一个对象，则对象中的属性、方法,在模板中均可以直接使用。
2024-03-26 17:25:58
258
原创 VUE3——Proxy API 与VUE2——defineProperty API区别
只能遍历对象属性进行劫持return})Proxy直接可以劫持整个对象，并返回一个新对象，我们可以只操作新的对象达到响应式目的= null) {return obj// Proxy相当于在对象外层加拦截console.log(`获取${key}:${res}`)return res},console.log(`设置${key}:${value}`)return res},console.log(`删除${key}:${res}`)return res})Proxy。
2024-03-26 16:58:43
545
原创 VUE3——reactive对比ref
ref通过 object.defineProperty()的 get 与set 来实现响应式(数据劫持),它内部会自动通过 reactive 转为。.value ，读取数据时模板中直接读取。来实现响应式(数据劫持)，并通过。备注:ref也可以用来定义。ref定义的数据:操作数据。reactive通过使用。对象(或数组)类型数据。对象(或数组)类型数据。
2024-03-26 16:29:04
401
原创 vue2中 因响应式原理采用Object.defineProperty数据劫持 导致几种方式改变数据页面 不重新渲染的解决办法
使用数组方法可重新渲染页面。
2024-03-15 15:45:14
460
原创 (转)css实现盒子高度随宽度等比例缩放的四种方式
前提：先去下margin,padding,方便看效果*{ margin:0; padding:0}方法一：定位css.container { background-color: silver; width: 100%; position: relative; display: inline-block;}.dummy { margin-top: 100%;}.content { position: absolut...
2024-03-15 15:23:32
495
原创 冒泡排序及优化详解
例如：6，4，7，5，1，3，2，当我们进行第一次排序的时候，结果为6，7，5，4，3，2，1，实际上后面有很多次交换比较都是多余的，因为没有产生交换操作。可能在上面这个示例下，可能看不出来效果，但是当数组是，5，4，3，1，2 的时候的时候就非常明显了，实际上在第一次循环的时候整个数组就已经完成排序，但是常规版的算法仍然会继续后面的流程，这就是多余的了。没错，这是已经排好序的啊，也就是说因为标志位的存在，上面的循环只会进行一遍，flag没有变成1，整个算法就结束了，这也就是 O(n) 的来历了！
2024-03-15 15:23:06
707
原创 （转）已有 vue2 环境下安装 vue3 和vue2并新项目构建
将 bin 文件夹下的 vue 和 vue.cmd 文件改为 vue3 和 vue3.cmd，避免 和全局的 vue 冲突。如果你本地已经装有 vue2.0+，那么安装 vue3 的这些操作请勿全局安装，否则会影响现有 vue2 的环境。此时随便在一个文件夹下运行 vue3 -V 就能看到版本信息了，如果没显示可重启电脑，再运行 vue3 -V。新建 vue3 的环境变量 变量名：vue3 变量值 ：你安装 vue3 的到.bIn 文件路径。现在可以任意新建一个文件夹，创建一个 vue3 的项目了。
2024-03-15 14:56:59
421
原创 vue2——new Vue({router,store, render: h =＞ h(App) }).$mount(‘#app‘)；分析
个人理解：createElement 函数是用来生成 HTML DOM 元素的，也就是上文中的 generate HTML structures，也就是 Hyperscript，这样作者才把 createElement 简写成 h。h是 Vue.js 里面的 createElement 函数，这个函数的作用就是生成一个 VNode节点，render 函数得到这个 VNode 节点之后，返回给 Vue.js 的 mount 函数，渲染成真实 DOM 节点，并挂载到根节点上。Hyperscript 本身是指。
2024-03-14 09:32:58
395
原创 (转)tinymce-vue使用教程
5-1图报错.jpg。链接：https://www.jianshu.com/p/44ee417537eb。
2023-10-13 14:47:41
2461
原创 (转)富文本编辑器——Vue2Editor
Vue2Editor是一个简单易用的富文本编辑器，如果没有复杂的需求，你可以毫无保留的使用它，如果你需要复杂的功能，也可以使用其自定义能力进行自定义扩展！
2023-10-13 14:24:20
2261
原创 H5页面跳转微信小程序
第一种是直接在需要跳转的小程序的小程序管理后台中通过工具直接生成, 该方法生成的URL Scheme不能实时指定跳转小程序的页面也不能向小程序传递参数。如果需要指定跳转小程序的页面或者需要向小程序传递参数, 则需要使用 服务端接口 的方法来获取URL Scheme。注意：该方法只开放给已认证的服务号或者小程序。wx-open-launch-weapp接口文档。服务端接口获取URL Scheme文档。的静态网站托管绑定的域名下的网页。后通过以下代码就可以实现跳转。URL Scheme文档。
2023-06-29 16:44:21
3428
原创 vue 一直运行 /sockjs-node/info?t=解决办法
sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。开发时，如果变更网络环境（如切换wifi导致开发服务器的IP地址更换），服务器不知道如何确定访问源，就有可能造成上述情况。项目根目录，找到/node_modules/sockjs-client/dist/sockjs.js。找到代码的 1605行，注视掉xhr请求。
2023-06-29 16:43:58
3766
原创 (转)下载网页中的SVG矢量图标文件
由于SVG是矢量图文件，一般的图片查看工具无法打开，可以使用Adobe Illustrator查看且再次编辑SVG文件，还能导出保存为其他格式的文件。svg格式的图像可任意放大图形显示，而且边缘异常清晰，生成的文件很小，方便传输，文字在svg图像中保留可编辑和可搜寻的状态，没有字体的限制，所以十分适合用于设计高分辨率的Web图形页面。当我们在浏览网页中，可能会看到一些不错的SVG矢量图标，这时我们想要保存下来后面用在图片设计上，会发现浏览器不支持SVG格式的下载，今天就教大家如何操作。
2023-06-13 17:18:17
1630
原创 nodejs 版本切换（windows版）
只有先这样才能看到node版本，不然你输入命令行node -v和npm -v会出现（提示’node’ 或’npm‘不是内部或外部命令，也不是可运行的程序 或批处理文件）。除了上面显示的node.js版本，其他版本号也可以下载:https://nodejs.org/en/download/releases。然后进入命令控制行窗口，并输入where node查看之前本地安装的node的路径。注意：在下载时，有时候有些版本可以准确下载，有时候有些版本会出现只下载node，但npm版本不会自动下载的情况.
2023-06-13 17:16:46
4637
2
原创 (转)用Be-Do-Have模式解决你的疑难杂症
经常有人认为买房了就会拥有幸福的家庭，所以拼命赚钱去获得自己的房子，其实他想要的并不是房子这个载体，而是拥有幸福的体验，而往往买房后他依旧会觉得不幸福，因为还有更多事情需要他去处理，而买好房的幸福感只能维持一段时间。你首先有一个获得幸福的期待，而你后续的行为都是围绕着期待进行的，或者说你为了证明自己的这个期待是正确的而收集各种证据，这些行为既可能包括经营婚姻又可能包括努力赚钱，而最后你不一定真的买房了，但是你是在不断地接近你所期待的目标的，所以你感到有成就感。
2023-05-18 11:23:57
140
原创 vue中html转义解决提交表单问题
在项目开发过程中会有textarea文本框输入提交后台，在特殊字符和脚本防注入的处理上，采用html转义的简单方法来解决这个问题。这种能解决一般的脚本注入和表单提交解析问题，复杂验证还需自定义增加转义正则来实现。2、使用htmlDecode来解析后台返回回显的转义后的字符。
2023-05-12 15:03:21
449
原创 (转)雪花算法（SnowFlake）
现在的服务基本是分布式、微服务形式的，而且大数据量也导致分库分表的产生，对于水平分表就需要保证表中 id 的全局唯一性。对于 MySQL 而言，一个表中的主键 id 一般使用自增的方式，但是如果进行水平分表之后，多个表中会生成重复的 id 值。那么如何保证水平分表后的多张表中的 id 是全局唯一性的呢？如果还是借助数据库主键自增的形式，那么可以让不同表初始化一个不同的初始值，然后按指定的步长进行自增。例如有3张拆分表，初始主键值为1，2，3，自增步长为3。
2023-05-12 14:51:33
1110
原创 (转)使用IDEA导入SpringBoot项目
因为是 maven 项目，所以在本地库没有 springboot 相关 jar 的前提下， idea 就会去进行下载。一旦下载完成，就会展现为 如图所示的maven 风格的项目结构。原文链接：https://blog.csdn.net/m0_67394230/article/details/124104075。当然了，不同的 springboot 项目的启动类是不一样的，不见得都是访问这个地址。2）如图找到你要导入的 springboot 项目，并选中项目中的 pom.xml。2.等待项目导入完成。
2023-04-26 17:03:06
1936
原创 （转）maven安装及配置（详细版）
第二步：在核心配置文件setting.xml中，将仓库存放的位置设置成：D:\WorkSpace\apache-maven-3.6.1-bin\apache-maven-3.6.1\repository（以自己的安装路径为准）；第一步：在maven的安装目录下创建一个repository文件夹（一般习惯将仓库地址和maven安装目录放置在一起）。方式一可以从官方下载，下载页面：http://maven.apache.org/download.cgi。注: 千万注意, 只可配置一个(另一个要注释!
2023-04-26 16:55:06
814
原创 (转)mysql数据库安装指南
第二个（大小是200多M）是离线安装，这里我们选第二个（上图红框的那个，已经同时包含了32位和64位安装包），下载到本地进行安装。第一个是强密码校验，mysql推荐使用最新的数据库和相关客户端，MySQL8换了加密插件，所以如果选第一种方式，很可能你的navicat等客户端连不上mysql8。红线标出的是mysql数据库版本号，可与下图版本号不一样，以实际安装的版本为准。3.左边界面是安装到了哪一步，下图是选择安装类型，选Server only（只安装mysql），然后点击“next”。
2023-04-26 16:45:48
769
原创 (转)Chrome的最小字体12px限制解决办法
相信不少做网站的用户会有这样一个问题，Chrome默认最小字体是12px（最新版英文也有此问题），这个是 Chrome 为了更好显示中文设计的，但是这样一来就会出现某些上标、下标字体过大，影响用户体验。
2023-01-17 11:29:35
5424
5
原创 JavaScript去除字符串中所有的标点符号，只保留中文、英文和数字
JavaScript去除字符串中所有的标点符号，只保留中文、英文和数字。
2022-12-29 18:04:37
2839
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人