行走的毛毛虫-CSDN博客

1.h5调用android的方法window.android.JavaScriptInterfaceToShare("需要传给android的参数")//JavaScriptInterfaceToShare是android的方法名//android 是android的包类名2.h5调用ios的方法window.webkit.messageHandlers.JavaScriptInterfaceToGiftBgDetails.postMessage("参数")//JavaScriptI

2022-05-10 17:00:17 1074

原创 js优化浏览器性能之节流

1.建立函数function throttle(fn,delay){ let valid = true return function() { if(!valid){ //暂停 return false } // 开始 valid = false setTimeout(() => { fn() valid = tr

2021-11-25 15:13:12 281

原创 js优化浏览器性能防抖操作

1.监听浏览器滚动条function showTop () { var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;　　console.log('滚动条位置：' + scrollTop);}2.利用闭包创建函数function debounce(fn,delay){ let timer = null //借助闭包 return function() {

2021-11-25 14:43:00 420

原创 vue中canvas绘制文字超出指定长度行数显示三个点

1.新建一个js文件//处理文字多出省略号显示export function dealWords(options) { options.ctx.setFontSize(options.fontSize);//设置字体大小 var allRow = Math.ceil(options.ctx.measureText(options.word).width / options.maxWidth);//实际总共能分多少行 var count = allRow >= optio

2021-11-24 16:20:56 1419

原创 vscode解决代码格式化换行，代码混乱

1.打开vscode ——>首选项——>设置——>用户中找到Vetur——>在settings.json中编辑2.添加以下代码"typescript.validate.enable": false, "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html".

2021-10-21 10:53:52 3314

原创小程序保存当前图片到本地相册

wx.getImageInfo({ src: '网络图片地址 http', success(res) { console.log(res.path) wx.saveImageToPhotosAlbum({ filePath: res.path, success: red => { that.$tools.toast('保存成功'); }, fail: err => {.

2021-09-17 12:01:07 230

原创 vue中表单导出pdf格式文档

1.npm安装插件//将页面html转换成图片npm install --save html2canvas//将图片生成pdfnpm install jspdf --save　2.在项目下穿件一个js文件// 导出页面为PDF格式import html2canvas from "html2canvas"import JSPDF from "jspdf"export default { install (Vue, options) { Vue.prototype.Exp

2021-08-23 21:04:31 1279

原创解决国内访问github网站缓慢的方法

1.找到电脑本地hosts文件 1.1 windows中的hosts文件在： c:\windows\system32\drivers\ect\hosts 1.2 mac中的hosts文件在：打开访达 +shift+command 输入/private/etc/etc/hosts 2.登录https://github.com.ipaddress.com/ 在输入框中输入github.global.ssl.fastly....

2021-08-23 11:51:13 312

原创 mac显示.git 等隐藏文件

1.打开终端执行defaults write com.apple.finder AppleShowAllFiles TRUE //是否打开隐藏文件2.确定killall Finder //确定

2021-08-11 22:09:56 106

原创在vue中使用原生七牛云sdk分片上传大文件

1.利用npm下载七牛云sdk，（具体可以参考官方api：https://developer.qiniu.com/kodo/1650/chunked-upload）npm install [email protected] -D2.在当前页面或者mian.js中直接引入require('qiniu-js/dist/qiniu.min.js')3.以下是全部代码<template> <div class="upload"> <div id="video

2021-07-30 18:26:32 1466 3

原创 html中设置flex，子元素的宽度失效

1.直接给子元素设置flex-grow: 0;flex-shrink: 0;

2021-07-23 16:07:34 361

原创 vue项目中使用rem进行适配布局

1.新建一个rem.js文件复制以下代码到js文件中(function (window, document) { let rootVw = 750; function resize() { var ww = window.innerWidth; if (ww > window.screen.width) { window.requestAnimationFrame(resize); } else { if (ww

2021-07-07 15:34:56 273

原创 js保留银行卡前四位和后四位中间用*代替

let carNumber ="6217853600008665059"let NewCar = carNumber.replace(/^(\d{4})\d+(\d{4})$/,'$1 **** **** $2')console.log(NewCar)//6217 **** **** 5059

2021-07-03 15:11:38 1293

原创再已有的项目里面上传git代码

1.打开当前项目所在的文件夹2. 执行git init3.执行 git remote add origin XXXXXX（仓库地址）4.执行git add .5.执行git commit -m "备注"6.执行 git push origin master

2021-06-30 12:41:27 110

原创 js中解决转义字符

decodeURIComponent()

2021-06-30 12:20:58 1564

原创 Object.assign()基本用法

Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。

2021-06-04 10:20:55 974

原创切换本地git地址

1.例如老git地址：[email protected]:adadad/ssfdf.git 新的git地址：[email protected]:sdsfsd/ssfdf.git2.最简单的方法就是$ git remote XXXX //老git地址$ git remote set-url origin XXXXX //新的git地址...

2021-05-15 15:23:34 515

原创 js中new Date()获取的标准时间转换成例如: 2021-05-07

//调用let valueData = this.timeFormat(new Data())console.log(valueData,'当前时间字符串')timeFormat(time) { // 时间格式化 2019-09-08 let year = time.getFullYear(); let month = time.getMonth() + 1 > 10 ? time.getMonth()+1 : '0'+(time.getMonth()+1.

2021-05-07 20:27:37 4616

原创 vue中将一个对象遍历，key作为变量value作为值，以路由传参的形式路由跳转

1.假设一个对象dataObj<script>export default { data() { return { parmsdata: [] } },methods:{ //点击事件触发toRputer(){let that = this let dataObj = { key:"123", shopid:"18", studyid:"12}//遍历可以采用其他方法，我这里用的是 for ... infor(let i

2021-04-26 14:38:14 1311

原创 vue中重置路由到某一个页面

在路由文件夹下面 router 文件下const routes = [ { path: '/', redirect: '/home',//重置页面到home页面 }, { path: '/home', meta: { name: "个人中心", }, component: () => import("@views/Home.vue") },]

2021-04-20 10:33:44 464

原创 uniapp中如何定义全局组件类似于vue中的app.vue中的内容

1.将封装好的组件（例如 publicComponents）在main.js中引入import PublicComponents from "@/components/PublicComponents.vue"let componetsBox= Vue.component('center-poup', CenterPoup)//在 app.$mount()下添加document.body.appendChild(new componetsBox().$mount().$el)...

2021-04-10 17:26:01 1257 2

原创 vue事项元素滑动顶部吸顶

1.html<ui id="searchBar"> <li>1234354</li> <li>1234354</li> <li>1234354</li> <li>1234354</li> <li>1234354</li> <li>1234354</li> <li>1234354</li> <li&gt

2021-04-02 16:00:37 211 2

原创 uniapp中和小程序中video视频的播放和暂停

1.HTML中<video id="myVideo" :src="liveBackplay_url" enable-danmu danmu-btn controls></video>2.在mounted中或者Created中mounted() { this.videoContext = uni.createVideoContext('myVideo');//创建视频实例指向video },3.this.videoContext.play(

2021-04-02 15:53:14 5373 1

原创 vscode设置vue代码片段

1.点击vscode左上方文件------>首选项--------->用户片段----------->vue.json(顶部搜索框搜索vue)2.添加以下代码{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div.

2021-03-20 11:50:53 129

原创 vue中手机端项目在微信中打开，关闭当前页面方法

document.addEventListener( "WeixinJSBridgeReady", function () { WeixinJSBridge.call("closeWindow"); }, false ); WeixinJSBridge.call("closeWindow");//微信对象中的方法

2021-03-16 19:15:59 851

原创 git创建ssh-key公钥，并配置

1.配置用户名：$ git config --global user.name "用户名"2.配置邮箱：$ git config --global user.email "[email protected]"3.查看C:\Users\Administrator目录下是否生成.gitconfig配置文件，有的话表示设置成功4.执行以下命令生成公钥点击三次enterssh-keygen -t rsa -C "[email protected]" //注意这里的邮箱一定要跟你上面设置的邮箱保持一致

2021-03-15 10:24:40 597

原创 css3实现旋转魔方

1.html代码 <div class="wrap"> <ul class="bigger"> <ul class="small"> <div></div> <div></div> <div></div> <div></div> <div&

2021-03-10 19:08:12 150

原创 vue实现点击展开全部，点击收起全部

1.html代码 <div class="richTxt" :class="is_show ? 'new_detail' : 'work_detail'"> <img src="@/assets/images/bg-recommend.png" alt />//测试的一张图片本地图片 </div> <div class="look_all" @click="

2021-03-10 15:58:10 2779

原创 vue实时监测video视屏播放时长和总时长

1.html代码 <div class="top_vdio"> <video id="video" :src="medioUrl" controls="controls"></video>//medioUrl视频地址 </div>2.js代码//监听播放时间 var video = document.getElementById("video"); //使用事件监听方式捕捉事件 video.addEven

2021-03-10 15:31:02 7207 5

原创 vue利用canvas自定义手写签名

1.利用vue第三方vue-esignnpm install vue-esign --save2.在入口文件main.js中引入import vueEsign from 'vue-esign'Vue.use(vueEsign)3.html代码 <div class="pupu_box"> <div class="desc_txt"> <span>注：注:个人签名要求字迹工整、清晰规范、易于识别，杜绝过于艺术

2021-03-06 18:55:48 392

原创 vue移动端，使用canvas生成商品海报及自定义海报

1.使用 vue-canvas-posternpm i vue-canvas-poster --save2.在main.js入口文件中引入import VueCanvasPoster from 'vue-canvas-poster'Vue.use(VueCanvasPoster)3.html代码<template> <div class> <vue-canvas-poster :widthPixels="0" :painting="pai

2021-03-05 20:48:39 1266