笔记
调调啊
记录每一次收获!
展开
-
vue怎么显示/下载后端返回的 .docx文档
需求: 后端给了一个.docx 文档的地址,前端要在页面显示这个文档。原创 2023-06-09 10:51:29 · 5586 阅读 · 0 评论 -
vue实现一个列表, 点击箭头展示对应内容,类似于原生js手写tab切换
vue实现一个列表, 点击箭头展示对应内容,类似于原生js手写tab切换原创 2023-01-17 17:17:41 · 1918 阅读 · 0 评论 -
git上传本地代码到远程仓库 , 以及在本地新建一个分支用于开发
一 , 自己在码云新建一个仓库二 , 点击创建之后 , 点一下初始化readme文件三 , 仓库默认只有master一个分支,里面有刚才初始化的两个文件,点击分支 1可以看到详情四 , 回到桌面新建一个文件夹 , 里面新建一个a.txt(不能是空文件夹 , 会报错)打开文件夹 , 右键点 git bash heregit init (初始化仓库)git add . (添加本次所有改动到本地暂存区)git commit -m.原创 2022-01-21 10:57:01 · 3157 阅读 · 0 评论 -
苹果手机ios端,页面向上溢出屏幕,导致顶部导航栏未显示
苹果手机ios端,页面向上溢出屏幕,导致顶部导航栏未显示原创 2022-12-07 11:05:03 · 986 阅读 · 0 评论 -
uniapp 点击按钮打开地图,显示当前定位 和 指定标点
uniapp 点击按钮打开地图,显示当前定位 和 指定标点原创 2022-09-27 17:06:27 · 4837 阅读 · 4 评论 -
uni-app在手机上打开背景图片不显示
uni-app在手机上打开背景图片不显示原创 2022-09-27 10:19:57 · 1186 阅读 · 0 评论 -
手机端表格插件,做表格左右滑动
手机端表格插件,做表格左右滑动原创 2022-06-29 09:44:43 · 3496 阅读 · 0 评论 -
手机端表格怎么做横向滑动, 滑动时不影响上方结构
手机端表格怎么做横向滑动原创 2022-06-24 16:22:57 · 1189 阅读 · 0 评论 -
切换tab时,van-list中的onload事件没触发
切换tab时,van-list中的onload事件没触发原创 2022-06-24 15:53:38 · 2212 阅读 · 0 评论 -
仿微信发朋友圈获取定位
仿微信发朋友圈时获取定位 ,选择位置后地点会显示在外面原创 2022-06-10 10:55:58 · 636 阅读 · 0 评论 -
移动端轮播图 (三张图三张图的轮播)
效果就是像这样 , 三张图三张图的轮播 , 本文会讲vue 和uni-app 中分别怎么实现 , 其实写法是一样的, 只是组件标签不一样vue中 , 用的vant组件库Vant 2 - Mobile UI Components built on Vuetemplate<van-swipe class="swipe" :autoplay="2000" indicator-color="black"> <van-swipe-item .原创 2022-02-25 10:27:45 · 2473 阅读 · 0 评论 -
vue 中怎么监听屏幕触底事件
项目中有一个表格 , 用原生table写的 , 要做下拉加载功能 , 原理就是当屏幕滚到底部时 , 把pageNo++ , 再触发一次请求数据 , 把请求回来的下一页数据合并到前一页数组中this.list = this.list.concat(data);created() { window.addEventListener('scroll', this.Scrollbottom); //页面加载时监听滚动事件 },destroyed() { windo...原创 2022-02-22 10:11:06 · 3336 阅读 · 0 评论 -
css手写移动端导航栏横向拖动 , 并有锚点定位
需求 : 移动端导航栏太长 , 超出了屏幕 , 需要溢出隐藏 , 手指可以横向拖动//结构<div class="nav"> <ul> <li><a href="#support">营销支持</a></li> <li> <a href="#visit"> 客户拜访 </a></li> <li>.原创 2022-02-21 16:48:25 · 1052 阅读 · 0 评论 -
git操作大全
经过了整整一天的奋斗 , 总算是把困扰我很久的git搞明白了 , 赶紧记录一下 , 最常见的情况就是公司把你拉进已有的项目仓库 , 让你把某个分支的代码拉到本地进行开发 , 开发完了再上传到远程仓库的这个分支 .我今天研究的就是这种情况码云注册账号 , 下载git全局配置邮箱账号这些就不讲了 , 这里主要讲git操作一 ,自己在码云新建一个仓库(实际开发一般是公司给你仓库地址或把你拉进仓库) , 这里为了演示就自己新建的仓库二 , 点击创建之后 , 点一下初始化readme文原创 2022-01-20 19:19:19 · 571 阅读 · 0 评论 -
vue中用原生table写可编辑表格 , 点击按钮添加行 , 点击序号删除行
主要功能 :1 , 一个表格 , 单元格内容是循环渲染的 , 点击每个单元格弹出一个输入框 , 编辑内容2 , 点击按钮添加行 , 点击序号删除行刚开始想用插件写的 ,网上找了半天, 研究好久搞不出来需要的效果, 最后还是自己用table标签手写实现的<template> <div> <table class="tb1"> <tr class="th"> &l...原创 2021-12-22 17:09:12 · 2872 阅读 · 0 评论 -
vue中获取当前日期 , 获取当前日期所在周的日期 , 获取所选日期所在周的日期
一, 获取当前日期//template中调用这个方法 日报 ( {{getDate()}} )//获取当前日期的方法 getDate() { var time = new Date() console.log(time); var y = time.getFullYear() //年 var m = (time.getMonth() + 1).toString().padStart(2, '0') //月 var d原创 2021-12-21 10:39:39 · 4059 阅读 · 1 评论 -
uni-app 使用escook/request-miniprogram插件发请求
一 ,npminstall@escook/request-miniprogram用这个插件发请求的优点就是可以直接在main.js中设置请求拦截器和响应拦截器 , 还有根路径 , 比较方便二 , main.js中// 导入发请求的包,并挂载到uni身上import { $http} from '@escook/request-miniprogram'uni.$http = $http// 请求根路径 $http.baseUrl = '/api' //请求拦截器...原创 2021-12-15 17:20:54 · 19895 阅读 · 14 评论 -
H5页面 禁止微信分享转发按钮
一 ,设置微信jssdk ,jsApiList中加上 "hideMenuItems"因为这次项目微信jsApiList都是另一个部门的人配的 , 不是我这边弄 , 我只用把要加哪些api告诉他 , 他配好就行了 , 如果需要你自己配 , 可以查下别的博客微信jsApiList怎么配置wx.config({ debug: false, appId: 'appid', timestamp: timestamp, ...原创 2021-12-15 15:58:56 · 1743 阅读 · 0 评论 -
vue移动端项目怎么自适应不同屏幕尺寸 rem.js
一 , 在config文件夹下新建一个rem.js文件, 代码直接贴过去/*(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.client原创 2021-12-13 16:53:04 · 1985 阅读 · 0 评论 -
vue中怎么修改单个页面body的背景色
在需要修改body背景色的.vue文件里,写如下js代码 beforeCreate() { document.querySelector('body').setAttribute('style', 'background-color:#fff') }, beforeDestroy() { document.querySelector('body').removeAttribute('style') },设置完后 , 这个页面的背景色就会变成白色 , 别原创 2021-12-13 16:40:03 · 3149 阅读 · 1 评论 -
vue中怎么使用Base64加密解密
一 , npm ijs-base64 , 安装插件二 , 需要用到base64的vue页面 , 直接写js代码使用加密 mounted() { let Base64 = require('js-base64').Base64 console.log(Base64.encode('今天星期一')); },控制台打印解密 mounted() { let Base64 = require('js-base64').Base6...原创 2021-12-13 15:19:55 · 1898 阅读 · 0 评论 -
vue中路由跳转怎么携带参数
A组件点击跳到B组件 , 携带参数过去A组件中 (传参)这里的Bpage是B页面的name <div v-for="(item, index) in list" :key="index" @click="toDetail(item.username)"> {{ item.title }} </div> toDetail(info) { this.$router.push({ name: "Bp.原创 2021-12-13 15:04:47 · 482 阅读 · 0 评论 -
vue-seamless-scroll 的click不触发问题
项目里有一个无缝滚动的列表效果 , 用的vue-seamless-scroll 插件 , 可以实现列表滚动没问题 , 但因为列表每一条都有click事件 , 最近发现总是有一条点不动 , 审查元素发现是:当第一个ul中的数据滚动完时,第二个ul 里的li的click事件不起作用解决方法这是之前的写法(可以循环显示,点击第一个ul里的li可以触发click事件,但是点击第二个ul里的li不能触发click事件) , 关于vue-seamless-scroll的一些配置可以看我另一篇原创 2021-12-02 17:10:51 · 1076 阅读 · 0 评论 -
vue中img的src属性绑定问题
最近发现一个问题 , img的src直接写图片地址,可以正常渲染,但是用:src写的时候,图片就加载失败了比如 , 我这样写 , 图片是能出来的 <img src="@/assets/images/1.png" alt="">但是我写成 : src , 图片就裂开了<img :src="'@/assets/images/1.png'" alt="">解决方法 : :src里配置成变量 , 用require引入图片地址...原创 2021-11-22 17:52:06 · 1186 阅读 · 0 评论 -
前端encodeURI , decodeURI对字符串编码解码 , 以及把url中的%0A %20解码成换行和空格
一 , 对字符串进行编码 var str = "岁月不居,时节如流" console.log(str); str = encodeURI(str) console.log("====编码之后===="); console.log(str);控制台打印二 ,对字符串进行解码var str = "%E5%B2%81%E6%9C%88%E4%B8%8D%E5%B1%85%EF%BC%8C%E6%97%B6%E8%8A%82%E5%A6%...原创 2021-11-18 15:48:12 · 10350 阅读 · 0 评论 -
字符串里有\r \n \t 等特殊符号, 前端页面怎么显示出来
如图, 右边是后端返回给我的数据 , 包含\r\n , 就是换行加空格 ,页面上要像左边一样显示出换行及空格,如果直接用普通标签渲染数据 , 换行和空格不会显示出来 , 这时候需要用pre标签渲染 一 , pre标签的作用<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。如果想要把某一段规定好的文本格式放在HTML中,那么就要利用pre元素的特性二 ...原创 2021-11-17 16:40:29 · 9970 阅读 · 0 评论 -
vue中怎么显示第三方外部链接的页面 , 或显示后端返回的.html页面,.doc链接等
使用iframe标签可以在本地项目页面中嵌入外部页面一 , template中<iframe :src="this.txtUrl" frameborder="0" width="100%" :style="{height:calHeight}" scrolling="auto"></iframe>二 , script中 data() { return { txtUrl: "http://wwww.baidu.c原创 2021-11-17 10:35:46 · 8422 阅读 · 5 评论 -
vue页面怎么显示本地的pdf文件
一 ,npm install --save vue-pdf 下载插件包二 , 新建一个.vue页面 , 把下面代码全部复制过去 , 打开vue页面就是pdf了<template> <div class="pdf"> <pdf v-for="currentPage in pageCount" :key="currentPage" :src="src" :page="currentPage" @loaded="loadPdfHandler">...原创 2021-11-15 20:55:19 · 5112 阅读 · 2 评论 -
<van-list> </van-list>列表组件的使用
<template> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"> <van-cell v-for="(item, index) in list" :key="index"> {{item}}} </van-cell> </van-list></template>&l.原创 2021-11-12 11:49:51 · 7113 阅读 · 0 评论 -
vue中怎么把图片转换成base64字符串 , 以及base64字符串怎么转换成图片路径
一 , 项目根路径npm i vant , 安装vant组件库 ,main.js中引入并注册vant二 , 页面中使用van-uploader上传文件的组件<template> <div> <van-form ref="formRef"> <van-field> <template #input> <van-uploader v-model="fil...原创 2021-11-05 16:01:57 · 4557 阅读 · 0 评论 -
怎么批量修改文件名
一 , win+R 打开cmd命令, cd到需要修改文件名的文件路径二 , 然后 Dir /b>1.xls , 文件夹里会生成一个1.xls三 ,打开1.xls,如果第一行不是1.xls,需要删除第一行,在B列输入更改后的文件名(注意:包含后缀名),例如在B2单元格输入"1.jpg",B列与A列一一对应。在C1单元格输入下列公式,向下拖动="ren "&A1&" "&B1四 , 在文件夹中...原创 2021-11-02 20:03:54 · 18804 阅读 · 3 评论 -
原生js手写下拉选择框
效果如下贴代码 (死数据)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2021-08-11 11:03:53 · 914 阅读 · 0 评论 -
vue 项目中怎么解决跨域 , has been blocked by CORS policy
当浏览器向后端接口请求数据时 , 会出现跨域问题 , 出现如下报错我的后端接口地址是 :https://www.uinav.com/api/public/v1/home/swiperdata一 , 项目根目录新建 vue.config.js配置跨域module.exports = { devServer: { proxy: { '/api': { target: 'htt...原创 2021-08-06 16:04:10 · 13918 阅读 · 0 评论 -
uni-app 项目中怎么解决跨域 , has been blocked by CORS policy
经过前天一下午加昨天一天的艰苦奋斗 , 终于把这个跨域问题给解决了 , 尝试了两个项目的几个接口, 都可以成功后端接口地址是 :https://www.uinav.com/api/public/v1/home/swiperdata一 , manifest.json 中, 点源码视图 ,加上跨域配置// h5端跨域配置 "h5": { "devServer": { "disableHostCheck": true, "proxy": { "/ap...原创 2021-08-06 15:01:30 · 5846 阅读 · 2 评论 -
uni.showToast和uni.navigateTo不能同时执行 , 怎么解决
刚刚发现uni-app项目中,uni.showToast和uni.navigateTo不能同时执行 , 比如下面的代码 , 我想showToast之后 ,navigateTo首页, 但发现弹出提示框之后, 并没有跳到首页uni.showToast({ title: '登录成功', duration: 2000, icon: "none" }); uni.navigateTo({ url: '../index/in...原创 2021-08-05 17:34:15 · 1709 阅读 · 0 评论 -
vue移动端项目 , 解决页面打开不是显示顶部 , 而是显示页面的中部或底部
之前碰到一个奇怪的bug , 就是移动端项目再手机上打开时, 不是显示的页面的顶部 ,而是中部或底部 , 还得手指往上滑才能滑到顶部 , 用户体验很不好 , 于是上网各种查 , 终于解决了这个bug ,就是在页面的.vue文件中加上这行代码 , 就可以了...原创 2021-08-02 15:06:44 · 1132 阅读 · 0 评论 -
uni-app 项目怎么运行到手机
一 , 手机数据线连到电脑 , 手机进到开发者模式 , 每个手机操作不一样 , 自行百度 , 以我的华为手机为例设置 - >系统 -> 关于手机 - >版本号连续点击几次 , 就能进到开发者模式二 , 打开usb调试设置 - > 系统 -> 开发人员选项 - >USB调试打开三 , HBuilder X打开项目运行 - > 运行到手机或模拟器 -> 运行-[设备]控制台会出现正在安装手机端HBu...原创 2021-08-02 10:16:11 · 11817 阅读 · 0 评论 -
uniapp实现video视频禁止拖拽快进功能,禁止拖动进度条快进
之前写了一篇文章 , 禁止快进的 , 但刚刚发现在uni-app中实现不了 , 所以又上网找别的方法,话不多说, 上代码一 , template中<video id="myVideo" @timeupdate="timeUpdate" src="@/static/vlog.mp4" initial-time="initial_time" class="video-item"></video>二 , script中data() { return ...原创 2021-07-30 16:41:15 · 9415 阅读 · 10 评论 -
vue项目中怎么封装api请求
一 , src目录下新建utils文件夹 - > request.js文件import axios from 'axios'import store from '@/store'import router from '../router'// 创建axios 实例const request = axios.create({//设置请求根路径 baseURL: 'http://toutiao.net', timeout: 50000, loading: tr原创 2021-07-23 15:52:09 · 1878 阅读 · 0 评论 -
gitlab的ip地址变了 , git push一直报错 unable to access ....Failed to connect to ... port 443: Timed out
前几天我们公司的gitlab崩了, 后面改了gitlab的ip地址, 需要把代码同步提交上去, 搞了一下午都没搞好 , 因为从来没碰到过这种情况 , 上来就一顿 git add . git commit git push 结果一直报错 , 就是push不上去 查了半天终于解决了 , 原因是gitlab仓库的ip地址变了 , 但我本地项目的git域名还是之前旧的, 所以需要把我本地的git域名修改成新的ip地址git remote -v 查看当前的git域名(旧的)...原创 2021-07-22 17:25:20 · 1471 阅读 · 0 评论