- 博客(20)
- 收藏
- 关注
RSS订阅
1原创 react 使用swiper插件
首先引入插件 npm i swiperimport { Component } from 'react';import { Swiper, SwiperSlide } from 'swiper/react';import SwiperCore, { Autoplay, Navigation, Pagination } from 'swiper/core';import 'swiper/css';import 'swiper/css/bundle';import Style from './FJM
2022-05-31 11:33:56
919
原创 网页适配，判断浏览当前网页的设备是pc还是Mobile
isMobile: function () { const ua = navigator.userAgent.toLowerCase(); if (ua.match(/mobile/)) { return true; } return false; },
2022-05-13 16:26:51
210
原创 js 在可输入的元素中 获取选中的范围
start: DOM.selectionStart, //选中开始的位置 end: DOM.selectionEnd //选中结束的位置
2022-03-17 11:14:05
329
原创 一段文字获取鼠标选中的范围和文字
//获取选中的范围getSelectedRange() { var range = document.createRange(); range.selectNode(this.box_ref); var selection = window.getSelection(); var start = selection.anchorOffset; var end = selection.focusOffset;
2022-03-17 11:08:13
450
原创 google drive 前端上传
粘贴到项目中，并运行。<html lang="en"><head> <meta charset="utf-8"/> <link rel="icon" href="%PUBLIC_URL%/favicon.ico"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="theme-color" c
2022-01-11 16:19:11
765
原创 一键复制内容
JS点击粘贴内容//界面部分 textarea需正常显示否则不能实现功能<textarea ref={ele => (this._copyUrlRef = ele)} className={styles.copy_link_textarea} readOnly='readOnly' value={shareLink} />//js部分 触发select()事件this._copyUrlRef.select()d
2021-12-28 15:33:14
418
原创 JS数组方法
join()将数组中的每一项数据按自己设定的连接符连接成字符串var arr = [1,2,3];console.log(arr.join()); // 1,2,3console.log(arr.join("-")); // 1-2-3console.log(arr); // [1, 2, 3]（原数组不变）push()和pop()arr.push()在数组后面添加数据push()...
2020-03-23 16:39:11
111
原创 vue项目使用进度条
第一步引入nprogress 包$ npm install --save nprogress 或者//用法NProgress.start();NProgress.done();第二步如何使用在request.js或router.js中引入import NProgress from ‘nprogress’axios请求拦截器中使用NProgress.start();axios.in...
2020-03-23 14:10:35
652
原创 vue中的.sync修饰符用法及原理详解
1、不使用.sync时//父组件给子组件传入一个函数//se6的写法<MyFooter :age=“age” @setAge="(res)=> age = res"/>//子组件通过调用这个函数来实现修改父组件的状态。mounted () {console.log(this.$emit(‘setAge’,1234567));}2、使用.sync时//父组件将ag...
2020-03-12 15:52:47
741
原创 vue自定义全局指令
1、例如添加全局v-focus指令Vue.directive(‘focus’,{//inserted表示 插入到dom的时候触发inserted(el){//el代表当前绑定的元素el.focus()},//当指令被绑定到元素上时 触发bind(el){el.focus()},//updataed(el){el.focus()}})...
2020-03-10 15:35:09
137
原创 vue生命周期函数
1、beforeCreaed() 实例创建出来之前2、created() 实例创建出来之后3、beforeMount() 挂载前4、mounted（） 挂载5、beforeupdate（） 更改前6、updated（） 更改7、beforeDestroy() 销毁前8、destroyed（） 销毁...
2020-03-10 14:45:06
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人