- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue打包docker镜像并推送阿里云简单步骤
1、安装docker https://www.docker.com/products/docker-desktop/7、Docker login 与镜像仓库建立连接。2、设置setting 阿里云加速。3、编写dockerFIle。8、打包镜像docker。6、阿里云创建镜像仓库。4、项目下进入cmd。
2023-08-23 17:40:01
273
1
原创 vue中使用 el-table 合计表头并自定义合并列并显示后端返回的合计数据
效果图html <el-table ref="table" :data="tableData.list" style="width: 100%" :header-cell-style="{ background: 'var(--shallow-green)' }" :row-class-name="rowBgClass" border size="medium" sho
2022-01-21 17:30:25
2758
1
原创 vue做excel文件导出(后端给的是二进制流)
/* 使用方法 import { downLoad } from 'this文件' downLoad(url,params,name) 参数说明： url:下载地址 params: 请求参数 name: 文件名称*/import axios from 'axios'const downLoad = function(url, params,name) { // imcis/safe/cisSmRedflagMaterscrtempl/exportExcelByEvalType
2021-10-13 15:18:28
492
原创 vue移动端使用科大讯飞的语音识别(语音听写)
tips:项目中碰到一个需求，用户语音转文字，在提测的前一天，突然想起来自己一直把这个功能搁置着，急得不可开交，从下午两点到8点，一直没弄出来，找到的文档有说语音识别功能必须用webpack4.0以上，又走歪路去把项目配置从3.6转到4.+又导致配置炸裂------我心情也直接炸裂有幸被朋友告知了一个封装好的科大讯飞的插件voice-input-button2真的很好使很好使npm i voice-input-button2 -save -dev在main.js中引入import voiceI
2021-09-26 22:31:56
3444
18
转载 weixin-js-sdk下的录音并转化为文字功能(VUE)
weixin-js-sdk下的录音并转化为文字功能(VUE)1.引入weixin-js-sdkimport wx from 'weixin-js-sdk'如果没有下载请npm install weixin-js-sdk2.methods中开始调用const _this = wxgetWeiXin(){//this.$http等价于axios，封装过 this.$http({ url: '后台给的接口里面有config的东西', }).then(res=>{
2021-09-24 10:43:03
802
转载 Vue移动端使用微信JS-SDK实现分享功能
1、通过npm安装微信的js-sdk，或者在index.html页面中直接加script标签来引用npm install weixin-js-sdk在需要分享的页面中引入import wx from 'weixin-js-sdk'2、调后端接口获取需要传的参数数据3、通过config接口注入权限验证配置完整代码如下：request.post('xxxxx', params).then((res) => { console.log('data', res.data)
2021-09-24 10:37:47
762
原创 请在微信客户端打开链接
用js限制网页只能在微信浏览器中打开用js限制网页只在微信浏览器中打开对浏览器的 UserAgent进行正则含有微信独有标识的则为其他浏览器$(function({// 判断页面是否是在微信浏览器打开// 对浏览器的 User Agent进行正则匹配,不含有微信独有标识的则为其他浏览器var useragent= navigator.userAgent(if(useragent.match(/MicroMessenger/i) !='MicroMessenger'){ window.
2021-09-22 09:36:14
1272
原创 vue移动端rem适配
vue移动端自适应postcss-pxtorem：转换px为rem的插件安装 postcss-pxtoremnpm install postcss-pxtorem --save新建rem.js文件const baseSize = 32// 设置 rem 函数function setRem () { // 当前页面宽度相对于 750 宽的缩放比例，可根据自己需要修改。 const scale = document.documentElement.clientWidth / 750 //
2021-08-31 22:02:10
99
原创 uni-app写微信小程序获取定位信息(疼逊地图api)
####直接上代码// 获取当前地理位置 授权验证getCurrentLocal() { let that = this; wx.getSetting({ success(res) { console.log(res,'getSetting') if (res.authSetting['scope.userLocation'] == false) { // 如果已拒绝授权，则打开设置页面 uni.showModal({ title:'提示',
2021-08-07 23:43:15
214
转载 uni-app微信小程序分享功能
1、创建一个js文件（share.js）export default{ data(){ return { //设置默认的分享参数 share:{ title:'ALAPI', path:'/pages/index/index', imageUrl:'', desc:'',
2021-07-22 14:19:30
422
原创 web页面js碰到过的问题
1、碰到的坑是：经理让我改其他人写出来的bug(a,b两个页面互相影响，进入a页面正常，进入b页面就不正常，必须刷新后才会显示正常的内容，然后退出再进a页面就显示不正常,刷新后正常，退出再进b页面又显示不正常，如此反复…)，然后我就一直看代码看代码,就是找不到问题所在，就想着，干脆让你们进来后自动刷新得了，就使用了location.reload()方法，但这时又出现了新的情况，他刷新后，又会走到这里，就会无限刷新，然后就被气到了，思路堵住了就只能找找度娘上有没有前辈们也碰到过(我的想法是，肯定也有大佬碰
2021-06-17 16:06:55
97
原创 一份前端面试题
https://github.com/Advanced-Frontend/Daily-Interview-Question/blob/master/datum/summary.md
2021-06-04 16:22:26
75
转载 js控制点击某input以外的区域触发input的blur()
情况还原：li元素的子元素input绑定blur后发现点击空白区域可以出发input的blur事件 但是点击li元素不会触发（原因我也不知道为啥 我是做后台的）于是采用以下方式在点击除该input以外的区域强制加上input的blur事件代码如下：//控制点击input以外的区域会触发input的blur事件$(document).mouseup(function (e) {var con = $(".UrlInput"); // 设置目标区域if (!con.is(e.target) &am
2021-06-03 23:18:42
1629
原创 jquery写的一个单侧叠加轮播图
由于工作中一直百度，捡现成的，所以今天找了好久的demo但是没找到合适的，最后打算自己试一试，就写出来一个简陋的demo，这个效果我管他叫 单侧叠加轮播图，也有人叫卡片式轮播图，代码如下html|<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2021-06-02 18:28:30
293
2
转载 uni-app监听页面内滑动
uni-app 中监听触摸事件，滑动事件手指滑动事件关键点在于三个事件：1、@touchstart ：触摸开始；2、@touchmove：手指滑动的过程；3、@touchend：触摸结束，手指离开屏幕。<view class="margin-top-sm showMore-box" :style="{ transform: 'translateX('+moveX+'px)', transition: transition }" @touchstart="start"
2021-05-30 22:24:38
1870
原创 js监听DOM的简单封装
function handleEvent (eventName, {onElement, withCallback, useCapture = false} = {}, thisArg) { const element = onElement || document.documentElement function handler (event) { if (typeof withCallback === 'function') { withCallback.call(this
2021-05-28 18:35:27
120
转载 转载群友发的vue2.x学习笔记
出处：https://blog.csdn.net/aa67567456/article/details/117233377?spm=1001.2014.3001.5501
2021-05-25 12:01:05
73
原创 js获取url后面参数的封装函数
function getQueryVariable(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} }
2021-05-22 20:19:34
146
转载 js监听屏幕滑动
前言存在这么一个需求，根据用户在屏幕不同的滑动方向（上、下、左、右），使用js脚本判断出不同的滑动行为，更新网页为不同的界面。源码参考了博文[1]的源码，但由于存在一些漏洞，比如：上下滑动事件监听失效等bug，变更了判断滑动必须大于30像素的长距离为大于0像素的短距离。使用了JS的几项底层事件API：event的事件类型touchstart、touchmove、touchend、touchcancelevent用于跟踪触摸的属性touches、targetTouches、changeTouc
2021-05-13 16:08:03
1022
转载 随笔
碰到一个写的很好的jquery写的时间线物流插件，虽然没用上，但是保存一下版权声明：本文为CSDN博主「九宝妈咪」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/elisunli/article/details/79233189...
2021-05-04 22:01:44
62
转载 在网上找的一个处理数字四舍五入保留小数点后的函数
keepTwoDecimalFull(num, p) {let result = parseFloat(num);if (isNaN(result)) { alert('传递参数错误，请检查！'); return false;}let multiplicator = Math.pow(10, p);result = Math.round(num * multiplicator) / multiplicator;let s_x = result.toString();
2021-03-31 09:49:18
103
原创 群里大佬分享的一个关于axios的 文章
手写Axios核心https://juejin.cn/post/6936877920304496677推荐阅读
2021-03-08 11:17:46
53
原创 移动端做搜索input
<input class="foodName" v-model="searchval" type="search" @input="onInput" placeholder="输入实物名称" confirm-type="search" @confirm="doSearch" />使用confirm-type=“search” @confirm="doSearch"会自动将设备的软键盘的回车改为搜索并执行回车键...
2021-01-05 16:59:55
239
原创 正则积累
匹配xxxx(年)0001 - 9999，匹配YYYY的正则表达式为：[0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3}
2021-01-05 10:39:22
50
原创 使用js截取一段文字，使中间变为...
使用js截取一段文字，使中间变为…这就是字符串的一个基础用法，只是有时候想法被局限了没想到<script> var str = "阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴";var subStr = getSubStr(str);console.log(subStr);function getSubStr (str){ //var str = "阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴"; var subStr1 = str.substr(0,5);
2020-12-28 15:51:32
520
原创 浏览器复制文本的封装
浏览器复制文本的封装我这边是用到了。但是又怕记不住下次再查，所以就存一下function copy(id, text) { const range = document.createRange(); range.selectNode(document.getElementById(id)); const selection = window.getSelection(); if (selection.rangeCount > 0) selection.removeAllRa
2020-12-28 15:25:01
119
原创 获取前后n天的日期及转换
js获取当前指定的前几天的日期（如当前时间的前七天的日期），倒计时js获取当前时间。格式为2016-03-23.var d = new Date(), mon = parseInt(d.getMonth()+1), str = ""; if(mon<10){ str = d.getFullYear()+"-0"+(d.getMonth()+1)+"-"+d.getDate(); }else{ str = d.getFu
2020-12-17 11:46:48
192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人