- 博客(53)
- 收藏
- 关注
原创 关于本地上传git仓库的一些操作
如果不想每次都重新输入账号和密码,可以将其存储在 Git 的凭证管理器中。在 Windows 和 Mac 系统中,Git 都集成了一个凭证管理器,可以用来存储和管理输入的账号和密码,从而自动进行认证。可以将其复制粘贴到 Git 仓库的 SSH 密钥设置中,或者将其上传至您的 Git 托管服务商的账户中。其中 `server address` 替换为您的 Git 仓库服务提供商的地址,如 GitHub 为 `github.com`。然后当你拉取的时候会有一个弹窗让你输入所要提交的git仓库的账号和密码。
2023-06-08 21:14:58
903
原创 监听回退vue2
div class="dec_money">可抵扣当前订单金额class="time_for">后失效message: "已领取并使用红包",
2023-05-29 17:40:47
433
原创 滚动事件和点击事件是存在一些兼容性问题的
在 iOS 中,滚动事件和点击事件是存在一些兼容性问题的。造成该问题的原因是 iOS 的默认行为会处理滚动事件,导致同一时间内无法触发点击事件。在这个代码是中,我们依然使用 touchstart 和 touchend 事件代替了 click 事件,并手动触发了链接或其他点击事件。以上是一些解决 iOS 中滚动和点击事件兼容性问题的方法,具体采取哪种方案需要根据实际情况来决定。在 touchmove 事件触发时,禁止浏览器的默认滚动行为,可以保证点击事件可以正常触发。// 手动触发链接或其他点击事件。
2023-04-13 15:37:34
883
原创 vue-awesome-swiper的使用方法
备注: import "swiper/css/swiper.min.css";这段引入是根据自己的路径去引入。4、轮播的时候我的效果是:中间放大两边缩小 =》向左轮播的。在node_modules搜索swiper。
2023-01-13 12:07:17
694
1
原创 路由中meta自定义keepAlive属性
Ps :活到老学到老,这里我主要是应用到了分页功能 点击看详情返回来的。2、在router.js中设置属性。1、给点击加上点击事件。
2022-11-17 23:18:00
1544
原创 报错 vue.min.js:6 TypeError: Cannot read properties of undefined (reading ‘_wrapper‘)
vue.min.js:6 TypeError: Cannot read properties of undefined (reading ‘_wrapper‘)
2022-10-23 12:49:55
2127
原创 JS获取滚动条到底部得距离
// 监听滚动 FirstPage 是父组件传过来的值 判断调用哪个的addEvent() { window.addEventListener( 'scroll', this.type == 'FirstPage' ? this.firstPageScrollEvent : this.scrollDomScrollEvent ); }, // 滚动出首页则展示 firstPageScrollEvent(..
2022-05-28 13:48:49
1602
原创 css3动画旋转不兼容ios
1、定义动画,不仅写上前缀,还要加上初始状态@keyframes rotateLeft{0%{ transform: translateY(-100%) rotateZ(0deg); -moz-transform: translateY(-100%) rotateZ(0deg); -o-transform: translateY(-100%) rotateZ(0deg); -webkit-transform: translateY(-100%) rotateZ(0deg)}1
2022-05-17 00:02:33
829
原创 Date日期对象以及时间戳
是一个构造函数1、获取当前前时间1、没有参数的情况let date = new Date()console.log(date) // 当前系统时间 2、有参数的情况 (写法:数字形式和字符串形式 两种写法一样)let date = new Date(2020,5,14) // , 号隔开console.log(date) // 2020-06-13T16:00:00.000Z 返回的是 6 月 let date = new Date('2020-5
2022-05-14 19:38:18
2501
原创 for 循环工作中用到的一些逻辑以及内置对象
1、从1到100的阿拉伯数字翻译成中文// 从1到100 getChinese : (num) => { const changeNum = ['', '一', '二', '三', '四', '五', '六', '七', '八', '九']; const unit = ['', '十', '二十', '三十', '四十', '五十', '六十', '七十', '八十', '九十', '一百']; const newNum = parseInt(num, 10); let res
2022-05-14 18:40:45
125
原创 原生js的时间对象和修改背景图片
1、获取时间对象,记录当前时间<body> <button>点击</button> <p>123</p> <script> let p = document.querySelector("p") let btn = document.querySelector("button") btn.onclick = function () {
2022-05-05 01:39:47
904
原创 Es6新增Array.from ()方法详解
1、是什么?Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组,也是ES6的新增方法。那么什么是类数组对象呢?所谓类数组对象,最基本的要求就是具有length属性的对象2、实践(1)、将类数组对象转换为真正数组: let arrayList = { 0: 'tom', 1: '65', 2: '男', 3: ['jane','john','Mary'], 'length': 4 } let arr
2022-05-04 00:40:33
186
原创 HTML5 中input 的新属性autocomplete
autocomplete:表示自动填充,在input中autocomplete属性是默认开启的1、定义:autocomplete属性规范表单是否启用自动完成功能。自动完成允许浏览器对字段的输入,是基于之前输入过的值。2、应用范围:autocomplete适用<form>,以及<input>类型的text、search、url、telephone、email、password、datepickers、range、color3、属性值:on----默认,启动自动完成o
2022-05-04 00:26:04
3488
原创 vue2有频率的图片文字变化
每一次变化都是不同的图片和文字1、 首先在data中定义数组和当前索引currentIndex: 0, imageList: [ //这是本地图片 { img: require("../assets/imgs/INFJ导师.png"), name: "INFJ", duty: "导师", doing: "擅长引导指引,遵循道德",
2022-05-03 22:57:42
747
原创 刚创建的vue2项目路由是空白页的原因
1、创建路由router/index.jsimport Vue from "vue";import VueRouter from "vue-router";Vue.use(VueRouter);const routers = [ { path: "/", redirect: "/home", }, //设置默认指向的路径 { path: "/home", component: () => import('../pages/home.
2022-05-03 17:52:35
1035
原创 Vue跑马灯特效组件(vue-marquee-text-component)的使用
vue-marquee-text-component是一款vue.js跑马灯特效组件,利用CSS GPU动画为文本创建传统的跑马灯效果使用方法:1、在main.js 或者 similar文件中 导入组件import Vue from 'vue'import MarqueeText from 'vue-marquee-text-component'Vue.component('marquee-text', MarqueeText)或者 :可以这样做来注册组件:import Mar
2022-05-01 23:59:06
4131
原创 @media screen实现屏幕自适应内容详解
pc端可以些这个@media (min-width: 768px){ //>=768的设备 }手机端可以些这个@media (max-width: 767px){ //<=768的设备 }
2022-05-01 23:52:10
1202
原创 css-图片模糊处理-blur
图片模糊处理方法- - -在图片的css样式中添加:filter: blur();的<!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-wid
2022-04-26 00:19:03
3251
原创 获取url的方法
//获取当前窗口的Urlvar url = window.location.href;//结果:http://localhost:61768/Home/Index?id=2&age=18//获取当前窗口的主机名var host = window.location.host;//结果:localhost:61768//获取当前窗口的端口var port = window.location.port;//结果:61768//获取当前窗口的路径var pathname = wi.
2022-04-26 00:09:38
3852
原创 循环出来的文字添加顿号 ‘、’,最后一个不用加
有时候我们前端拿到后端返回来的数据是数组格式,然后需要循环出来,偏偏在最后一个字符串添加了句号,所以必须由我们前端去解决,(就离谱)后端数据是这样的:偏偏加个句号 ['创作类', '艺术类', '教育', '咨询辅导类', '研究', '宗教', '保健', '技术等领域。']要的效果是这样的:所以必须我们前端来加上了:<h1>偏好的职业领域</h1> <span v-for="(item, index) in tjDat
2022-04-26 00:07:03
3741
原创 刚拿到公司给的vue3项目拉取下来发现npm i 报错
1、首先报错内容如下:经过重新安装node.js后还会继续报以下错har-validator@5.1.5: this library is no longer supported:因为package-lock.json里面的har-validator包的5.1.5版本在npm上已经不存在了。此时我们需要更新package-lock.json。然后通过关键字 har-validator@5.1.5: this library is no longer supported这种报错,在网
2022-04-24 00:46:34
7194
原创 vue组件之间的六种通信方式
1、props和$emit(子触发父)、ref(父调用子)父组件 给 子组件 数据传递,一般使用 props 关键字。 子组件 给 父组件 传递数据,一般使用 $emit 方式触发 父组件 的事件;因为 子组件 是 不能直接修改 props 中的值(即 父组件 传递的值)的,若需要修改,则要通过触发 父组件 的事件,告知父组件进行修改。 父组件 直接调用 子组件 的方法,可用 $refs 获取到子组件的实例,从而调用其方法 示例代码// Parent.vue<template&g
2022-04-11 23:28:37
144
原创 冒泡排序-------
var arr = [23,45,22,67,12,45,35,78,93,17,54,36,56,64,4,1,7,60]; //从小到大依次排序 function sortFun(arr){ //封装一个名为sortFun的函数 var temp = 0; //定义一个变量,作为变量交换的中间量 for(var i=0;i<arr.length;i++){ //确定循环的次数 for(var j=0;j<arr..
2022-03-14 15:55:53
53
原创 小程序uni-app中本地数据存储和接收
1、同步存储和读取// 同步储存和读取// 存uni.setStorageSync('name','LZJAPYX,ZDL'); // name为键名 LZJAPYX,ZDL为健值// 取uni.getStorageSync('name') // 以健名取健值// 删除uni.removeStorageSync('name') // 删除该健名的数据2、异步读取和存储// 存uni.setStorage({ key: "name",
2022-03-14 15:55:10
2224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人