- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue3使用addEventListener添加滚动触底加载，执行多次问题
vue3使用addEventListener添加滚动触底加载，执行多次问题
2024-02-27 13:54:26
961
原创 微信小程序/unapp使用rich-text图片之间存在间隙以及图片过大问题问题
微信小程序/unapp使用rich-text图片之间存在间隙以及图片过大问题问题
2023-02-24 16:55:31
1022
1
原创 企业微信开发/主要代码分享（前端）
这次开发主要是自建应用/H5/Vue2因为用的是自建应用H5，所以第一步考虑的是企微中jssdk的使用1.利用vue的mixin方法和js类的方法写两个个公共组件（可以下载任意目录下）
2022-11-23 14:46:41
2696
转载 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
6238
转载 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
7709
原创 APP嵌套的H5加载慢的问题
问题背景app嵌套H5项目中的某个页面，部分安卓手机打开加载很慢，查询原因之后发现仅仅是打开也单个页面竟然把整个H5项目的打包文件全加载了一边200个+解决方法找到H5项目的vue.config.js文件加入一下代码（删除初此页面文件外的所有js css文件） chainWebpack: config => { config.plugins.delete('prefetch'); }...
2022-04-01 10:07:26
2899
转载 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
983
原创 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
948
转载 前端解析Long类型数据出现溢出/或者不匹配
问题描述项目中，在存储userId和instructioId这些字段时，都是使用64为长整数Long类型（数据库的bigint）；后端将数据从DB中查询出来后，返回的userId和instructionId是Long类型，示例如下：上面是前端在接收到的json数据（response原始数据），注意上面的id、instructionId、userId，这几个字段都是Long类型但是前端在显示的时候，发现显示的数据是不匹配的，如下图所示：前端代码中没有进行显示的转换，在接收到json数据后，解析后
2021-11-10 17:30:33
2333
原创 关于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
2307
1
原创 Vuex：初始（二）
Vuex中的mapState和mapAction关于这两个单词，我查阅资料以及学习之后发现，这两个类其实可以称得上是辅助函数，为了简化Vuex中actions和mutations。mapState、mapAction没接触这个函数的时候，我们获取state的方法为。this.$store.state.xxx例子：假设在Vuex的store中定义 state：{ city：南京}在组件A中//不用辅助函数 <div class="test"> 尝试获取vuex中得值：
2021-10-26 14:18:58
331
原创 Vuex 初始（一）
Vuex 初始（一）初次接触，原理记得挺熟就是不知道怎么用。所以记录一下学习路程得一个小李子我们知道Vuex改变数据 是dispatch派发一个action，在action中context对象借用commit方法上报一个mutation，mutation接受到上报得消息之后进行更改或者赋值操作，从而达到改变数据。1dispatch在我们需要进行改变数据得组件中，定义一个方法//view层<button @click=“changeText”>改变数据<button>
2021-10-25 15:42:32
151
转载 关于hash和history介绍
关于hash和history介绍前言此文章借鉴参考简书作者 大黑豹 文章，在次编写是为了让自己记忆更加牢固，切有便于码友搜索借鉴。从用户角度去看，前端路由实现了两个功能（ajax为例）1.记录当前页面的状态（保存或者分享当前页的url，再次打开该url时网页还是保存时的状态）2.使用浏览器前进后退功能时，让页面回到ajax请求之前的状态，url也一样作为开发着，要实现这两个功能 需要：1.改变url且不让浏览器向服务器发送请求。2.监测url的变化。3.截获url地址，解析出url携带的信
2021-09-23 11:42:54
347
转载 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
3722
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
1693
原创 vue-H5后台反参为数组对象，前端需要根据日期展示问题
以时间为例子，后台反参为数组对象时，有时候需要前端做一些展示上的处理，比如在同一年份下，展示年份相同的数据。反参示例：我们需要的日期在每条数据中（此例子日期为contractTime）代码如下：再次打印：时间被分离出来了，之后通过vue的v-for去循环就可以了效果如下：当然在这里有一个小坑：在使用hasOwnProperty的时候如果Object.hasOwnProperty()的写法会报错，网上搜的大多都是ESlink错误锁以途中的代码就是解决之后的，无毒...
2021-07-23 16:02:02
149
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人