- 博客(31)
- 收藏
- 关注
原创 uniapp多端适配
UniApp是一个基于Vue.js开发多端应用的框架,它可以让开发者编写一次代码,同时适配iOS、Android、Web等多个平台。UniApp内置了一些跨平台的UI组件,使得开发者可以更方便地实现多端适配。UniApp提供了条件编译的功能,可以根据不同平台对代码进行选择性编译。UniApp基于Vue.js开发,所以需要先安装Vue CLI。比如,可以使用uni-icons组件来显示不同平台的图标。创建一个新的UniApp项目,名为"myapp"基于flexbox的弹性布局来实现不同设备的适配。
2025-02-20 16:18:30
436
原创 JS中数组操作总结
end: 可选,规定从何处结束选取 如果没有指定该参数,那么切分的数组包含从start到数组结束的所有元素。start: 可选,规定从何处开始选取 若为负值,表示从原数组中的倒数第几个元素开始提取。
2025-02-20 14:41:33
184
原创 js获取当前页面宽度
这些方法都可以获取当前页面的宽度,不同的是它们基于不同的对象和属性。方法二:使用document对象的documentElement属性的clientWidth属性。方法五:使用document对象的documentElement属性的offsetWidth属性。方法三:使用document对象的body属性的clientWidth属性。方法四:使用document对象的body属性的offsetWidth属性。方法一:使用window对象的innerWidth属性。
2025-01-02 10:57:42
699
原创 echarts柱状图hover,柱子不隐藏
在ECharts中,当你想要创建一个柱状图并且希望在鼠标滑过某根柱子时,它不会自动隐藏(即保持可见),你可以通过设置。表示在鼠标悬停时不会让整个柱子消失(默认情况下,ECharts会隐藏柱子以便于查看其他柱子下的数值)。首先,在配置项里,找到对应的系列(series)配置部分,然后添加。如果你还需要自定义其他鼠标悬停时的效果,如显示工具提示等,可以在。是你希望柱子在鼠标滑过时的颜色,为你实际需要的颜色值。中进一步细化相应配置。属性来实现这个效果。
2024-12-18 16:29:43
343
原创 vue日历备忘录
1.根据后台返回的数据,判断有备忘录的给出标注,memoLevel为紧急程度 1为紧急(红色),2一般(蓝色),3不重要(绿色),显示小圆点。2.如果同一天出现很多条备忘录,根据第一条紧急程度显示圆点颜色。3.点击每一天请求数据,显示当天的备忘录。
2024-12-13 14:49:06
249
原创 ElementUI中el-dropdown-item点击事件无效
在给Vue组件(el-dropdown-item就是一个组件)绑定事件的时候,必须加上navtive修饰符才能生效,navtive可以监听根元素的原生事件。在click后添加native修饰符,则可解决问题。
2024-12-12 19:56:05
557
原创 前端路由的基石
浏览器有DOM和BOM,在BOM上就有history【前端路由则借助history】一般不直接操作这个history,而是借助history.js。
2024-01-23 17:52:03
387
1
原创 用户自定义布局
layoutVUE3 中实现拖拽和缩放自定义看板 vue-grid-layout_vue-grid-layout vue3-优快云博客前端更换自定义主题颜色的解决方案 - 知乎。
2024-01-17 16:28:19
507
原创 vue血缘分析图
可以展示如组织机构图谱、股权架构图谱、集团关系图谱等知识图谱,可提供多种图谱布局,包括树状布局、中心布局、力学布局自动布局等。根据json渲染血缘图,任意节点可自由拖动;移动到连线上高亮相关。React + Canvas 的混合模式来实现血缘图谱。画布支持整体缩放 (滚轮缩放)和整体拖动。,以及数据在多个处理过程中的。下载血缘保存为png图片。数据血缘描述了数据的。
2024-01-17 16:26:46
2868
原创 模板字符串
拓展运算符(...)用于取出参数对象所有可遍历属性然后拷贝到当前对象。模板字符串可以加多行字符串、变量、调用函数。// 空白元素,用来占位。
2024-01-17 16:24:46
387
原创 对象合并的四种方法
2、assign 不会处理原型链上的属性,也不会合并相同的属性,而是用后面的属性值覆盖前面的属性值。同名属性会被覆盖 Object.assign种第一个值是目标对象,第二个值是源对象。3、merge遇到相同属性名的时候,若是属性值是纯对象或集合的时候,会合并属性值。扩展运算符合并对象obj1对象在前和在后最后打印的结果是不同的。1、assign遇到同名的属性会直接覆盖。
2024-01-17 16:21:46
649
原创 将数组转换为JSON数据
JSON.stringify() 把 json 对象转换成为 json 字符串 JSON.parse() 把 json 字符串转换成为 json 对象。一般要操作 json 中的数据的时候,需要 json 对象的格式。一般要在客户端和服务器之间进行数据交换的时候,使用 json 字符串。使用JSON.stringify()方法将数组转换为JSON字符串。的所有属性的值从源对象(一个或多个)复制到目标对象。一种是:字符串的形式存在, json 字符串。一种是:对象的形式存在, json 对象。
2024-01-17 16:19:58
2772
原创 简化luckysheet
showtoolbarConfig 自定义配置工具栏,可以与showtoolbar配合使用,【constant.js/ customSheetRightClickConfig配置】【constant.js/ customCellRightClickConfig配置】index.html 注释掉这个data。showtoolbar 是否显示工具栏。
2024-01-17 16:13:08
1199
原创 vue可拖拽流程图
支持元素节点有图形面板区拖拽至主画布,拖拽调整元素位置,拖拽调整元素大小 支持通过拖拽形式进行节点间连线,可控的节点连接桩,以及对已有连线拖拽调整连线位置 支持缩略图 支持键盘快捷键监听,例如Del BackPlace ctrl等按键以及组合键 支持流程编辑操作的撤销,重做,清空,保存图数据,读取数据后渲染图 支持鼠标悬停,点击,单选,框选元素,以及触发相关事件 支持监听流程图窗口尺寸变化,以便调整画布尺寸。(3)基于vue2.x+antv x6实现可拖拽编辑拓流程拓扑图。
2024-01-17 16:04:04
3307
原创 _this和this的区别
this只是一个变量名,this代表父函数,如果在子函数还用this,this的指向就变成子函数了。普通函数中的this并不会向上继续找对象,箭头函数中会往上寻找this,直到找到所代表的this为止。普通函数中的this表示调用此函数时的对象,箭头函数里面的this会继承自外部的this。_this就是用来存储指向的。
2024-01-17 15:49:27
533
原创 eslint规则:
16、'overlayClassName' must be hyphenated 【在绑定属性的时候不允许属性为驼峰命名法 所以需要把绑定的属性使用短横加小写代替 】,修改为: overlay-class-name。3、HTML的字符串可以为双引号,js中的字符串必须为单引号。11、所有的'var'声明必须在函数作用域的顶部。i -- 替换为 i -= 1。10、@事件放在最后【放在class之后】14、运算符'='必须有空格。8、v-show放在最前面。5、函数括号前必须有空格。
2024-01-17 15:07:17
430
原创 JSON.parse() 的坑
如果eval()的参数是字符串,那么eval()将这个字符串解析成代码后进行执行,并返回最后一行代码执行的结果。如果你使用eval()或者new Function()的方式来转化,那就完全可以忽略上述需要注意的地方。如果字符串无法解析成合法的代码,eval()将抛出SyntaxError错误。eval调用时,实例为eval( "( javascript代码 )" )如果eval()的参数不是字符串,那么eval()将直接返回参数。使用JSON.parse()方法来转化json对象,需要注意的。
2023-09-08 14:35:01
265
1
原创 换新机子,下载开发工具 :vscode、node、npm
2、在 新的电脑上同样找到安装目录下的.vscode,替换掉extensions 或者复制之前extensions下的插件文件,粘贴到当前新目录就好了。安装完整就可以使用 cnpm 命令了。如:C:\Users\用户名.vscode\extensions 【这里一定要注意是在c盘,不管之前安装的位置是哪里!向下翻,选择你需要的版本,选择好了直接点击 Downloads 进行版本系统选择(演示下载 V10)向下翻,选择你需要的版本,选择好了直接点击 Downloads 进行版本系统选择(演示下载 V10)
2023-09-08 14:33:50
378
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人