- 博客(50)
- 收藏
- 关注
RSS订阅原创 常用Git命令记录
请注意，直接切换到远程分支处于“分离头指针”状态，这意味着你不能在这个状态下直接进行提交。#创建并切换到本地的 dev 分支，同时与远程的 dev 分支建立追踪关系。git checkout origin/dev 切换到远程的dev分支。如果你需要在这个分支上进行更改，请考虑创建并切换到一个本地分支。git fetch不会自动合并。
2023-11-16 16:27:45
296
原创 Mac VsCode g++编译报错：不支持C++11语法解决
如果不生效，也可以在.vscode/tasks.json中添加如下配置，在编译命令中添加编译选项-std=c++11。在.vscode/settings.json中配置如下，目的是在编译命令中添加编译选项-std=c++11。
2023-11-07 00:44:05
927
原创 slot插槽学习总结
服务于组件的封装者是组件中不确定的、由用户指定的那部分：插槽出口，标示父组件提供的插槽内容在哪里被渲染插槽内容：可以是任意合法的模板内容，不局限于文本，可以是多个元素插槽数据作用域：插槽可以访问父组件数据作用域，访问不了子组件数据（可以通过作用域插槽访问子组件的部分数据）动态插槽名插槽的作用：使模板分块，具有模块化的特质和更大的重用性父组件：可以控制插槽是否显示以及如何显示子组件：可以控制插槽在哪里显示插槽分类：默认插槽/具名插槽/作用域插槽。
2023-07-11 12:02:44
182
原创 async函数学习总结
async函数是Generator 函数的语法糖，但是性能更优，体现在自动执行、语义清晰、适用更广async返回一个Promise，可以then回调处理，catch捕获错误async函数被调用的时候会立即返回一个pending状态的Promise对象等async内部所有异步操作执行完才会发生状态改变，才会执行then回调（除非遇到return或者抛出错误）await后异步操作如果reject会中断后续操作，可以通过try/catch包含块处理错误
2023-04-30 16:26:48
1012
原创 VUE导航守卫学习总结
全局守卫beforeEachbeforeAfter：不接收next单个路由独享守卫beforeEnter：路由参数变化不触发组件级守卫beforeRouteEnter: 不可访问thisbeforeRouteUpdate：可以访问thisbeforeRouteLeave：可以访问this。
2023-04-10 22:11:37
336
1
原创 父组件修改子组件深层数据
父组件修改子组件深层数据，value是obj类型<!-- 父组件内调用子组件 --><son v-for="p in data_arr" :fruits="p.fruits"></son>// 数据保存data_arr: [{ col: 2, row: 4, fruits: { name: '苹果', num: 2 }}]解决监听标志位force_refresh：强制刷新标志位初始值为false，当obj内参数变化将标志位同步改.
2022-03-16 17:14:01
584
原创 git clone https报错
从github使用HTTP方式克隆代码库报错如下(使用SSH方式可以但是HTTP方式不行)解决扩大缓冲区HTTP底层是TCP，而TCP有缓冲区重新设置通信缓存大小，524288000字节，也就是500MBgit config --global http.postBuffer 524288000# 查看配置是否成功，也可以使用git config --list 或者 git config -lgit config http.postbuffer初始化仓库初始化git仓库，使.
2021-11-22 11:47:40
2749
1
原创 VUE项目中使用VueLazyLoad实现图片懒加载（动态背景图）
文章目录目标方法插件安装/模块引入图片懒加载目标列表每行弹框背景图定制化显示方法将所有图片以行id命名放在相对路径文件夹中用插件实现图片懒加载在打开弹框的时候改变图片路径变量的值插件安装/模块引入在项目中安装插件vue-lazyloadnpm install vue-lazyload --save在main.js中引入import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{ error:'./
2021-09-27 15:04:55
1298
原创 Echarts柱状图柱子点击事件
文章目录效果展示需求实现效果展示需求点击柱子显示当天的详细数据实现这里只需要拿到被点击柱子对应的X轴时间坐标，可以直接监听click事件在DOM加载完为chart注册点击事件拿到被点击的柱子的X轴坐标name抛回父组件方法一：直接监听click事件实现这个效果click可以拿到柱条 color: “#1DADF1”第几个 componentIndex: 0类型 seriesType/componentSubType: “bar”data/valu
2021-09-07 10:59:27
9839
1
原创 Echarts柱状图宽度/边框设置问题
文章目录效果展示需求实现效果展示需求柱条加边框设置柱条最大最小宽度实现borderWidthborderWidth：设置边框宽度borderColor：设置边框颜色在itemStyle中设置barMaxWidthbarWidth：设置柱条宽度，可以设置number(20表示20px)，也可以设置百分比，表示占这个类目的宽度比例barMaxWidth：最大柱条宽度barMinWidth：最小柱条宽度注意！！！当有多个柱条时，即series有多个对象，barWidth
2021-09-06 11:45:23
18601
原创 VUE项目中打印/转换图片打印
文章目录目标方法插件安装/模块引入打印事件处理目标将页面一个带滚动条的div生成图片并打印方法方法一使用vue-print-nb：可使用指令，简单方便，不过可能会有排版问题方法二使用html2canvas + printJS，没有排版问题，需要做事件处理（先转换成图片再打印）插件安装/模块引入方法一在项目中安装插件vue-print-nbnpm install vue-print-nb --save在main.js中引入import Print from 'vue
2021-08-27 11:10:02
2297
1
原创 tooltip定制样式
文章目录效果展示需求实现效果展示需求保留symbol不同类不同单位日期和内容颜色分别设置背景色、外阴影实现formater中params可以打印出来看看这里有三类 所以数组有三项color：数据图形的颜色name：x轴对应数据seriesName：类目名value：类目数值maker：默认的symbol图标遍历params，处理后的返回值是你想要展示的格式tooltip: { trigger: 'axis', axisPointer: {
2021-08-09 16:51:14
319
原创 VUE项目中DIV生成并导出图片
文章目录目标处理插件安装模块引入导出事件处理目标将页面一个带滚动条的div生成图片并导出处理用了另一个div去包裹这个带滚动条的div，在外层添加滚动条，导出时操作内层div，不然导出便只会导出可视区域插件安装在项目中安装插件html2canvas和jspdfnpm install html2canvas模块引入import html2Canvas from 'html2canvas';导出事件处理<i class="el-icon-download" @clic
2021-08-09 12:05:07
4481
2
原创 v-show失效&&element时间选择器弹框位置
文章目录问题原因分析解决补充问题两个都用v-if控制显示隐藏，时间选择器弹框位置在左上角用v-show控制，时间选择器弹框位置正确，但第二个v-show失效原因分析v-show不能对多个元素生效！？全部使用v-if，一开始第二个的dom没有渲染，所以选择器弹框找不到定位点，于是相对浏览器窗口定位v-if：根据表达式的值的 truthiness 来有条件地渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。v-show：根据表达式之真假值，切换元素的 displ
2021-08-02 13:53:04
429
原创 echarts配置集锦
文章目录基本配置参考线markLineY轴分割线隐藏区域缩放折线变曲线虚线折线图和柱状图切换饼图的label自定义富文本样式柱状图柱子渐变色Y轴分割线样式区域面积图折线图折线渐变坐标轴指示器渐变色柱条的最大最小宽度柱条重叠柱条颜色定制图例间隔折线上的标记（小圆圈）柱子圆角多个y轴图例的icon设置效果实现实现三类三个柱子效果源码使用基本配置参考线markLinemarkLineimport ‘echarts/lib/component/markLine’ series: [ {
2021-08-02 10:16:29
113
原创 自定义组件（原创）——时间标尺cRulerTime（design by yRan）
本组件中基于vue开发，可以在vue项目中添加后自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示功能描述点击具体的某个刻度选择对应的时间点结构代码<template> <div class="c-ruler-time"> <div class="ruler"> <div class="time-box"> <
2021-07-29 11:22:05
1172
原创 element弹出框popover样式调整踩坑
文章目录问题原因分析解决补充问题修改popover样式无效<style lang="less" scoped>/deep/ .el-popper[x-placement^="right"] { background: #ffffffeb; border-radius: 5px;}/deep/ .el-popper[x-placement^="right"] .popper__arrow::after { border-right-color: #fff;
2021-07-28 17:09:04
2280
原创 element时间选择器清空踩坑：TypeError: Cannot read property ‘0‘ of null
报错如下[Vue warn]: Error in render: “TypeError: Cannot read property ‘0’ of null”vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘0’ of null原因分析在项目中使用了el-date-picker在其清空后去取了date_range[0]导致报错因为清空后date_range的值为null<el-date-picker
2021-07-08 11:47:01
1920
1
原创 common.js__记录一些开发中通用的方法
文章目录1、时间类方法1.1 时间格式化为yyyy-MM-dd h:m:s1.2 时间格式化为yyyy-MM-dd1.3 标准时间"数组"格式化为yyyy-MM-dd1.4 时间段：6小时/月初到现在/年初到现在1.5 标准时间"数组"格式化为yyyy-MM1.6 标准时间"数组"格式化为yyyy-MM1.7 时间格式化1.8 截止到本月所有月份时间1.9 本月初的yyyy-mm-dd1.10 月份处理为X月2、计算类2.1 加2.2 减2.3 乘2.4 除3、通用类3.1 深度拷贝3.2 判断
2021-07-06 14:35:14
125
原创 vue-element-admin学习记录
持续学习中…文章目录版本管理V1.0.0------ 基础 ------1、布局1.1 app-main1.2 router-view1.3 移动端2、路由和侧边栏2.1 配置项2.2 路由2.3 侧边栏2.4 多级目录（嵌套路由）2.5 点击侧边栏，刷新当前路由2.6 面包屑2.7 侧边栏滚动问题2.8 侧边栏 外链2.9 侧边栏默认展开3、权限验证3.1 逻辑修改3.2 指令权限4、快捷导航（标签栏导航）4.1 visitedViews vs cachedViews4.2 缓存不适合场景4.3 Aff
2021-07-02 00:18:13
392
3
原创 CSS实现地图（二）之呼吸灯坐标
目录实现效果实现思路结构代码数据代码逻辑代码样式代码呼吸灯组件代码实现效果实现思路用地图图片作为底图点击坐标之后高亮该区域，高亮区域也用图片定位实现坐标和高亮图片都以地图为基准定位呼吸灯实现：CSS帧动画实现，通过padding改变实现阴影层的大小变化，封装成组件通过传当前点击name的参数对比自己的name判断是否需要显示呼吸灯业务逻辑：可以通过has_data字段用于判断是否有数据，以及对应显示隐藏呼吸灯注意：坐标和高亮图片都放在地图的div里面，而该DIV由地图撑开宽高，这样该
2021-06-25 16:08:55
443
原创 CSS实现地图（一）
目录实现效果实现思路结构代码数据代码逻辑代码样式代码实现效果实现思路用地图图片作为底图点击坐标之后高亮该区域，高亮区域也用图片定位实现坐标和高亮图片都以地图为基准定位注意：坐标和高亮图片都放在地图的div里面，而该DIV由地图撑开宽高，这样该div的宽高就是地图的宽高了，所有定位元素的left和top都是相对于地图了，这样就不会因为地图变大变小而使定位元素定位不准确结构代码这里Group.png是你的地图图片point_arr存放坐标元素cur_p是你当前点击的坐标（省份）所有
2021-06-17 15:01:27
1754
1
原创 小白重装系统二三事
起因：电脑提示Windows激活，百度之后让我查看连接网络属性，提示出现意外，接着百度方法，让我在命令行输入两条命令之后重启，出现如下蓝屏，错误代码是0xc0000001。按F8之后出现但是按F4或4都不能选择启用安全模式，反而是会回到恢复界面无奈——重装系统准备工作（制作启动盘及下系统）启动盘：空白U盘（需要是NTFS格式），另一台可使用电脑，百度大白菜启动盘（或http://www.dabaicai.pw/），选择装机版下载，静静等待下载安装WIN7：http://www.win7z.
2021-05-24 14:57:04
175
1
原创 多选一级下拉组件aSimSelect——属性选择系列组件库（design by yRan）
本组件二次封装iview，可以在全局安装了Iview的项目或者局部引入了Select的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：属性名、不限按钮、多选一级下拉从上到下分别是：选中单项、全选、点击不限功能描述属性名和下拉提示由父组件传给子组件点击不限隐藏下拉，取消显示下拉本组件依赖于组件cSearch，下拉逻辑参考该组件结构代码<template> <div
2021-05-13 11:43:28
236
原创 多选二级下拉组件aSelect——属性选择系列组件库（design by yRan）
本组件二次封装iview，可以在全局安装了Iview的项目或者局部引入了datePicker的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：属性名、不限按钮、下拉按钮从上到下分别是：点击下拉按钮显示下拉、点击确认数据回传、县级不限隐藏下拉按钮功能描述属性名和按钮由父组件传给子组件点击下拉按钮下拉才会显示，点击确认时下拉隐藏并将数据回传给父组件本组件依赖于组件selecter结构代码<
2021-05-13 11:26:40
1155
原创 复杂组合属性组件aPay——属性选择系列组件库（design by yRan）
本组件二次封装iview和element，可以在全局安装了Iview和element的项目或者局部引入了Select、el-input、datePicker、Button、Spin的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：属性名、不限按钮、二级下拉、累计维度选择器、比较维度选择器、比较数值或区间、提示信息从上到下分别是：点击二级下拉按钮显示下拉、点击确认进行校验、点击不限进行属性隐藏功能描述属
2021-05-13 11:05:14
150
原创 区间属性组件aCompare——属性选择系列组件库（design by yRan）
本组件二次封装iview和element，可以在全局安装了Iview和element的项目或者局部引入了Select和el-input的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：属性名、不限按钮、维度选择器、比较数值或区间从上到下分别是：选中范围时输入比较区间、选择比较符号输入比较数值的区间、选中不限隐藏区间组件功能描述属性名和初始数据都由父组件传给子组件，可以为组件赋初值选择不限时默认对此属性
2021-05-13 10:37:58
279
原创 区间组件cCompare——属性选择系列组件库（design by yRan）
本组件二次封装iview和element，可以在全局安装了Iview和element的项目或者局部引入了Select和el-input的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：维度选择器、比较数值或区间从上到下分别是：选择比较符号输入比较数值的区间、比较符号、选中范围时输入比较区间功能描述选择比较符号的时候，后面输入比较的数值选择范围选项的时候，后面输入范围区间本组件依赖于组件nToN
2021-05-13 10:21:51
381
原创 按钮组件cBtn——属性选择系列组件库（design by yRan）
本组件二次封装iview的Button，可以在全局安装了Iview的项目或者局部引入了Button的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从上到下分别是：选中状态按钮、取消选中状态按钮功能描述按钮名和按钮状态均可由父组件传参到子组件点击选中，点击取消可组合使用，实现类似按钮样式的tab，将所有tab的状态和名字保存在一个attrs数组里面结构代码<template> <div
2021-05-13 09:36:18
520
原创 动态条件组件addCondition——属性选择系列组件库（design by yRan）
本组件二次封装iview和element的多个组件，可以在全局安装了Iview和element的项目或者局部引入了el-input/Select/Button/DatePicker/InputNumber的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：属性名、组合条件拼接、删除条件、条件确认、校验信息提示从上到下分别是：初始状态、七种条件拼接组合、增加条件按钮功能描述属性名和初始数据均可由父组件传参到子
2021-05-12 18:18:08
1448
1
原创 数字段子组件nToN——属性选择系列组件库（design by yRan）
本组件二次封装element的el-input，可以在全局安装了Iview的项目或者局部引入了el-input的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：范围下限输入框、范围上限输入框从上到下分别是：未输入状态，输入数字段状态，输入可清空功能描述输入数字段范围校验逻辑：下限小于上限，左侧不输入默认0，右侧不输入默认无穷大当校验不通过时，提示用户并清空输入框结构代码<templ
2021-05-12 17:50:14
173
原创 数字段组件aNtn——属性选择系列组件库（design by yRan）
本组件二次封装element的el-input，可以在全局安装了Iview的项目或者局部引入了el-input的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：属性名、数字段输入框从上到下分别是：未输入状态和输入数字段状态，输入可清空功能描述属性名和初始数字段均可由父组件传参到子组件二次封装组件nToN，详细校验逻辑见组件nToN结构代码<template> <div c
2021-05-12 16:49:58
695
原创 时间段组件aTime——属性选择系列组件库（design by yRan）
本组件二次封装iview的DatePicker，可以在全局安装了Iview的项目或者局部引入了DatePicker的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：属性名、时间选择器功能描述属性名和初始时间段均可由父组件传参到子组件点击“确定”按钮，时间确定，点击“清空”按钮时间清空左侧有快捷时间段选项，“上个月”/“本月”/“上周”等结构代码<template> <div
2021-05-12 16:32:48
523
原创 多选组件aSwitch——属性选择系列组件库（design by yRan）
本组件二次封装iview的i-switch，可以在全局安装了Iview的项目或者局部引入了i-switch的页面中自由使用。目录效果展示功能描述结构代码逻辑代码组件应用事件钩子github效果展示从左到右分别是：属性名、不限按钮、多选属性列表从上到下分别是：有选中属性（不限未选中）、无选中属性（不限选中）功能描述属性名和属性列表均可由父组件传参到子组件选中“不限”即该属性不做限制，清空后续条件选择选中条件，“不限”按钮自动取消选中状态选中属性上圆形按钮的
2021-05-12 14:24:26
1243
原创 Invalid prop: type check failed for prop “value“. Expected String, Number, got Object found in
Invalid prop: type check failed for prop “value”. Expected String, Number, got Object found in报错：无效属性——value属性类型检查失败，期望是字符串或者number或者数组，却是对象。这里的value就是指v-model绑定的值。原因：先定位，看看是哪一个页面的哪一个组件的问题，这里是select组件绑定值得问题，因为这里初始值是null，所以报错，可以把初始值改为’’，或者0。注意：进行判断的时候 a
2021-05-12 13:55:07
45001
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人