- 博客(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
原创 前端数据库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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人