- 博客(84)
- 收藏
- 关注
RSS订阅原创 //权限判断-两组数据对比是否有相同属性,生成新的对象
downloadLimits: 'DOWNLOAD_LIMITS', //下载权限,shareLimits: 'SHARE_LIMITS', //分享权限。clickLimits: 'CLICK_LIMITS', //点击权限。viewLimits: 'VIEW_LIMITS', //查看权限。//两组数据对比是否有相同属性,生成新的对象。
2023-06-14 09:59:39
529
原创 实现缺省页面
<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
372
原创 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
2295
原创 vue hash模式下路由改变页面不刷新问题
//js原始方法刷新，相当于按F5刷新页面，会有短暂的白屏，相当于页面的重新载入//js原始方法刷新，相当于按F5刷新页面，会有短暂的白屏，相当于页面的重新载入hash模式下路由改变页面不刷新问题在App.vue文件中添加：export default { mounted () { // 检测浏览器路由改变页面不刷新问题,hash模式的工作原理是hashchange事件 window.addEventListener('hashchange', () => { ..
2022-04-08 16:22:05
4598
原创 金额转换保留小数点后两位
//金额转换保留小数后两位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
1399
原创 利用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
579
原创 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
495
原创 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
777
原创 面试算法题
给定一个只包括 '('，')'，'{'，'}'，'['，']' 的字符串，判断字符串是否有效。有效字符串需满足：左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。注意空字符串可被认为是有效字符串。示例 1:输入: "()"输出: true示例2:输入: "()[]{}"输出: true示例3:输入: "(]"输出: false解题思路判断字符串的长度如果为奇数直接返回false 如果为偶数，则分别以成对扩号的左半部分为键，右半部..
2021-12-10 16:57:19
73
原创 微信浏览器打开H5页面底部导航栏(左右箭头)固定或隐藏（vue）
解决iphone进入微信公众号跳转页面后底部会出现一行回退前进按钮 上下滑动时可以隐藏和显示该栏 但是快速滑动时底部的的状态栏会等浏览器中状态栏全部消失后才会掉落至底部，并且按住滑动慧出现一段底部页面穿透，效果不好。所以下面这个方法上让导航栏在上下滑动的时候固定不动把底部导航栏固定在不动方案：分两步第一步：在meta标签上加viewport-fit=cover<meta name="viewport" content="width=device-width,initial-..
2021-12-09 18:47:30
15831
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
319
原创 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
3118
原创 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
931
原创 端内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
478
原创 列表数据滚动曝光埋点和点击埋点
使用的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
658
原创 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
10609
4
原创 解决移动端click事件延迟300ms和点击穿透问题
npm install fastclickimport FastClick from 'fastclick';mounted(){ FastClick.attach(document.body)}
2021-08-18 15:00:15
122
原创 解决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
1537
原创 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
277
原创 从拿到新的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
86
原创 项目启动报错
npm run serve 启动项目报错vue.js 进行初始化遇到的关于core-js的错误@core-js/modules/es6.array.find-index]解决链接：https://blog.csdn.net/qq_40999917/article/details/106575086Failed to compile with 60 errors ...
2021-07-29 16:15:08
8050
原创 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
447
原创 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
3138
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
982
原创 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
2193
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
124
原创 从0到1构建一个项目（超详细）
首先注册一个gitHub，登录进去以后创建一个新的项目，一：创建一个新项目，起一个项目名称，选择Node节点二： npm安装，npm官网，根据mac或window下载对应的版本下载完成后，双击安装，直到Finish完成安装打开终端 (控制命令行程序（CMD）) 或者 iTerm2,查看node和npm版本也可以使用淘宝镜像cnpm因为国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝镜像cnpmnpm install -g ...
2021-07-14 17:29:45
2208
原创 前端代码回滚
代码回滚：git log //查询commit版本idgit reset --hard commit_id //回滚到某一个Id版本例如：git reset --hard 71902bc578f7239efa1388b17b8ffe6e2724eb25git push origin HEAD --force //回滚完了要强制推一下git reset --hard HEAD^ //回滚到上一个版本...
2021-07-13 16:21:52
1274
原创 vscode 常用插件
Beautify 1.4.11Beautify css/sass/scss/less 2.1.0Chinese (Simplified) Language Pack for Visual Studio CodeCSS FormatterDocument ThisESLintGitLens — Git superchargedHTML CSS Supportjsx-beautifykoroFileHeaderminappMithril Emmetopen in browserPat.
2021-07-13 16:18:16
96
转载 抓包工具 Charles使用教程---抓取接口数据
1、抓包工具 Charles下载地址：https://xclient.info/s/charles.html#versions2、使用教程：https://www.jianshu.com/p/fc2f0afa8b563、参考文献：Charles使用教程及Https乱码解决：https://www.jianshu.com/p/bddaf8fcfce8Charles手机安装证书：https://malcolmyu.github.io/2017/02/26/Dive-into-Charles-..
2021-07-13 16:15:17
4865
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人