自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

全易

记录、分享、共赢。

  • 博客(302)
  • 资源 (6)
  • 问答 (77)
  • 收藏
  • 关注

原创 使用vue过滤器提取项目中数据字典的汉字

说明项目中的下拉菜单太多返回的数据也是对应的码代码那么我们可以封装个全局过滤器,用于灵活转数据字典的对应文字// 文本化数据字典tansfortext(value, dictionaries) { console.log(value, dictionaries); return dictionaries.find(item => { return item.code_value === value }).code_name; }两个参数,第

2022-04-13 10:59:05 225

原创 vue封装的通用五级地址联动选择器组件 [拿来即用]

调用:清楚验证:提交数据<template> <el-form :model="forms" :label-width="labelWidth + 'px'" :rules="rules" ref="forms" > <el-row :gutter="10"> <el-col :span="col"> <el-form-item :label=.

2021-09-08 10:28:14 1474 15

原创 vue 动态变化标签的属性、事件

@time 2022-08-30 10:32:55 星期二。* @description 测试动态属性、事件。* @author 全易。

2022-08-31 09:21:08 141

原创 echarts+高德地图结合开发

echarts+高德地图结合开发

2022-08-16 14:28:09 207

原创 echarts 容器自适应

是浏览器的视窗发生尺寸变化时的响应,如果浏览器视窗不变而页面里面的容器发生变化,怎么办?无论是容器发生变化,还是全屏都可以响应resize。//执行你的echarts resize()那么我们就可以使用 可以理解为容器的映射吧。......

2022-08-10 11:20:14 199

原创 vue项目全局监听click点击事件,将其防抖处理

比如控制在3s内只执行一次:那么在main.js里放入:const on = Vue.prototype.$on;Vue.prototype.$on = function (event, fn) { let timer; let flag = true; let newFN = fn; if (event === 'click') { newFN = function () { if (flag) { fn.apply(this, argument

2022-05-09 16:52:34 1737

原创 vue mixin混入的使用

举个例子,比如基本上每个页面都有筛选数据的功能,筛选完了要清空重置数据的按钮:那么每个页面都写一遍重置按钮的方法吗?那就太臃肿了此处有更优方案,使用vue的mxin:这就是重置按钮的功能了那么效果:https://cn.vuejs.org/v2/guide/mixins.html...

2022-05-06 13:24:36 299

原创 html 全局配置基路径:base标签的使用

全局全局配置基路径使用base标签即可搞定本站的所有需要路径的地方,比如img的src,a的href等<html> <head> <base href="https://baike.baidu.com" target="_blank"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> &lt

2022-04-15 17:46:51 255

原创 vue+elementUI动态表格式表单校验

<template> <el-form v-show="show" :inline="true" :model="ruleForm" :rules="ruleFormRules" ref="ruleForm" > <div class="d-flex justify-content-between align-bottom"> <el-form-item label="小时服务费" prop="to

2022-04-12 10:38:23 1084 1

原创 web调用系统通知 Notification的使用

案例:<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>Notification</title> <meta name="viewport" content="width=device-width, initial-scale=1"></head><body> <script

2022-04-08 14:44:28 134

原创 web Worker前端多线程任务执行

https://developer.mozilla.org/zh-CN/docs/Web/API/Worker就是单独去执行一个任务,不影响主线程的任何操作案例:主线程<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>worker</title> <meta name="viewport" content=

2022-04-08 14:25:21 891

原创 接口请求封装下载功能

封装import axios from 'axios'import { Message } from 'element-ui';export default { excel(params) { axios({ method: 'post', responseType: 'blob', url: process.env.BASE_URL, data: { key: "8e15edc35cb68460d4jn08b849okn

2022-04-07 11:12:29 585

原创 海康威视WEB3.0控件开发包提供的demo 调试

设备概览:网线 ×3录像机 ×1交换机 ×1摄像头 ×1设备间连接方式:一根网线连接电脑到交换机一根网线连接摄像头到交换机一根网线连接录像机到交换机下载官方demo我这设备支持websocket取流,所以需要下载WEB3.0控件开发包 V3.0配置电脑环境需要保证设备与电脑之间在一个网段查看录像机的ip:那么你的电脑也必须在192.168.1.啥啥啥:启动demo安装插件:启动环境:在IE浏览器预览demoWEB无插件开发

2022-02-27 11:49:53 4198 5

原创 前端使用vue-video-player做直播流视频

安装:npm install vue-video-player --savenpm install videojs-contrib-hls --save引入:import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')import "videojs-contrib-hls"Vue.use(Vi

2022-01-19 17:39:05 2243 2

原创 超好用的前端全屏插件

官网:添加链接描述安装npm install vue-fullscreen引入import VueFullscreen from ‘vue-fullscreen’Vue.use(VueFullscreen)使用<template> <fullscreen fullscreen-class="big-view bg-white" :page-only="true" :exit-on-click-wrapper="false" v-mo

2022-01-14 13:18:37 427 2

原创 vue 监听父组件是否用到了子组件封装的插槽

在子组件打印一下:mounted(){ console.log(this); },说明用到了两个插槽:left和columns

2021-12-30 10:51:13 476

原创 vue 监听父组件是否用到了子组件封装的事件

mounted(){ console.log(this.$listeners);}父组件子组件打印看看:

2021-12-30 10:31:19 431

原创 vue自定义组件:父组件给子组件传值时,属性定义成用横杠隔开

2021-12-28 14:30:12 362

原创 vue 在自定义组件上使用 v-model

组件props必须定义value属性:是用来与父组件的v-model相呼应的向父组件传递数据:父组件v-model接收的数据使用组件效果:

2021-12-22 16:46:09 37

原创 配置微信小程序添加企业微信为好友的组件

在企业微信上配置客服人员配置微信小程序后台配置代码使用处:效果

2021-12-13 15:22:59 975

原创 js 获取首字母

<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> </head>.

2021-11-04 10:54:48 609

原创 uniapp 微信小程序最简单的生成图片示例

<canvas v-show='toPicture' canvas-id="save-picture" :disable-scroll="true" style='width:375px;height:580px'></canvas><button type="default" @tap="toIMG">转图片</button>// 变量toPicture: false// 按钮点击事件toIMG() { this.toPict.

2021-09-01 11:12:27 2659 4

原创 js 原生最简单简洁的打印

67、我是一个很有原则的人,说到底我做人的原则只有三个字,看心情。 68、身在福中不知福,说的是有些人已经发福了,但自己却装作不知道一样。 69、教室里拆开了一包零食就像人民广场喂鸽子,学校里带了一包面纸就好比城市广场发传单。 70、还没有拉黑你的原因是,可以在失落的时候,看看你过得有多惨,然后瞬间精神抖擞。 71、跟人说冬天东北的铁皮是甜的,总有人不信,还觉得这里面一定有什么猫腻,但就是忍不住要亲口尝一下。

2021-08-25 14:20:45 80 1

原创 uniapp 微信小程序的弹框文字换行

使用``的字符串是可以生效的使用\r\n也是可以生效的以上在微信调试工具上不生效,但在真机上有效

2021-08-10 13:32:00 594

原创 js 格式化层级关系为数组树结构

// 格式化层级关系formatData:function(source, configs) { const config = configs; const data = [...source]; return data.filter((father) => { let branch = data.filter( (child) => father[config.s_id] === child[config.p_id] ); father.ch.

2021-08-09 14:30:25 131 1

原创 js 对比两个数组是否相同

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <script type="text/javascript"&gt

2021-08-02 09:43:02 1120 6

原创 elementUI表格合并行

<el-table border ref="table" height="520" :cell-class-name="mergeTableRowCss" :span-method="mergeTableRow" :data="directoryPriceTableData" > <el-table-column header-ali.

2021-07-30 13:16:49 1980

原创 vue 性能优化之降低app.js的体积,使用cdn引入

echarts引入:使用:高德地图引入:使用:

2021-07-08 17:58:40 238 1

原创 html a标签的神奇作用:下载、锚点、位置、发邮件、发短信、打电话

下载:<a href="文件所在地址" download="文件名">点击下载</a>发邮件- 发普通邮件- 发预设邮件

2021-05-12 13:55:39 96

原创 uni-app注册全局组件

就可以在任意地方使用<ly-tree-node />了

2021-04-30 14:50:45 831 2

原创 Object.defineProperty() 给对象添加字段

假如给vue对象想添加axios方法,一般都是:我们也可以换一种写法:

2021-04-30 14:27:49 183

原创 elementUI 显示局部加载loading

给div加v-loading即可,其他属性选配<div v-loading="loading" element-loading-text="地图加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, .9)"></div>

2021-04-26 16:23:32 5666 1

原创 elementUI递归渲染多级菜单栏

需要将组件拆分为两个:菜单栏容器一个,菜单栏列表一个菜单栏列表<template> <div class="menu-list"> <template v-for="item in data"> <el-submenu v-if="item.children.length > 0" :key="item.menuIdStr" :index="item.menuIdStr"

2021-04-26 09:59:18 552

原创 css 毛玻璃: backdrop-filter

backdrop-filter: blur(5px);

2021-04-22 13:01:59 161

原创 高德地图鼠标经过点标记显示信息窗体

创建点标记:实例化信息窗体放入鼠标移入/移出事件

2021-04-21 11:29:36 1505 2

原创 基于element封装的拖动列顺序、增减列

三个组件表格可拖动:<template> <div class="drag-table" :class="{ 'table-moving': dragState.dragging }"> <el-table ref="table" v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading".

2021-04-16 16:00:19 257

原创 vue判断首次加载和刷新

mounted() { // console.log(performance); switch (performance.navigation.type) { case 0: console.log("首次加载出来了"); break; case 1: console.log("页面刷新完了"); break; }},

2021-04-06 14:52:39 458

原创 浏览器引入腾讯QQ的登陆

使用文档:https://wiki.connect.qq.com/js_sdk%e4%bd%bf%e7%94%a8%e8%af%b4%e6%98%8e引入QQ提供的依赖:https://connect.qq.com/qc_jssdk.js代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=devi.

2021-04-06 10:12:31 106

原创 使用element的Cascader级联选择器进行地址三级联动

<el-cascader filterable :props="selectAddressConfig" :options="address" @change="selectAddess"></el-cascader>selectAddressConfig:selectAddressConfig: { lazy: true, // checkStrictly: true, lazyLoad(node, resolve) { con.

2021-04-02 17:10:04 967

原创 微信支付分前端开发流程

我们用的是【免确认模式】https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter3_1_3.shtml查询授权情况后端给接口拿支付分的预授权 token后端给接口去预授权uni.navigateToMiniProgram({ appId: 'wxd8f3793ea3b935b8', path: 'pages/use/enable', extraData: { apply_permissions_token: r

2021-03-26 16:14:08 390

将web网站安装为桌面应用

如同https://hoppscotch.io/一样

2022-04-08

chrome v44 浏览器

windows64位的谷歌浏览器v44版本下载

2022-03-15

初始化uniapp架构

- 自定义全局组件在`components/`里 - 封装的全局请求在`request`里 - `utils`里是封装的小工具 - 页面文件在`pages/`里:主包是`main-package`目录、分包是`sub-package`目录。分包需注意:组件、插件、等封装的任何东西都需要放在`main-package`目录里!!!

2021-10-26

address.zip

中华人民共和国行政区划(五级):省级、地级、县级、乡级和村级。的数据

2021-09-08

init-vue-project.zip

已配置好请求拦截、响应拦截,打包清除log,导航守卫、拦截,全局指令、组件、过滤器等文件的初始化,依赖皆采用CDN引入。封装好了权限菜单的功能、tab页、在story。

2021-07-14

dmg2img.zip

.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img.dmg文件转.iso的工具:dmg2img

2020-09-01

uniapp微信小程序 .onOpen is not a function

2022-09-23

elementUI的loading提供的close方法不生效

2022-08-09

为什么vue正式环境拿不到自定义的环境变量

2022-07-07

微信小程序为什么会有重复的手机号不同的openid?

2022-06-02

uniapp怎么写全局防抖?

2022-05-09

vue为什么import()、require()不能以参数的方式导入?怎么动态导入文件呢?

2022-05-07

js怎么调用动态的函数?

2022-05-07

怎么获取手机屏幕下方横条的高度?

2022-03-16

同样是vue2x,怎么目录结构不一样呢?

2022-02-09

前端监控视频呈现技术

2022-01-10

浏览器有没有将网页安装为应用的API?

2021-12-15

可以用websoket做查询的接口吗?

2021-12-13

elementUI form表单先点击编辑,再点击新增的话,上次遗留数据没有清空

2021-12-09

js 怎样对比两个数组?并且将不一样的数据提取出来

2021-11-24

elementUI 树形控件el-tree 怎么做角色管理的授权功能?

2021-10-26

网页端比起电脑端软件和手机端软件有什么优略势?

2021-10-25

uCharts的标记线不生效啊?

2021-10-18

uCharts怎么自动识别负数,使柱状图往横坐标下面走?

2021-10-18

uCharts纵坐标怎么显示为小数?

2021-10-18

动态路由怎样异步加载页面文件?

2021-09-27

后端过一遍接口文档能熟悉业务逻辑吗

2021-09-26

elementUI 这样的复杂表格该怎么合并?

2021-07-30

微信小程序怎么跳转本地的html页面?

2021-07-12

vue项目中,三种声明变量的区别?

2021-07-06

个人的微信小程序可以使用服务推送吗?

2021-06-21

vue项目 安装的依赖但没引入会打包吗

2021-05-14

vue项目引入QQ登陆文件报错

2021-04-06

element的Cascader级联选择器,地址联级怎么回显?

2021-04-02

vue router 怎么判断跳转空白页了?

2021-03-17

vue 同一个页面怎么同时打开浏览器的多个页签?

2021-03-15

js 对象怎么转数组对象?

2021-03-05

vue-router怎么重新加载本页?

2021-02-26

uniapp 点击地图的标记点怎么拿到它的数据?

2021-02-25

element 怎么上传图片时带其他参数?

2021-02-24

求荐vue+echarts的可视化数据大屏资源

2021-02-20

高德地图怎么才能只渲染局部地图?

2021-02-20

elementUI的 Cascader级联选择器怎么做地址回显?

2021-02-02

axios 请求发不出去,后端根本都收不到,为什么?

2021-01-22

vue 组件怎么重新渲染?

2021-01-11

接口请求报:(failed) net::ERR_FAILED

2021-01-08

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除