学习之旅
Gaoju_liz
这个作者很懒,什么都没留下…
展开
-
Vue使用new Blob进行表格导出
new Blob方法用到后台接口返回的数据进行excel到处。原创 2023-02-09 16:58:26 · 591 阅读 · 0 评论 -
企业微信开发/主要代码分享(前端)
这次开发主要是自建应用/H5/Vue2因为用的是自建应用H5,所以第一步考虑的是企微中jssdk的使用1.利用vue的mixin方法和js类的方法写两个个公共组件(可以下载任意目录下)原创 2022-11-23 14:46:41 · 2839 阅读 · 0 评论 -
Typescript 学习之路
TypescriptTypeScript,简称 ts,是微软开发的一种静态的编程语言,它是 JavaScript 的超集1.简单来说,js 有的 ts 都有,所有js 代码都可以在 ts 里面运行。2.ts 支持类型支持,ts = type +JavaScript。那么 ts 和 js 有什么区别呢?1.JavaScript 属于动态编程语言,而ts 属于静态编程语言。2.js:边解释边执行,错误只有在运行的时候才能发现3.ts:先编译再执行,在写的时候就会发现错误了(ts不能直接执行,需要先转载 2022-05-11 14:50:04 · 6322 阅读 · 0 评论 -
vue中watch监听方法的使用
1、watch钩子函数监听数据的变化watch 的一个特点是,最初绑定的时候是不会执行的(firstName的值在data定义时赋予的值),要等到 firstName 改变时才执行监听计算。入下方的写法: data() { return { firstName: "Dawei", lastName: "Lou", fullName: "", }; }, watch: { firstName(newName, oldName)转载 2022-04-24 15:22:17 · 7776 阅读 · 0 评论 -
APP嵌套的H5加载慢的问题
问题背景app嵌套H5项目中的某个页面,部分安卓手机打开加载很慢,查询原因之后发现仅仅是打开也单个页面竟然把整个H5项目的打包文件全加载了一边200个+解决方法找到H5项目的vue.config.js文件加入一下代码(删除初此页面文件外的所有js css文件) chainWebpack: config => { config.plugins.delete('prefetch'); }...原创 2022-04-01 10:07:26 · 2962 阅读 · 0 评论 -
vue根据后台返回文件流转换为zip(转)
vue根据后台返回文件流转换为zip(转载) reportTable(val) { this.$axios.service({ method: "post", url: '/test/downloadZip', data: {reportAllotMonthId:val.id,name:val.reportFormName,month:val.month}, headers: { "content-type"转载 2022-02-16 15:39:50 · 1017 阅读 · 0 评论 -
前端使用bignumber.js,解决浮点和精度问题
vue浮点经度问题转载 2022-01-14 09:03:02 · 3055 阅读 · 0 评论 -
vue+element省市区联动
vue+element省市区联动转载 2021-12-03 08:48:07 · 553 阅读 · 0 评论 -
Vue H5页面种长按与v-for联合使用
Vue H5页面种长按与v-for联合使用部分代码展示 html<div v-for="(item, index) in imgList" :key="index"> <div class="banner" @touchstart="myTouch(item, index)"> <!-- <div id="vant-pop" v-show="shows" @click="maskHandle"></div>原创 2021-11-10 17:38:03 · 963 阅读 · 0 评论 -
关于element中上传组件先开弹窗,在打开文件上传
根据项目需求,要求点击按钮先弹出提示框,点击提示框的确认按钮之后在弹出文件上传框我先把element中上传的文件的源码赋值过来<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-change="handleChange" :file-list="fileList"> <el-button size="small" type="primary"&原创 2021-10-29 14:36:18 · 2371 阅读 · 1 评论 -
关于hash和history介绍
关于hash和history介绍前言此文章借鉴参考简书作者 大黑豹 文章,在次编写是为了让自己记忆更加牢固,切有便于码友搜索借鉴。从用户角度去看,前端路由实现了两个功能(ajax为例)1.记录当前页面的状态(保存或者分享当前页的url,再次打开该url时网页还是保存时的状态)2.使用浏览器前进后退功能时,让页面回到ajax请求之前的状态,url也一样作为开发着,要实现这两个功能 需要:1.改变url且不让浏览器向服务器发送请求。2.监测url的变化。3.截获url地址,解析出url携带的信转载 2021-09-23 11:42:54 · 370 阅读 · 0 评论 -
vue传参事件总线 EventBus
常规传参法父传子上图为父组件 红框内代表父传子时候需要用到的代码原创 2021-08-04 15:51:05 · 368 阅读 · 0 评论 -
npm和cnpm相互切换
npm和cnpm相互切换当需要使用淘宝镜像时也就是所谓的npm切换至cnpm步骤如下:在项目中或者window小黑窗npm config set registry https://registry.npm.taobao.org建议测试下是否切换成功,可以运用下方命令测试npm config get registry成功的话会显示下方的地址https://registry.npm.taobao.org/当需要使用npm原本环境时也就是所谓的cnpm切换至npm步骤如下:在项目中或者wi转载 2021-07-30 16:59:53 · 4128 阅读 · 1 评论 -
前端vue项目中接口前后的加密解密
前端vue项目中接口前后的加密解密项目需求,对于敏感的数据进项加密!提到加密首先想到的是crypto-js本片文章是实际项目中所遇到的,主要采用的是crypto-js AES****RSA 以及qs(不作详细介绍,用兴趣的可以自行百度)crypto-js jsencrypt.js实际使用例子:在src文件下创建tools文件,在tools文件下创建crytoJs.js 和jsencrypt.js目录 src/tools/crytoJs.js目录 src/tools/jsencrypt.js原创 2021-07-28 15:02:27 · 1750 阅读 · 0 评论