- 博客(88)
- 收藏
- 关注
RSS订阅原创 VScode 删除本地分支，删除远程分支！
删除远程分支：git push origin --delete 分支名（remotes/origin/分支名）远程分支已删除，vscode还有记录，修剪远程分支：git remote prune origin。删除本地分支：git branch -d 分支名（remotes/origin/分支名）强制删本地：git branch -D 分支名。
2024-09-27 14:36:56
903
原创 //权限判断-两组数据对比是否有相同属性,生成新的对象
downloadLimits: 'DOWNLOAD_LIMITS', //下载权限,shareLimits: 'SHARE_LIMITS', //分享权限。clickLimits: 'CLICK_LIMITS', //点击权限。viewLimits: 'VIEW_LIMITS', //查看权限。//两组数据对比是否有相同属性,生成新的对象。
2023-06-14 09:59:39
550
原创 实现缺省页面
<div v-else class="nothing category-wrap"> <em></em> <span>什么也没有~</span> </div>//css.nothing { width: 100%; height: 238px; padding-top: 31px; box-sizing: border-box; display: flex; flex...
2022-04-20 15:35:47
412
原创 css实现loading
<div class="loading" v-if="loading"> <div class="loading-bg"></div> <div class="loading-container"></div> </div>//css.loading { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; ...
2022-04-20 15:33:44
2325
原创 vue hash模式下路由改变页面不刷新问题
//js原始方法刷新，相当于按F5刷新页面，会有短暂的白屏，相当于页面的重新载入//js原始方法刷新，相当于按F5刷新页面，会有短暂的白屏，相当于页面的重新载入hash模式下路由改变页面不刷新问题在App.vue文件中添加：export default { mounted () { // 检测浏览器路由改变页面不刷新问题,hash模式的工作原理是hashchange事件 window.addEventListener('hashchange', () => { ..
2022-04-08 16:22:05
4904
原创 金额转换保留小数点后两位
//金额转换保留小数后两位const transform = (v)=>{ let num = v num += '' num = num.replace(/[^0-9|\.]/g, '') //清除字符串中的非数字非.字符 if(/^0+/) //清除字符串开头的0 num = num.replace(/^0+/, '') if(!/\./.test(num)) //为整数字符串在末尾添加.00 num += '.0019999999.
2022-03-30 17:12:57
1434
原创 利用GitPage+VuePress搭建个人博客
工具：github、VScode第一步：在github上创建一个名为username.github.io的项目，选择Public公开，然后保存，进入到这个项目中，找到Settings--点击左侧的Pages，设置分支资源Source，然后打开Your site is published at后面的地址第二步：拉取代码git clone git@github.com:xxxx/username.github.io.git，新建index.html文件，git add ....
2022-03-07 18:19:01
616
原创 vue首次进入某页面滚动页面，其他情况不滚动
// 刷新数据 beforeRouteEnter(to, form, next) { // 首次进入刷新，其他情况不处理 let flag = true if ( !(localStorage.getItem('firstInto')) && flag) { localStorage.setItem('firstInto', 1) flag = false } if (localStorage.getItem('first.
2022-01-15 20:36:41
519
原创 vue一进页面滚动到指定位置
<header></header> <div class="content" ref="swiperContent"> //滚动内容页面 </div> <footer></footer>// 一进页面滚动到指定位置 animate(element, target) { clearInterval(element.timeId) var current = 0 eleme..
2022-01-12 18:13:21
809
原创 面试算法题
给定一个只包括 '('，')'，'{'，'}'，'['，']' 的字符串，判断字符串是否有效。有效字符串需满足：左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。注意空字符串可被认为是有效字符串。示例 1:输入: "()"输出: true示例2:输入: "()[]{}"输出: true示例3:输入: "(]"输出: false解题思路判断字符串的长度如果为奇数直接返回false 如果为偶数，则分别以成对扩号的左半部分为键，右半部..
2021-12-10 16:57:19
85
原创 微信浏览器打开H5页面底部导航栏(左右箭头)固定或隐藏（vue）
解决iphone进入微信公众号跳转页面后底部会出现一行回退前进按钮 上下滑动时可以隐藏和显示该栏 但是快速滑动时底部的的状态栏会等浏览器中状态栏全部消失后才会掉落至底部，并且按住滑动慧出现一段底部页面穿透，效果不好。所以下面这个方法上让导航栏在上下滑动的时候固定不动把底部导航栏固定在不动方案：分两步第一步：在meta标签上加viewport-fit=cover<meta name="viewport" content="width=device-width,initial-..
2021-12-09 18:47:30
17255
2
原创 vue 写复制
<template> <div class='my' id="my"> <div class="myContent"> <div class="userInfo"> <div class="userAvatar"> <img v-if="userInfo.headImgUrl" :src="userInfo.headImgUrl" alt=""> </d.
2021-12-08 14:40:13
339
原创 vue实现弹窗选择
1、创建一个ImproveResume.vue<template> <div class="release-post"> <div class="header"> <img class="header_left" src="./images/left_header.png" alt="" @click="clickGoBack" /> &l..
2021-10-11 16:41:04
3201
原创 linkedme前端H5跳转客户端【从微信分享卡片某详情页点击打开app,回到app某详情页vue】
需求：从app分享一个文章详情到微信，用户打开分享卡片，进入到详情页，详情页有个按钮【打开app】,点击按钮回到app里面的详情页linkedme官方文档ShowDoc1.服务端会返回linkedMe的keyId【linkedMeKey.keyId】以及跳转的链接Url【linkedMe】； 2.param用于原生客户端和客户端判断具体跳转位置；具体在vue实现分三步：第一步： 在index.html里面引入<script src="https://static.lkm..
2021-10-08 10:30:46
992
原创 端内APP分享到微信,微信打开卡片拉起微信授权vue
官网:网页授权链接(公众号)通过拉起授权获取code值，把code值给后端，通过接口拿到openId代码写在main.js中，先render避免拉起的时候闪一下let ua = window.navigator.userAgent.toLowerCase()const urlInstance = new URL(window.location.href)import { baseApi } from '@/config'if ( ua.match(/MicroMessenger/i)
2021-09-23 14:12:28
519
原创 列表数据滚动曝光埋点和点击埋点
使用的IntersectionObserver API<template> <div class="job_list" v-if="showList.length > 0"> <div class="title">列表title</div> <van-list v-model="loading" :finished="finished" finished-text="我们是有底线的～
2021-09-21 18:07:22
709
原创 vue 移动端弹窗后禁止页面滚动 @touchmove.prevent
vue 移动端弹窗后禁止页面滚动 @touchmove.prevent可以在遮罩层中添加@touchmove.prevent 就可以实现禁止页面滚动注意 弹窗里面有滚动条的也是无法滚动的 <div class="popup" @touchmove.prevent></div>.popup { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6);}.popup-content { .
2021-08-18 18:16:31
11101
4
原创 解决移动端click事件延迟300ms和点击穿透问题
npm install fastclickimport FastClick from 'fastclick';mounted(){ FastClick.attach(document.body)}
2021-08-18 15:00:15
145
原创 解决Vue提交按钮重复点击重复提交问题防抖
111、创建js文件preventReClick.jsexport default { install (Vue) { // 防止重复点击 Vue.directive('preventReClick', { inserted (el, binding) { // console.log("binding-7", binding) el.addEventListener('click', () => { ...
2021-08-18 14:39:39
1566
原创 vue传参父到子，子到父，跳转等
页面传参：父到子：props传参，写在子组件上:title="title"// 父级页面<template> <div> <DefaultPage :title="title"></DefaultPage> </div></template><script>import DefaultPage from './DefaultPage'export default { name: '
2021-08-10 18:55:04
300
原创 从拿到新的mac本开始到可以开发
1、谷歌浏览器，iTermitem2下载地址：https://www.iterm2.com/在Safari打开百度搜索谷歌浏览器下载安装，打开谷歌--《设置》--《搜索引擎》设置为百度2、command+shift+H 打开mac上所有文件夹，新建文件夹projects3、打开系统偏好设置----《用户与群组》---右键管理员--打开高级选项--个人目录选取，看看projects在不在里面4、在iTerm输入 chsh -s /bin/zsh配置链接查看安装的zsh版本zsh
2021-08-02 15:13:46
102
原创 项目启动报错
npm run serve 启动项目报错vue.js 进行初始化遇到的关于core-js的错误@core-js/modules/es6.array.find-index]解决链接：https://blog.youkuaiyun.com/qq_40999917/article/details/106575086Failed to compile with 60 errors ...
2021-07-29 16:15:08
8173
原创 jQuery实现动画
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>很火爆的抖音女朋友相册代码-炫酷旋转相册</title><link rel="stylesheet" href="img/CSS.css"></head><body><div...
2021-07-26 17:45:17
490
原创 vue实现动画旋转
这是jQuery实现地址：https://www.jq22.com/jquery-info17962<template> <div> <div id="advert"> <div class="bg1"> <div> <img src="././icons/icon-01.png" alt="" class="icon01" /> <i.
2021-07-26 16:59:15
3222
1
原创 VUE上下轮播实现
<template><div> <div :style="{ height: height * lineNum + 'px' }" class="rollScreen_container" id="rollScreen_container" > <ul class="rollScreen_list" :style="{ transform: transform }" :clas...
2021-07-26 16:45:43
1023
原创 vue实现底部弹窗多选
<template> <div class="release-post"> <div class="resume_main"> <div class="resume_content"> <van-form> <div class="table_list post_welfare"> <p class="name_title"&...
2021-07-20 10:52:33
2255
1
原创 vue中Swiper轮播分发
父组件：AswiperDemo.vue<template> <div class="content"> <div class="head"> <img src="./images/2.jpg" alt="" class="head_img" /> </div> <div> <div class="text_line"> <span class=.
2021-07-19 19:40:27
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人