- 博客(43)
- 收藏
- 关注
RSS订阅
原创 windows中如何将已安装的nodejs高版本降级为低版本
第一步：先清空本地安装的node.js版本1.按健win+R弹出窗口，键盘输入cmd,然后敲回车（或者鼠标直接点击电脑左面最左下角的win窗口图标弹出，输入cmd再点击回车键）然后进入命令控制行窗口，并输入where node查看之前本地安装的node的路径2.找到上面找到的路径，将node.exe所在的父目录里面的所有东西都删除3.为了彻底删除之前安装的node.js，鼠标点击电脑左面最左下角的win窗口图标弹出，输入“控制面板”再点击回车键进入，进入控制面板后，找到所安装的node.js并
2020-11-27 18:15:44
89658
77
原创 React中如何解决点击＜Tree＞节点前面三角区域不触发onClick事件
React中如何解决点击节点前面三角区域不触发onClick事件，如何区别‘左边’和‘右边’区域点击逻辑呢？（Tree引用开源组件TDesign）提示：nodeAnde参数包括节点内容和event事件详情。
2023-11-23 14:58:47
947
原创 uni-app支持vue3（小程序、h5、app等）多端开发
uni-app支持vue3（小程序、h5、app等）多端开发以及控制台报错解决
2022-09-20 17:03:00
4575
1
原创 vue.config.js文件配置devServer和devServer.proxy多个代理地址
vue.config.js文件配置devServer和devServer.proxy多个代理地址
2022-08-25 17:16:12
6269
原创 在Vue2和Vue3中事件总线的使用与区别
在Vue升级到3.0版本后，事件总线使用的方式有些许改变，Vue2可以直接使用new Vue()；在Vue3中，推荐使用mitt来帮助我们实现全局事件总线和局部事件总线。接下来让我们来对比2和3版本的使用和区别......
2022-07-27 16:47:49
1631
原创 Vue的mixins（混入）机制使用
mixins是vue提供的一种混入机制（可以直接在Vue里面使用，不用额外安装什么依赖），能够更好地实现组件功能复用，混入对象（mixins）可以包含任意组件选项（data、created、mounted、methods、computed、filter等），组件引入mixins后，相关选项会进行合并，相当于引入后，父组件各属性和方法进行了扩充。...
2022-07-27 11:01:28
1613
原创 Vue使用echarts雷达图自定义弹窗页
Vue使用echarts雷达图自定义弹窗页，如果雷达图出现多选的情况，鼠标放上去雷达图的每个拐角处时要展示选到的所有主体的该属性的值，维度是从每个拐角处出发。
2022-07-22 10:59:15
1586
原创 Vue使用echarts地图进阶1（实现单次下钻功能）
Vue使用echarts地图进阶1（实现单次下钻功能），由于涉及的JSON文件不多，所以结合axios，按需动态请求本地JSON文件
2022-04-02 16:56:15
2158
原创 uni-app小程序项目隐藏不过审内容方法
微信小程序代码上传发布审核时，有时候会因为部分内容审核不通过，为了避免这种内容，需要在提交审核前定时隐藏不过审内容。在项目main.js文件里面写上一个定时器：//实时动态获取当前时间timestamplet timestamp = (new Date()).getTime();//intervalTime位置需要填入你想隐藏的时间段（毫秒数），比如隐藏9小时：9*60*60*1000let intervalTime = 9*60*60*1000;//submitTime位置需要填入你打包代码的
2022-02-16 10:36:08
1289
原创 自定义全局组件：解决微信小程序元素被头部栏遮挡的问题
前言：用于解决微信小程序元素内容被顶部栏遮挡的问题，在不同型号手机分别撑起一定高度与头部自定义导航栏一致的盒子1、封装一个组件（如：uni-header-box.vue）<template> //1、封装一个组件 <view :style="style" /></template><script> export default { data() { return { /* 设定状态栏默认高度 */ statusBarH
2022-01-26 16:32:52
5863
1
原创 IOS和安卓展示时间兼容问题
1、兼容问题：IOS手机不支持“2021-12-30 22:22:30”里面带横杠“-”的时间格式，它只支持“2021/12/30 22:22:30”带斜杠“/”的时间格式，安卓手机则两种时间格式都兼容2、解决方法：将横杠“-”替换成“/”即可，var oldTime = "2021-12-30 22:22:30";var newTime = oldTime.replace(/\-/g,'/');console.log(newTime);//"2021/12/30 22:22:30"3、拓展①
2021-12-31 01:24:26
2528
原创 vue的插槽slot使用
前言：有时候我们封装一个公共组件，里面的内容是需要根据自己调用时动态展示内容的，此时插槽是个不错的选择。1、不具名插槽：我们封装了一个A组件，如果我们想要动态往A组件添加内容，这时在A组件里面安一个插槽slot，即<template> <view class="content"> <slot></slot> 这是父组件内容 </view></template>然后在引用A组件时,下面的内容会内嵌到A组件里面：&l
2021-10-12 16:43:33
394
原创 uni-app引入vuex状态管理
一、引入vuex，在项目根目录创建文件夹store，并创建文件index.js（uni-app已经内置了vuex，所以我们直接引入就可以了）
2021-09-12 16:14:55
1010
原创 uni-app刘海屏处理
前提：本次主要是解决刘海屏的问题，比如下面这种：1、在main.js封装一个函数（全局封装，这样子就可以在任意页面用this调用该函数）Vue.prototype.getPhoneInfo = function(){ const phoneInfo = uni.getSystemInfoSync();// 获取手机系统信息 let statusBarObj = { statusBarHeight: 20/* 状态栏默认高度 */ //如果自己有需要其他属性的话，可以往这里添加 } //
2021-08-29 18:13:27
3408
原创 uni-app获取元素节点数据(H5、小程序)
前言：uni-app开发中，有时候我们需要获取页面某一元素节点的一些信息数据，接下来就让我们来看看对于H5和微信小程序如何获取。// #ifdef H5// #ifdef以上为成套，表示H5才能执行此代码；想要在微信小程序执行的话就需将H5换成MP1、H5// #ifdef H5 var left = this.$refs.refDivName[index].$el.offsetLeft// #endif上面表示获取某元素的左边界坐标距离。refDivName就是我们想要获取的元素，给该元
2021-08-28 23:29:44
14237
3
原创 vue使用lib-flexible实现屏幕适配
前言：有时候我们要用到屏幕灵活自适应，就不能将页面高度写死；所以怎么办呢？需要引入lib-flexible使用。引入方法及配置如下所示：注：此方法是针对vue2.X版本配置的。1.npm install lib-flexible -S //安装lib-flexible2.import 'lib-flexible //在vue项目里面的src目录下的main.js文件全局引用'3.将vue项目下的index.html文件里面的一行代码注释掉，否则lib-flexible可能不会起作用：4.在no
2021-08-01 01:10:04
8649
6
原创 git生成秘钥配置SSH公钥及sourceTree的配置使用
配置SHH是为了方便我们拉取、提交代码的时间免密码输入，特别方便。接下来让我们来看看如何配置：1.首先安装git：先到官网下载：官网下载git2.然后安装成功后在桌面任意空白处右击，选择Git Base Here即可如下图：...
2021-07-23 11:44:07
1385
1
原创 webStorm打开项目代码一直卡顿打不开
有时候我们使用webStorm编辑器打开项有些项目时会出现加载卡死甚至打不开，亦或者可以打开项目但是操作代码时很卡顿的情况。如果出现这种情况（按下面的步骤顺序来哦！）：1.先强制关掉webStorm运行进程（同时按ctrl+alt+delete键弹出进程运行页面，选中后结束进程即可）。2.打开项目代码所在的存储位置，删除之前npm install的依赖包，就node_modules文件夹（一定得先删，后面再步骤再重新安装）。3.删了node_modules文件夹后，将项目用鼠标拖到webStorm桌
2021-05-13 11:10:29
3457
1
原创 vue项目的el-table表格内容数值转为文字
1.如下图所示，有时候我们要在“文件类型”这一行显示文字，但是从后台获取的字段值是数字，所以需要转换一下2.转换：（１）HTML代码：<el-table-column label="文件类型"， prop="fileType" :formatter="stateFormat"> </el-table-column>其中，接口获取到的字段是fileType，我们需要在el-table-column这一行标签里面加上:formatter=“stateFormat”（state
2021-05-13 10:32:08
5409
原创 如何用CSS做动画效果
1、使用“@keyframe 类名”来定义动画过程，一般写在目标类名同级即可。例子代码如下：（达到图片缩放动画效果）@keyframes iconXY{ 0%{ transform: scale(1); opacity: 0; } 25%{ ransform: scale(1.3); opacity: 0.5; } 50%{ transform: scale(1.5); opacit
2021-04-08 17:14:16
689
原创 el-select去掉边框
1.前提：引入插件el-select，但是不需要边框线条<el-select class="sel" size="medium" style="width: 95px;" v-model="flagType"> <el-option v-for="o in flagTypes" :label="o.name" :value="o.val"></el-option></el-select>2.去掉边框的方法：.sel{ positi
2021-04-07 15:41:21
8447
4
原创 组件化封装遮罩层弹窗
平时我们在些前端逻辑页面的时候，经常会出现需要小弹窗–弹窗或新增专题或修改内容等等，为了弹窗展示效果好，当我们打开弹窗时会出现一种遮罩层的效果，如下所示：接下来，让我们来看看它是如何实现的。先封装一个vue组件，如openTc.vue代码如下：<template> <div> <el-dialog :id="id" append-to-body :visible.sync="
2021-03-24 16:15:25
603
原创 多行文本省略号没效果解决方法，亲测有效！
1.有时候我们在“设置多行文字省略号”的时候会出现没有出现省略号…效果，比如下面的代码：如果采用以下这些代码，发现没有出现省略号效果overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;//在第几行文字尾部出现省略号2.但是只要加上两行代码就可以出现省略号效果了，如下：只要加上中间那两行代码即可(注释符也要一起加上去哦！)ov
2021-01-29 11:49:36
1307
原创 Form FormItem内组件间的垂直间距控制
前提：Form表单有挺多默认的设置，比如同个表单里面组件间的垂直间距的大小。例子如下：1.下面是Form表单默认的样式(Form默认组件间的垂直间距是24px)2.下面修改后组件间的垂直间距，这里你可以随意修改成想要的像素，.ivu-form-item这个类名位置写在style标签之间即可！...
2021-01-20 18:04:30
6886
1
原创 如何使用框架进行微信小程序开发(详细版！)
一、mpVue(Vue in Mini Program)1.1 简介1.美团工程师推出的基于Vue.js封装的用于开发小程序的框架2.融合了原生小程序和Vue.js的特点3.可完全组件化开发1.2 特点1.组件化开发2.完成的Vue.js开发体验(前提是熟悉Vue)3.可使用Vuex管理状态4.Webpack构建项目5.最终H5转换工具将项目编译成小程序识别的文件1.3 初始化项目1.npm install vue-cli -g 下载vue脚手架2.vue init mp
2021-01-11 17:23:55
3247
1
原创 解释flexbox(弹性盒布局模型)以及适用场景
一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。****(注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效) ****1.1任何一个容器都可以指定为 Flex 布局。.box{display: flex;}1.2行内元素也可以使用 Flex 布局。.box{display: inline-flex;}1.3Webkit 内核的浏览器，必须加上-webki
2020-10-27 22:49:14
556
原创 axios和api的封装，请求后台接口数据管理
axios和api的封装管理(前后端分离，请求后台接口数据管理)axios封装在使用vue框架项目中，和后台交互获取数据的时候，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等等。直接推荐我们使用axios库。安装1.npm install axios --save;//在开发环境中安装axios库引入一般在项目的src根目录下新建一个api文件夹，然后在api文件夹里面新
2020-08-28 17:06:03
480
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人