- 博客(37)
- 收藏
- 关注
RSS订阅原创 vue3实现echarts——小demo
Vue3 底层使用了 proxy 代理创建实例，其创建出来的实例与echarts真正使用的那个存在兼容性问题，所以Echarts 无法从中获取内部变量；故设置echarts实例时，不要使用ref、reactive等响应式方法创建echarts对象，应该使用shallowReactive、shallowRef、或者普通变量即可。chart1来显示和隐藏，但是由于chart1不是响应式数据，不能根据接口实现响应式变化。比如代码中呈现的普通变量定义方式：let chart1 = null。
2024-07-03 13:48:51
383
原创 vue-selectTree
vue-selectTree并且修改样式和el-select下拉框样式一致。注意下拉多选，后台数据传参问题。可拖拽分隔栏，
2024-03-26 10:05:30
321
原创 css笔记1
其实 :hover 可以放在任意的标签上，比如说 p:hover，但是它们的兼容性也是很不好的，所以现在比较常用的还是 a:hover 的组合。(1)、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。但当给 font-size 设置单位为 em 时，此时计算的标准以 p 的父元素的 font-size 为基础。
2024-02-23 13:30:19
496
原创 JS基本知识
所有的执行环境会存放在执行环境栈（执行环境栈顶表示当前正在执行的环境）中，只有栈顶的执行环境才有执行权。除了全局执行环境外，其余函数的执行环境都随着函数的执行而被创建，随着函数的执行结束而被销毁。作用域链中不仅存储了函数本身的作用域，还存储了该函数能够访问的其他函数的作用域。每个正在执行的函数都有一个执行环境，记录了函数执行过程中的各项信息。每个函数都有各自的作用域、作用域链、变量对象、执行环境。函数被调用：创建自己的作用域，并加入到作用域链的开头；将当前函数的作用域添加到当前函数作用域链的顶部。
2024-02-23 10:57:38
343
原创 provide和reject,以及响应式变化如何实现
方法二：通过provide和reject(存在问题：爷爷更新了新的属性值，孙子拿到的还是旧的)上述方法仅适用传的参是个常量，否则会出现：爷爷更新了新的属性值，孙子拿到的还是旧的这种问题。父亲组件： v-bind="$attrs" v-on="$listeners"改良方法：爷爷的provide是一个方法，并且指向data里的一个属性。provide和reject,以及响应式变化如何实现。爷爷组件：通过‘ ：’ 即是v-bind传参。新孙子：保持和原来一致。方法一：通过父亲透穿。孙子组件：props。
2024-02-05 17:52:03
358
原创 git常用命令
（1）git reset --soft 'id' (注意是这个长的id不是短的id)git push之后如何reset？reset会删除提交的历史记录history。（2）git push origin 分支名 --force。注意：本地代码是最新pull的代码才可以push到远程仓库。
2024-01-09 14:25:38
501
原创 踩坑：1.样式污染 2.父子组件样式互相影响
并不是直接引入css代码到页面，而是发起新的不带scoped的请求获得样式资源；CSS 和子组件的 scoped CSS 的影响。这样设计是为了让父组件可以从布局的角度出发，调整其子组件根元素的样式。后，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的。2.目的：父组件样式影响多个子组件，实现代码复用，但是不泄露污染到别的组件。都使用了scoped属性，但是子组件的根组件样式受到父组件的样式影响。原因：vue的单文件组件是通过。应采用：src引入方式。问题：父子两个组件的。
2024-01-09 11:42:16
1241
原创 Nw.js搭建（本文档是SDK方式）
1.在helloworld文件夹下（即web项目根目录下）创建一个assets文件夹用来存放所要更换的icon图标。注意事项：此命令在git的终端才可以，若在power shell下不行。.exe这个文件就可以在任何目录下独立运行了。两文件夹：locales和pnacl。再开始process按钮。
2024-01-05 17:13:10
724
1
原创 踩坑：div/span文本内容不溢出，不掉落影响样式，可悬浮查看全部内容（tooltip二次封装）
由于开发环境和生产环境常常出现数据内容差异巨大，导致现场界面样式出现问题，所以不能随意用div或者span包裹内容。解决方案：可以从多个角度解决，比如原生html的title属性，或者对element的tooltip组件进行二次封装。1.内容未超长情况下，正常显示，不出现省略号截断内容，也不出现提示框显示全部内容。2.内容超长情况下，出现省略号截断内容，鼠标悬浮时出现提示框显示全部内容。el-tooltip存在问题：不管内容有没有超出，都会出现提示框。
2024-01-04 17:27:05
608
1
原创 用css和js实现Timeline 时间线组件效果
问题：由于el-timeline无法实现点击跳转，以及根据内容滚动来改变样式表示进度等问题，所以根据需求要求为了实现这两点要求封装了组件和使用。QQ录屏20240104170034。封装组件anchor.vue。使用 main.vue。
2024-01-04 17:08:41
954
1
原创 echarts数据问题
接口数据有时候不受前端控制，不一定会返回折线柱状图所需要的数据。所以需要用到echarts的数据格式转换dataset。echarts的饼图：数据格式：数组对象：[{value:0,name:''}]echarts的柱状图，折线图：数据格式一般是x轴：数组，y轴：数组。
2024-01-04 15:46:13
678
1
原创 实现响应式变化---自适应页面（各种css样式文字图片大小）
3.webpack.prod.conf.js和webpack.dev.conf.js。4.根文件index.html添加根font-size大小。4.工程根目录下postcss.config.js。
2024-01-03 17:38:29
900
1
原创 vue+node(express)实现前后端跨域访问
方法1、vue工程内vue.config.js（目的：将vue工程中的默认接口http://127.0.0.1:8080换成express服务器接口http://127.0.0.1:3000）如果在routes/users.js中配置接口，则访问时就是http://127.0.0.1:3000/users再拼接接口路径。方法2、安装cors依赖，index.js添加cors配置，允许跨域的服务器地址http://127.0.0.1:8080。（4）重要文件：/bin/www.js以及app.js。
2023-11-03 15:18:01
503
原创 element-ui-vue-treeselect使用
import Treeselect from '@riophae/vue-treeselect' // 导入vue-treeselect。import '@riophae/vue-treeselect/dist/vue-treeselect.css' // 导入样式。
2023-11-01 14:47:50
441
1
原创 element-ui-datePicker自封装
element-ui提供的DateTimePicker、TimePicker、DatePicker 的范围选择器中，range时候所绑定的数据是数组，但是后台定义的为两个变量，网上找了很多，没有解决办法，所以自己封装一个组件。
2023-11-01 10:48:48
256
1
原创 element-ui-解决下拉框数据量过多问题（vue-virtual-scroll-list）
【代码】element-ui-解决下拉框数据量过多问题（vue-virtual-scroll-list）
2023-10-31 17:48:24
2358
1
原创 element-ui-解决下拉框数据量过多问题(selectLoadmore)
【代码】ele-ui自定义封装组件-selectLoadmore。
2023-10-31 16:22:07
1597
1
原创 element-ui基础组件-dialog
1.对于表单验证不通过，关闭后重新打开对话框，验证错误依然存在，用clearValidate无法解决的时候，采取在添加v-if="isShowDialog" 即2.对于新增打开对话框时，有遗留的上一次打开对话框的数据时，用resetField无法解决的时候.采取添加 @close="cancel"即。
2023-10-31 14:22:00
160
1
原创 element-ui基础组件-table
解决方法：可以修改样式，但是修改样式刷新页面时候不生效。注意： 不可写在nextTick里面，因为接口异步，不确定。原因：滚动条高度由5px改为8px，所以这边需要调整。
2023-10-31 13:34:17
159
原创 element-ui基础组件-dropdown
尽量少用dropdown，可用select代替，而且select也更好处理无数据情况。如何用select包装成dropdown?除非下拉框内容一致不会改变，且非异步，才用dropdown。答：不用v-model，value赋常量。
2023-10-31 13:17:36
309
1
原创 element-ui基础组件-message
默认情况下，当用户触发取消（点击取消按钮）和触发关闭（点击关闭按钮或遮罩层、按下 ESC 键）时，Promise 的 reject 回调和callback回调的参数均为 ‘cancel’（普通弹出框中的点击取消时的回调参数）。如果将distinguishCancelAndClose属性设置为 true，则上述两种行为的参数分别为 ‘cancel’ 和 ‘close’。this.$message.error('请勿重复添加根节点！message.error('请勿重复添加根节点！
2023-10-31 13:10:31
756
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人