巴啦啦小前端-CSDN博客

原创 vue下载文件实现

下载文件：简约而不简单，哈哈downloadExcel() { this.$ajax .post( downloadExcelTemplateProte, //接口 data, //参数 {responseType: "blob"} //数据返回类型 ) .then((res) => { let url = window.URL.creat

2020-11-25 16:48:43 301

今天做了一个相关的小题儿，没想到还做错了，分享一下子：以下对call()和apply()说法哪些是正确的()1.apply()函数有两个参数：第一个参数是上下文，第二个参数是参数组成的数组;2.如果第一个参数是null，则使用全局对象代替；3.call和apply的意思一样,只不过是参数列表不一样.4.通过apply可以将数组装换为参数列表的集合答案：all right (1 2 3 4)分析一下子---------------相同点：都可以用来代替另...

2020-11-24 14:21:34 622

原创 js原始值和引用值复制变量的区别

寒风萧瑟，依旧挡不住诸君写代码的热情~~~~~~~~~~~~各位处于金丹期的大佬们，是否还记得炼气期的基本功呢？现在让我们一起来回忆一下：原始值和引用值在通过变量复制时的不同在通过变量把一个原始值赋值到另一个变量时，原始值会被复制到新变量的位置，如下：let a = 0; let b = a; a的值是0.当把b初始化为a时，b的值也就成了0，这个值跟存储在a中的0是完全独立的，b只是一个副本的存在。a和b互不干扰！！！在把引用值从一个...

2020-11-20 11:53:39 285

原创 js代替eval的办法

在滚滚的苦逼的写代码的潮流中，eval（）方法逐渐被淘汰，那我们可以用什么方法代替它呢，binggo，以下方法使用效果超出你的想象function evalPro(str) { var Fn = Function; return new Fn('return ' + str)();}...

2020-11-19 18:24:51 1415 2

原创 setTimeout中this指向的问题

setTimeout中函数内的this是指向了window对象,setInterval同理如果想要让setTimeout中的this不指向window，可以使用以下常用办法：方法一：使用之前重新指向到一个变量，然后操作这个新的变量if (paramObj.id != null) { var that = this; setTimeout(function() { that.$emit("getResponseData", paramObj);

2020-11-16 17:15:46 1008

原创 js深度克隆一个对象或数组

export function deepClone(obj) { let result = typeof obj.splice === "function" ? [] : {};//obj为list时typeof obj.splice为'function',为对象时typeof obj.splice为'undefined' if (obj && typeof obj === "object") { for (let key in obj) { if (obj[k.

2020-11-12 09:57:04 247

原创 elementui中下拉command事件传递多个参数

command事件中默认传递一个参数，即你每个下拉选项el-dropdown-item中设定的command的值，怎么样传递多个参数呢？我的项目中el-dropdown在一个遍历循环中，需要将index角标将参数传给@command="handleCommand"事件中。解决办法：动态设置每个el-dropdown-item中command的值<el-dropdown @command="handleCommand"> <span

2020-11-02 18:23:29 4658 1

原创 vue项目中安装使用jquery

1.npm install jquery2.配置build ->webpack.base.conf.js文件，文件上部引入webpack ->constwebpack=require('webpack')配置plugins，与module和node同级，如下plugins: [ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "windows.jQuery":"j...

2020-10-28 15:04:40 447

原创 HbuilderX打包uniapp项目到google play需要注意的几点坑

1.谷歌目前要求API级别最低为29，所以打包以前要检查此处配置，"targetSdkVersion" : 29 ，manifest.json文件源码视图里。2.版本检查提示框，如果打包后手机端运行时出现弹窗，提示：Hbuilder版本是多少多少，手机端SDK是多少多少，manifest.json文件源码视图加入以下代码3.谷歌商店需要支持64位ARM处理器，配置模拟只勾选armeabi-v7a，需要勾选上arm64-v8a，路径为manifest.json里APP常用其它设置4.证

2020-10-23 18:32:19 3621 4

原创微信小程序电子签名实现并识别文字

该功能主要用到了canvas画布实现，先说明本地测试会卡顿，但是部署到测式服务器或生产环境后，就很流畅了,这一点无须担心。下面贴一些关键代码，变量啥的我没删，项目完成半年多了，在此记录一下, 我的签名是白底黑字,可以修改canvas属性自定义，导出图片方法里注释掉的一堆代码，是使用百度的智能识别签名图片上的文字，不过测试后识别率很低，评估之后取消了此需求，没有删除（以防万一，二次开发提需求。。。）有的可以识别出来，不过不尽人意啊，如果你有次功能，需要在百度只能识别上面注册，第一个请求url，需要包含gran

2020-10-20 16:57:18 2834 1

原创微信小程序在线预览PDF格式文件

当初开发这个功能时，网上一堆说苹果和安卓平台不一样，代码不一样，亲测一套代码安卓和苹果都可以打开预览，完全没问题，安卓也没有提示下载，改改传参直接用wxml<web-view src="{{reportUrl}}" wx:if="{{reportShow}}"></web-view><view wx:else></view>jsconst app = getApp()Page({ data: { reportUrl: null,

2020-10-20 16:34:02 6153 7

原创使用uniapp和uview上传图片，预览和删除都可以

之前写过一个使用uniapp和uview上传图片功能，项目测试时用的那个，是可以上传成功的，但是有点问题，代码优化后把现在的贴出来，感觉比之前那个好用上传组件，是在插件市场下载的，根据自己需求改了改<template> <view class="imglistbx"> <view :class="['imglistItem',columnNum==3?'column3':'column4']" v-for="(item,index) in showList"

2020-10-19 18:29:15 9743 3

原创原生html文件中获取uniapp项目中缓存的值

uniapp项目中我们可能会使用到web-view标签指向指定页，如果指向html文件页面，该项目缓存数据获取可以使用H5+中storage该API，话不多说，上代码，抱拳vue文件，正常存储<web-view src="/hybrid/html/local.html"></web-view>uni.setStorageSync('inNum',inNum)uni.setStorageSync('outNum',outNum)local.html文件监听pl

2020-10-16 10:42:59 1944 4

原创 uniapp中uni.previewImage参数为base64类型图片预览在移动端不显示问题黑屏，一直转圈圈

https://ext.dcloud.net.cn/plugin?id=123安装此插件，只是加载过程比较慢，可以满足需求,页面引入使用previewImg(logourl) { let that = this; uni.showLoading({ title:"图片处理中..." }) base64ToPath(logourl) //logoul为base64为图片流 .then(path => { let imgsArray

2020-10-15 11:27:08 4343 2

原创 angularFileUpload文件上传

记录一下angular文件上传，以遍查找<div class="form-group"> <label class="font-noraml">{{'duty.uploadSignPicture' | translate}} *</label> <div class="input-group full-width" style=.

2020-10-14 19:13:01 338

原创 uniapp.uploadFile封装并解决移动端上传时header头时间戳丢失问题

话不多说，上代码function uploadFile(obj) { var time = new Date().getTime(); var secret = Base64.stringify(hmacSHA256(token + "" + time, "0Q4icRHjJY2BRdTJdJrCFixD6OMhhd01")); var url = obj.url; //服务器地址 var filePath = obj.filePath; //要上传文件资源的路径。 var formData

2020-10-14 18:38:03 2835 2

原创使用uniapp和uview上传图片

不多BB，上代码，各位看官：template部分：<u-upload ref="uUpload" :action="action" :before-upload="beforeUpload" :file-list="lungFileList"></u-upload>js部分：beforeUpload(index,list) { this.beforeAvatarUpload(list) },beforeAvatarUpload(file) { let pa

2020-09-29 19:04:01 12928 4

原创 IE8圆角实现方法

IE8圆角实现方法position: relative/absolute;z-index:2;behavior: url(../styles/cuss/pie.htc)将pie.htc文件和css文件放在同一路径，层级要高，如果实现不了查看引入的htc文件路径是否正确，亲测可行

2020-09-29 18:33:54 322

mk黑足的博客