自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vant组件库封装可翻页日历组件

Vant 是一个轻量、可靠的移动端组件库,但是其中的日历组件存在官方bug,2.12.54版本这个bug依旧存在。怎样在修改bug的同时封装一个可以自主使用按钮翻页的组件呢

2023-02-15 16:25:50 4072

原创 openLayers基础地图操作

和高德地图,百度地图,腾讯地图,Arcgis一样,OpenLayers是一个用于开发WebGIS客户端的JavaScript包。

2023-02-14 12:16:45 7561 2

原创 从多宫格的Z型布局到圈式布局

对于在九宫格格式下两种布局方式改变的探索

2022-10-28 15:31:27 785 1

原创 Vue实现3*3九宫格抽奖(并拓展实现n*n多宫格抽奖)

3*3九宫格,4*4十二宫格,5*5十六宫格,n*n多宫格一套代码实现!

2022-10-27 15:49:20 3247 3

原创 Vue和React引入echarts方式汇总

echarts在Vue和React中的使用看这个就够啦!

2022-07-05 18:35:39 2709

原创 前端数据库indexedDB入门

indexDB是HTML5的新概念,indexedDB是一个用于在浏览器中存储较大数据结构的Web API,并且提供了索引功能以实现高性能查找。

2022-06-29 17:02:24 22952 1

原创 Vue3.x渲染流程(render())

本文章是叙述的DIff算法之前,patch函数进行分类的探讨,关于DIff算法的深入了解可以看我另一篇文章

2022-04-08 17:22:37 6283

原创 从VirtualDom(虚拟Dom)到真实DOM

虚拟Dom实现为真实Dom结构并进行更新的集合说明,包含虚拟Dom和真实Dom的互相转换以及更新时候的比较,在react和Vue以及后续版本应用的逻辑说明。本文展示的代码仅仅是简单初级代码,关于React和Vue中的diff算法和真实dom以及虚拟dom的互相转换请参考react和Vue的官方源码。

2022-03-30 15:00:39 3407

原创 监听Dom节点失焦触发方法的几个思路

之前接触一个需求是点击弹出一个弹窗,再点击页面空白地方弹窗消失,类似这个:点击按钮出现一个dom节点,既可以再点击dom节点关闭也可以点击页面其他部分关闭,点击页面其他部分关闭的时候就用到了失焦触发这个方法。但是一般情况下,onblur事件只在input等元素中才有,而div是没有的。如果想让div也能拥有失焦方法,只能通过其他事件来达到类似onBlur的方法。1.用防抖实现鼠标移出DIV消失利...

2022-02-23 14:42:24 3432

原创 主流框架(react、vue)引入百度地图方式汇总

首先到百度地图官网以开发者身份申请一个百度地图ak密钥。百度地图api官方地址:https://lbsyun.baidu.com/index.php?title=jspopularGLReact: 一、以组件化使用百度地图(React-BMapGL)组件文档地址:https://gitee.com/mirrors/react-bmap?skip_mobile=true...

2021-09-05 17:13:20 3995

原创 JavaScript实现语音助手核心代码

前言 现在语音识别技术得到了越来越广泛的应用https://www.xfyun.cn/doc/asr/rtasr/API.html#%E6%8E%A5%E5%8F%A3%E8%AF%B4%E6%98%8E## 引入1.可以通过import方式进行引入: import {voiceCore} from 'voice-core';2.可以通过require方式进行引入: const voiceCore = require('voice-core').voiceCore;...

2021-08-30 12:37:05 4843 4

原创 页面ifream固定分辨率展示并适配所有分辨率方法

实现方式:以ifream要完整展示1920*1080大屏为例:将ifream本身进行相对于1920*1080的等比例放大,然后再使用transform对ifream进行相对于1920*1080的等比例缩小,然后再将放缩之后的ifream进行平移至页面正中间,实现铺满整个屏幕。效果实现:虽然网页展示的只是一个ifream,但是还需要在该ifram外面再包一层父级div,<div className={s...

2021-07-29 15:51:39 2384

wapianxiazai0214.7z

瓦片地图下载,免安装,可兼容openlayer

2023-02-14

空空如也

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

TA关注的人

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