- 博客(16)
- 收藏
- 关注
RSS订阅原创 仿淘宝搜索历史，搜索词超两行隐藏，出现展开图标
<template><!-- 搜索框部分 --><div class="search-input"> <van-search v-model="searchValue" show-action :placeholder=searchTip background="rgb(35, 134, 227)" @search="onSearch".
2022-05-31 15:03:13
400
原创 解决vue 同页面跳转不刷新问题
最近有做到一个需求，其中一个点是需要从当前页跳转到当前页的，但后面发现同页面跳转不会进行页面的刷新，进而页面数据还是不变。需要做到跳转同页面进行数据刷新主要有两种方法1.用一个空白页面作为中转站（只是这样URL会发生变化）...
2022-05-31 14:32:04
3351
原创 解决van-popup导致页面无法滑动问题
在vue2中，van-popup组件有一个默认锁定背景滚动但当背景内容不止一页时就很麻烦，所以这时需要给van-popup标签添加 :lock-srcoll="false" <van-popup v-model="showPopup" :lock-scroll="false"> <img class="popup-close" @click="showPopup = false" src="../assets/images/X.png" /> </van
2022-03-17 16:51:15
3779
5
原创 vue DES加密、解密
//des 加密 encryptByDESModeCBC(ciphertext2, keyItem,ivItem) { const key = CryptoJS.enc.Utf8.parse(keyItem); //16位 const iv = CryptoJS.enc.Utf8.parse(ivItem); //16位 let encrypted = ''; const srcs = CryptoJS.enc.Utf8.pars...
2022-03-09 15:10:12
1192
2
原创 van-tabs的内容向上偏移过多bug
使用用van-tabs组件的 滚动导航 时就会出现 ，当它自动吸顶之后就会出现这个问题，以下是点击导航按钮出现的情况，左边的内容偏移的连标题都没了，右边正常这个问题真的是找了很久很久，发现我在其他项目当中引用这个组件就不会出现这个问题，最终发现是因为我在使用这个组件的外边 ，包裹了一个 v-show , 后面把v-show改成v-if就行了 <div v-if="visible"> <div class="life-service" id
2022-01-17 15:53:26
943
原创 媒体查询 iPad 竖屏
直接在<style></style>标签中添加如下代码就行@media only screenand(min-device-width :768px)and(max-device-width :1024px)and(orientation : portrait){ 需修改的类名或标签{ 具体样式} .popup-box{ height: 8rem !important;}}...
2021-12-30 10:03:15
1123
原创 vue中准确获取动态渲染的dom元素的高度
首先监听这个动态元素的变化，在this.$nextTick中获取dom元素，但我获取的时候是不准确的，所以就加了个延时器，就能获取dom元素准确的高度啦 <template> <img ref="bottomBtn" :src="suspendBottomConfig.icon" alt=""></template><script>export default{data(){ return{ suspendBotto...
2021-12-30 09:58:37
2184
原创 vue 多个动态样式绑定 style
多个style样式绑定，又有背景图片时，就这样就行啦背景图片链接的判断要用另一个（）括起来 <div :style="{'background' : 'url('+(ruleBgImage ? ruleBgImage : '' )+')','padding-bottom':(showDiv ? '15px' : '') }"></div>...
2021-12-30 09:47:45
1499
原创 解决页面随意缩放 vue
使用vue时，需页面不可缩放，则只需要给public中的index.html文件添加这一行代码 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" >但如果在ios的高版本中，在浏览器打开还是会随意缩放，所以这时还需要在index.html中添加如下代码，然后页面就不会随意缩放啦&l
2021-12-29 17:00:18
1624
1
原创 z-index层级问题 及 van-overlay溢出内容不可滑动
1.层级显示问题，正常来讲是悬浮按钮(fixed)在遮罩层之下的，但由于给这个遮罩层外面套了一个div并且给了position: fixed;固定定位，就造成了 如下问题；解决：将遮罩层外面div的fixed去除即可；2.需控制后台富文本数据样式时，要注意当前页面的<style scoped >是否为scoped=>只在当前页生效。3.使用 van-overlay在浏览器端 溢出内容可滑动，但在手机端不可滑动时，需要加上:lock-scroll="false"的属性，这
2021-12-29 16:52:29
2293
原创 git 合并冲突 |MERGING
在将master分支合并到自己分支时，出现了|MERGING问题，接着代码里面就出现了冲突提示，解决方案如下：第一种用git reset --hard head 撤销合并 注意！！这是撤销，也就是返回上一次没合并的时候，慎用!!稍不注意，你刚才修改的代码就会被撤销，我之前就有过这样的经历，还好改的不多~第二种。先使用 gitstatus -s查看冲突在哪 ，然后在有冲突的地方进行修改。接着再进行添加到暂存区 git add文件名。git commit ==...
2021-11-19 09:44:57
3712
原创 报错时行数与源代码行数保持一致
在开发环境下，可以再webpack.config.js中添加以下配置，则可以保证在运行时报错的行数与源代码行数一致：module.export = {mode:'development',//eval-source-map 仅限在“开发模式下使用”，不建议在“生产模式”下使用devtool:'eval-source-map',.....}...
2021-11-12 14:37:07
1337
原创 vue中 aria-label 的使用
这个标签主要是在手机的无障碍模式中，使用读屏软件进行文字读取的刚开始只在标签中加入这个属性，却无法生效<div class="bigIndex" :aria-label="`${item.dataType}总流量${item.total}B,剩余${item.useable}B,已用${item.used}B` "></div>之后再添加了一个tabindex="0"的属性，就可以生效了<div class="bigIndex" tabindex="0" :
2021-10-08 10:33:51
2755
原创 HTTP协议、及TCP/IP简介
HTTP（超文本传输协议），是用于从万维网传输超文本到本地浏览器的传送协议；其主要是一个基于TCP/IP通信协议来传递数据的；HTTP版本主要分为三个：HTTP/1.1 , HTTP/2 , HTTP/3 ;其中常用的请求方法有：get ,post,headHTTP常见状态码为：200=>服务器已成功处理了请求；400=>服务器不理解请求的语法；404 =>服务器找不到请求的网页；408=>服务器等候请求时发生超时；500 =>服...
2021-07-04 23:33:39
376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人