自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 关于使用eslint-plugin-import 设置 plugins: [‘import‘] 不能处理动态导入问题

如果设置ecma版本过低,那么eslint-plugin-import 将什么都不会做。应该将其设置成更高版本,例如2020 或者 11。与eslintrc.js 中的。

2024-01-15 14:56:57 648

原创 pc端移动端共同实现滑动效果-vue

鼠标滑动,鼠标拖拽,鼠标实现移动端touch效果

2021-12-27 13:21:35 1969

原创 微信小程序逆地址解析

1.申请密钥创建个人开发账号 -》控制台 -》 应用管理 -》 创建应用勾选webServerApi和小程序,添加appId -》 生成应用密钥腾讯位置服务2. 微信开放平台添加到服务器域名开发管理 -》 开发设置 -》将https://apis.map.qq.com 添加到服务器域名3.逆解析方法通过微信小程序scriptApi sdk下载项目中调用逆解析方法reverseGeocodervar QQMapWX = require('../../../utils/qqmap-wx-js

2021-08-23 09:54:38 1140

原创 利用svg添加icon

学习笔记今天一口气看了很多大佬关于icon的用法,unicode 和 font-class方式就不做记录了,转载一下大佬的文章手摸手带你优雅使用,icon里面有详细的关于icon发展史及使用方法。今天主要特别记录svg+symbol方式1.直接通过icon库引入1.在icon-font中找到自己想要的icon图标,生成在线链接引入iconfont.js<script src='iconfont.js'></script>引入icon样式,引入一次<style

2021-02-07 15:59:22 2429

原创 canvas生成base64转换成可上传文件

const image = new Image() image.setAttribute('crossOrigin', 'Anonymous') // 解决某些图片跨域(有些图片仍不可使用) image.src = 'url' image.onload = (img) => { let base64 = setBase64(img) var arr = base64.split(',') var mime = arr[0].match(/:(

2021-02-05 17:37:21 396

原创 css overflow滚动条隐藏

css overflow滚动条隐藏1.使用css样式隐藏scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE 10+ */&::-webkit-scrollbar { // chrome safari display: none;}`2.利用外部容器overflow:hidden,内部滚动容器设置padding撑开滚动条...

2021-01-11 11:33:21 459

原创 RN设置宽高100%

RN 中如何设置宽高为100%在组件中引入Dimensions,调用get方法import React from 'react'import{Dimensions, View, Text} from 'react-native'const screenHeight = Dimensions.get('window').height;const screenWidth = Dimensions.get('window').width;function MainComp(props){ re

2021-01-06 11:18:42 962

原创 react context 总结

context 总结为什么使用contextreact 组件作为最小的react 元素,组件嵌套, 我们可以避免通过中间元素传递 props如何使用import React from 'react'function add (props) { const MyContext = React.createContext(defaultValue); const name = '小明‘ return ( <MyContext.Provider value={name}> //

2020-12-25 09:55:30 331 1

原创 利用javascript 完成放大镜效果

利用javascript完成放大镜1.完成css布局,布局方式可以凭个人喜好方式编写2.利用面向对象思想,首先第一步我们要针对small图片进行单击事件,可以利用事件委托判断对象,也可以利用数组,给每一个small图片添加单击事件// 点击小图的时候要修改中图,和大图Enlarge.prototype.click = function(ele){ // 将所有li的红框去掉,给当...

2020-03-14 20:08:28 318

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除