qq_40194097的博客

原创 Missing return type on function

typescript 报错 Missing return type on function 编译不下去class Snake { //表示蛇得元素 head: HTMLElement; bodies: HTMLCollection; //蛇身体包括蛇头 //获取蛇得容器 element: HTMLElement; constructor() { this.element = document.getElementById("snikeAnimal"); this.

原创 Type ‘number‘ is not assignable to type ‘string‘

document.getElementById('gohanCost').innerHTML = 0;报错：Type ‘number’ is not assignable to type ‘string’类型“number”不可分配给类型“string”解决方法document.getElementById('gohanCost').innerHTML = "" + 0;ordocument.getElementById('gohanCost').innerHTML = String(0);

原创 华为快应用 报 No certificate signature

华为快应用真机调试时候会给手机下载驱动“快应用加载器”，下载安装完成后如果没有导入证书会报No certificate signature错误，即无证书签名 证书签名是在注册华为账号的时候下载的，类似下图文件在快应用中直接在证书导入进去...

原创 uniapp toast 记录

1.成功提示框uni.showToast({title: '提交成功',duration: 2000});2.纯文字提示、uni.showToast({title: '请填写员工工号',icon:'none',duration: 2000});3.loading 加载框uni.showLoading({ title: '加载中' }); setTimeout(function () { uni.hideLoading(); },

原创 华为快应用真机调试

1.打开手机，进入设置功能，搜索“关于手机”选项。2.快速点击“版本号”的项目多次，直到提示开发者模式已打开，退出该页面。3.在“设置”页面搜索“开发人员选项”项目。4.打开“开发人员选项”，下拉屏幕，可以找到“连接USB时总是弹出提示”，打开选项5.将连接线插入手机，弹出连接方式，选择“传输文件”。6.在“开发人员选项”页面，打开“USB调试”选项...

原创 防抖与节流

原创 uniapp swiper拓展 swiper-item始终是三个，改变slide值

始终保持swiper-item为三个，按照[‘1c’,‘2c’,‘3c’,‘4c’,‘5c’,‘6c’,‘7c’,‘8c’,‘9c’,‘10c’,‘11c’],数组顺序滑动展示即向右滑动1c,2c,3c,4c…向左滑动11c,10c,9c,8c…<template> <view class="practice"> <!-- <uni-nav-bar left-icon="back" left-text="返回" right-text="菜单" title="导

原创 移动端设置了user-scalable=no，ios双指还能放大问题

今天突然发现ios 在设置user-scalable=no的情况下还能放大。怎么回事呢？<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">原来ios10后meta 没有效果了，用js实现其功能window.onload=function () { //ios禁止双击缩放 docu

原创 unable to access ‘https://github.com/twbs/bootstrap-npm-starter.git/‘: Failed to connect to github.

好久没用git 今天拉取文件时候不能git clone成功，百度找到了方法，亲测有效。unable to access 'https://github.com/twbs/bootstrap-npm-starter.git/': Failed to connect to github.com port 443: Timed out解决方法http和https代理问题。只是变量名称从https更改为httpgit config --global -lenv|grep -i proxy2.una

原创 vue 打包后将js css img放在其他服务器上 类似CDN

参考https://webpack.css88.com/guides/public-path.html在config.js publicPath: process.env.NODE_ENV === 'production' ? 'http://192.168.0.104:8007/' : config.dev.assetsPublicPath,`

原创 axios传参的两种方式，及常见的content-type四种格式

axios传参格式有两种 fromdata （表单数据） 格式和json字符串格式 （Request Payload）1.fromdata格式axios默认方式是Request Payload 格式， 如果请求数据时后台用的是 application/x-www-form-urlencoded ，我们需要转成fromdata形式1.import QS from ‘qs’2.axios.defaults.headers[‘Content-Type’] = ‘application/x-www-

原创 swiper3.x 升级6.x填坑

1.swiper6.x和3.x 引入不同6.x引入方法import 'swiper/swiper-bundle.css';import { Swiper, SwiperSlide } from 'vue-awesome-swiper' //注意大小写3.x引入方法mport 'swiper/dist/css/swiper.css';import { swiper, swiperSlide } from 'vue-awesome-swiper'2.指向不同6.x版本 打印 this.$r

原创 vue cli4 环境配置

在项目中建立 .env.development 文件 npm run serve 默认指本文件；建立.env.productionenv文件 cnpm run build 默认此文件.env.development 文件NODE_ENV="development"VUE_APP_URL='"http://192.168.0.xxx:8000/"' //开发模式运行环境.env.productionenv文件NODE_ENV="production",API_ROOT:'"https:/

原创 h5与android和ios分享方法调用

1，h5调用android,与ios方法（按钮在A，ios中点击，h5调用点击事件传参数）定义点击事件为regShareBtns(options)方法创建app.js,调用安卓ios的分享方法，并传参（options） initShare(content,options){ // h5给客户端传递的参数 const can={ share_title:content.title, share_desc :content.desc, share_ico

原创 vue async await封装及使用

创建require.jsimport axios from 'axios';import QS from 'qs'axios.defaults.timeout = 5000;axios.defaults.baseURL ='http://192.168.0.xxx:xxxx'; //填写域名axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';axios.

原创 vue网页给IOS传参分享微信中有问题Ios浏览器好着

使用window.webkit.messageHandlers.getShareInfo.postMessage(can)给ios传参时得bugwindow.webkit.messageHandlers.getShareInfo.postMessage方法是对IOS手机自带的东西适用，但是像微信，其他浏览器执行此方法直接报错，此时使用try…catch方法。在分享功能一定要使用要不然，微信，微博之类分享ios肯定出问题。try{ if(window.webkit!=undefined){

原创 js字符串中修改指定字符后指定的字符

str='<p>dg<b style="color: rgb(255, 0, 0);">钢结构</b><b>v不错v吧</b>风格<b style="color: rgb(255, 0, 0);">梵蒂冈地方</b>的<span style="color: rgb(255, 0, 0);">二手单反</span></p>'处理成str='dg<font color="#FF00

原创 vue如何引入外部js

方法一：1.在scr下面建立utils文件夹，创建js文件如clientBrowser.jsconst ua = navigator.userAgent.toLowerCase();/** * 当前设备是否为安卓 * @returns {boolean} */export function android() { return ua.indexOf("android") > -1 || ua.indexOf("linux") > -1;}/** * 当前设备是否为苹果

原创 使用命令快速删除node_modules文件夹

先安装删除工具npm install rimraf -g然后使用删除命令rimraf node_modulesnpm install -g 全局安装，以后直接使用删除命令即可。

原创 前端常用cdn

前端常用cdnhttps://cloud.tencent.com/developer/article/1355006

原创 vue history模式 打包刷新后css路径错误问题

history模式下 刷新页面报错，无样式问题1.hash模式下改的路径全部初始化build utils 不加 publicPath: ‘…/…/’,config index assetsPublicPath: ‘/’, 不是./2.每次打包要删掉dist包，不要直接打包，可能造成hash值变更3.如果还是报错请重新建项目代码复制进入直接打包（简单粗暴给力解决）...

原创 7种 js去重

let arr=[1,2,undefined,undefined, 2,3,null,null,'','',4,4,NaN,NaN,{},{}] function unique(array) { var result = []; for(var i = 0; i < array.length; i++) { if (result.indexOf(array[i]) == -1) { result.p..

原创 axios二次封装 和api统一管理

在src 下新建request目录，在目录下添加http.js api.js文件http.js文件/**axios封装 * 请求拦截、相应拦截、错误统一处理 */import axios from 'axios';import QS from 'qs';import { Toast } from 'vant';import store from '../store/index'axios.defaults.baseURL ='http://192.168.0.122:50001';//

原创 vue 前端json格式化（后台返回数据）

vue 前端json格式化（后台返回数据）将后台json数据如图显示1.jsonView组件处理数据<template> <div class="bgView"> <div :class="['json-view', length ? 'closeable' : '']" :style="'font-size:' + fontSize+'px'"> <span @click="toggleClose" :class="['angle',

原创 wowjs 在vue中使用

之前使用wowjs只能刷新页面才会有动画，点击路由跳转无动画存在问题，这次解决了此问题过来记录一下。1.cnpm install wowjs --save-devanimate.css会自动安装。2.main.js 引入 import ‘wowjs/css/libs/animate.css’3.组件使用1. import { WOW } from 'wowjs'2. mounted() { var wow = new WOW({ boxClass: 'wow'

原创 vue-quill-editor 在vue中的使用及增加源代码编辑器

安装vue-quill-editorcnpm install vue-quill-editor -S编辑组件中引入import {quillEditor } from "vue-quill-editor"; //调用编辑器import 'quill/dist/quill.core.css';import 'quill/dist/quill.snow.css';import 'quill/dist/quill.bubble.css';3.组件使用<quill-editor.

原创 vuex 使用 mapState, mapMutations,mapGetters,mapActions方法

vuex 使用 mapState, mapMutations,mapGetters,mapActions方法1.安装vuexcnpm i vuex --save-dev2.在scr文件新建store目录，目录中添加store.js并在这里插入代码片引入vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);sto...

原创 js 截取指定字符后面/前面的所有字符串

let str = ‘被测对象（人）>被测对象属性（心跳）>三轴振动传感器’截取最后一个>前面的字符串let index = str .lastIndexOf(">")str =str .substring(0,index);console.log(def) //被测对象（人）>被测对象属性（心跳）截取最后一个>后面的字符串let index =...

原创 时间戳转化日期精确到秒

getDates(value){let date = new Date(value*1000);let y = date.getFullYear();let MM = date.getMonth()+1;let fff = date.getMilliseconds();MM = MM < 10 ? (‘0’ +MM) : MM;let d = date.getDate();d ...

原创 vue 数据更新视图没更新

data(){return{ child:['x通道','y通道','z通道'], }},methods中用setthis.$set(this.child,this.index,value)this.child为更新对象，this.index为对象下标值，value是更新后this.index对应的值此处更新对象为数组，若是对象其中this.child 为变量名称...

原创 删除数组中指定值

let arr =[{value:‘aa’},{value:‘bb’}] 比如要删除bblet index;for(var i=0;i<arr.length;i++){if(arr[i].value.indexOf(‘bb’)>-1 ){index = i;arr.splice(index,1)}}console.log(arr) //[{value:‘aa’}]...

原创 js获取数组中某个对象的集合

var aa = [{a:1,b:2,c:3 },{a:w,b:e,c:r },{a:i,b:o,c:p },]var arr=[]aa.forEach(function(v){ arr.push(v.a);});console.log(arr) //["1","w","i"]

原创 vue未加载前默认背景图片,数据接口操作成功后图片为接口图片

require动态改变图片data中储存，将返回后的图片赋值给avatardata(){return{ avatar:’’, }}

原创 手机微信浏览器click点击事件无效及axios无法发起请求

手机微信浏览器中使用click点击事件如图使用axios发出请求没响应，在谷歌浏览器和微信开发工具中点击及请求都没问题，怎么回事呢？当然是兼容问题喽，这里存在两个问题。1.click点击事件无效，在点击事件标签上加 cursor: pointer;2.axios请求没响应 使用polyfill.js安装方法 ...

原创 mintui使用 loadmore 在mt-tab-container-item中下拉不刷新问题

mt-loadmore外层一定要有固定高度的盒子:style="{ height: wrapperHeight + ‘px’ }" 和overflow:scroll.page-loadmore-wrapper {overflow: scroll;z-index: 100;}

原创 mint 下拉加载更多

@mint 下拉加载更多export default {name: ‘Loadmore’,data() {return {examplename: ‘Loadmore’,pageNum: 1,//页码InitialLoading: true,//初始加载allLoaded: false,//数据是否加载完毕bottomStatus: ‘’,//底部上拉加载状态wrapperH...