維他命～-CSDN博客

原创基于uni-app+uni ui考勤打卡H5项目定位打卡，日历打卡记录，考勤记录，绩效（地图位置）等

基于uni-app+uni ui考勤打卡H5项目功能点：定位打卡，迟到，外勤，日历打卡记录，请假，出差，补卡，考勤记录，绩效（地图位置）等；前言提示：1.该项目所有数据基于前端为数据，后期可直接调用接口替换使用；2.该项目使用uni-ui+vue开发；3.推荐使用Hbuilder X 开发工具；4.直接从github拉取后可在Hbuilder X 正常运行，但是部分使用全局导入的uniui组件会报错；5.部分使用npm install 下载可能会报错（这个可能是你的npm版本问题）：

2021-05-19 17:44:52 9029 16

原创 vue项目动态表格渲染，表格编辑，上传文件，多table表格展示

vue项目动态表格渲染，表格编辑，上传文件，多个table表格展示等（具体见代码）分享给有需要的家人们页面代码template<template> <div> <el-header style="height:50px"> <el-row :gutter="10"> <el-row type="flex" class="row-bg" justi

2021-02-04 12:38:39 1829

原创分享vue 组件间通信7种方法（父子组件间传参，兄弟组件传参）

vue 组件间通信（父子组件间传参，兄弟组件传参）前言：vue 项目中简单可以分为【父向子传参】、【子向父传参】、【组件间传参】，整理后再下面已娓娓道来1.父向子传参老规矩先上图代码：父页面<template> <div class="home" style="background:red"> <h1>父页面</h1><!-- 前面（parentData）自定义名称便于子组件调用，后面（userName）要传递数据

2020-11-17 16:43:36 1300

原创 vue 实时监听数据实现报警功能

项目需求：项目中需要实时监听数据变化达到预定值后，会触发报警功能（报警弹窗提示）问题描述：1.前台在不断获取数据时候数据传输过程中，要避免数据一直积累，页面越来越卡；2.该报警功能需要在所有页面中进行监听；解决方案：1.先做出弹框页面的组件<template> <span> <el-dialog title="提示" :visible.sync="dialogVisible" :close-on-click-modal="fa

2020-10-27 10:47:20 4096 3

原创 vue项目中去空格回车

问题：使用css属性 white-space：nowrap 无法让文字一行展示超出隐藏，显示省略号（时好时坏）为保险我采用用js 先过滤一次需要渲染的数据tansf (e){ let a = e.replace(/[]/g,"") // 去空格 a = a.replace(/[\r\n]/g,"") //去回车 return a }使用：<view>{{tansf(item)}}</view>//<view class="val

2022-04-25 10:11:43 2269

原创利用经纬度获取两点间的距离

//获取两点间的距离function pointInsideCircle(point, circle, r) { console.log(point,'当前位置'); console.log(circle,'公司位置'); console.log(r,'允许打卡位置半径'); var radLat1 = circle[0] * Math.PI / 180.0; var radLat2 = point[0] * Math.PI / 180.0; var a = radLat1 - radLat2

2021-10-15 17:55:02 213

原创生成从minNum到maxNum的随机数

function randomNum(minNum, maxNum) { switch (arguments.length) { case 1: return parseInt(Math.random() * minNum + 1, 10); break; case 2: return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10); break; default: return 0;

2021-10-15 17:53:09 245

原创封装和时间格式化相关的js,持续更新中...

1.获取当前时间使用：let time = formateDates(new Date(), 'Y-M-D')function formateDate(datetime, type) { var year = datetime.getFullYear(), month = ("0" + (datetime.getMonth() + 1)).slice(-2), date = ("0" + datetime.getDate()).slice(-2), hour = ("0" + d.

2021-10-15 17:50:10 364

原创 el-table表格设置表头、行、列或者指定单元格背景色

<el-table data="tableData" :header-cell-style="rowClass" :cell-style="cellStyle">methods: { //设置表头的颜色 rowClass({ row, rowIndex}) { console.log(rowIndex) return 'background:#f11' }, //设置指定行、列、具体单元格颜色

2021-10-15 14:24:20 1215

原创 js 获取当天00：00：00 和 23：59：59 时间戳（最简单的方法）

js 获取当天23点59分59秒时间戳//当天23点59分59秒new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1js 获取当天00点00分00秒时间戳//当天23点59分59秒new Date(new Date().toLocaleDateString()).getTime()...

2021-10-15 11:44:08 16565

原创 vue 计算属性computed和监听属性watch

计算属性computed : 支持缓存，只有依赖数据发生改变，才会重新进行计算；不支持异步，当computed内有异步操作时无效，无法监听数据的变化； computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed 如果computed属性属性值是函数，那么默认会走get方法；函数的返回值就是属

2021-07-06 17:33:42 180

原创 vue使用watch监听路由变化

使用watch监听路由变化（当路由发生变化的时候执行）方法一：watch:{ $route(to,from){ console.log(to.path); }},方法二：watch: { $route: { handler: function(val, oldVal){ console.log(val); }, // 深度观察监听 deep: true }},方法三：watch: { '$route':'

2021-07-06 17:12:29 3483

原创子父组件生命周期执行顺序

创建实例是从外到内的，渲染是从内到外的父beforeCreate>父created>父beforeMount>子beforeCreate>子created>子boforeMount>子Mounted>父Mounted>父beforeUpdate>子beforeUpdeta>子updated>父updated>父beforeDestroy>子beforeDestroy>子destroyed>父destroyed父

2021-07-05 10:03:31 70

原创 vue项目中调用高德地图vue-amap 插件的AMap.PlaceSearch简用

vue项目调用高德地图vue-amap 插件的AMap.PlaceSearch简用结合 elementui 的 el-input 直接下拉选取地点不展示地图1.下载 npm install vue-amap --save2.直接在mian.jsimport AMap from 'vue-amap';Vue.use(AMap);// 初始化vue-amapAMap.initAMapApiLoader({ // 高德key key: '自己的高德key',

2021-06-25 14:33:45 3357 11

原创 safari浏览器时间NAN问题（兼容eslint Unnecessary escape character报错）

safari浏览器时间NAN问题（兼容eslint Unnecessary escape character报错）eslint 特么就是个折磨人的小妖精，这里Unnecessary escape character 报错可以去你的正则表达式中找 \ 干掉多余的,提示：vue项目也是一样直接引入方法就可了；time.replace(/-/g, “/”) eslint会报无效转义字符错，改为time.replace(/-/g, “/”) function dateFormat

2021-05-20 13:43:49 767

原创 JQ常用入口函数、选择器、筛选选择器、方法整理

项目中 Jquery 常用选择器、方法 / Jquery 使用笔记隐式迭代: 遍历内部的dom元素的过程叫做隐式迭代链式编程:获取型：布局有链式编程设置型：具有链式编程当操作是设置型元素：可以一直链式编程当操作是获取型元素：不可以一直链式编程（断链）1.jq的入口函数1.$(function(){});2.$(document).ready(function(){ });3.jQuery(function(){});2.dom与就jq互转：d

2020-10-28 11:40:11 173

原创 vue中使用rtmp流实现视屏监控、在线直播

干货前端rtmp流视屏监控在线直播老规矩先看图简洁版（demo)项目实战版(直播&监控）再直接干代码(推荐先把简洁版搞出来，提升信心，在撸项目）这是项目中代码，里面接口因为项目奇葩需求进行特殊封装（下面有简洁版的） <div class="main-chart-container"> <div class="main-top-title" style="margin-bottom:10px;padding-left:1

2020-10-27 12:33:02 3405 2

原创 vue时间格式化方法

项目场景：在vue 项目中使用elementui中的时间选择器时候，我们拿到时间数据不一定是转换后的格式，这时候就需要将时间格式转换后，再向后台传参、请求直接在methods里定义dateFormat(time) { let date = new Date(time); let year = date.getFullYear(); let month = date.getMonth() + 1 < 10 ? "0"

2020-10-27 09:59:57 1358

原创 vue中实时时间控件

时间控件（组件化可直接导入使用）效果图<template> <div class="LoginClock"> <div class="time">{{time}}</div> <div class="date">{{date}}</div> </div></template>// An highlighted block<script>export defa

2020-10-27 09:39:20 696

原创 vue带参请求，登录时效（防止重复登陆）

vue 项目实现请辞请求之前携带参数（token）import axios from './network/baseRequest' //这里给每次请求封装Vue.prototype.axios = axios// // 发送请求axios.interceptors.request.use( config => { config.withCredentials = true // 允许携带token ,解决跨域产生的相关问题 let token = sessionStorag

2020-10-26 15:26:00 950

原创前端开源自定义报表luckysheet.js

前端开源自定义报表luckysheet.jsdemo实例代码片此处增加保存、加载、导入、导出JS功能配置参考https://mengshukeji.github.io/LuckysheetDocs/guide/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

2020-10-26 15:05:56 4208 2

Navy