- 博客(16)
- 收藏
- 关注
原创 vue-baidu-map百度地图点覆盖问题
如下图所示当点击坐标点的时候发现被下一个点覆盖了,查看了一下css发现z-index都是0;点击他拿event事件但是发现修改后z-index不生效,而且去搜这个点,并不是他本身的一个点,而是在另外一个同级div中,在event,百度集成的event.target.Bc里面。直接修改z-index还是发现不行。但是setTimeout延迟一秒后发现可以了。但是移动一下页面又不行了。最后决定加className。如果只找一个使用querySelector性能比getElementByCl.
2022-05-16 22:58:16 608
原创 css3 画粗虚线
用background:linear-gradient 配上background-size就可以了<div class="back"></div><div class="bold-dotted-line"></div>css如下.back { width: 500px; height: 250px; border: 1px solid rosybrown; margin: auto;}.bold-dotted-line {
2022-04-17 14:43:12 461
原创 用class实现一个简单Vue原理dome
按照vue基本原理,分别给class Vue定义两个方法,observe和compile,再添加一个更新视图的watcher,observe(),用来实现数据变化的监听,使用object.defineProperty,当有数据更新时,触发watch和订阅器watcher。 compile(),用来解析DOM,获取每个节点及指令信息,初始化数据并创建watcher。 watcher(),订阅...
2020-01-21 23:58:24 429
原创 js实现深拷贝
为什么要实现深拷贝,首先我们来看一个例子var obj = {number:1};var newobj = obj;console.log(newobj); // {number:1}obj.number = 2;console.log(obj); // {number:2}console.log(newobj); // {number:2}发现此时newobj的nu...
2020-01-20 22:54:08 214
原创 js 实现ai五子棋人机大战
实现原理就是计算五子棋所有赢的种类,利用canvas实现五子棋排版落子。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal...
2019-12-01 10:20:32 1081
原创 js 数组的基本运算
一、数组的概念数组是值的有序集合,每个值叫元素,并且每个值在数组中有对应的数字位置编号,也就是索引。js中的数组是弱类型,可以包含不同类型的元素,可以是对象或者其它数组。var arr = [0, true, null, undefined, 'a', {a:1}, [1,2,3]]每个元素都有对应的索引arr[0] //表示第一个元素,索引0,值为0arr[3] //表...
2019-11-27 18:20:39 4265 1
原创 处理选项卡之间的两个div高度互相影响
只需要设置全部选项卡高度为height:0,overflow:visible,激活的选项卡height:auto 即可
2019-09-04 15:08:35 386
原创 input type=file, 时,onChange事件不触发问题
React中input type=file, 时,onChange事件不触发问题当选择图片相同的时候,不会触发onchange事件,当选择图片相同的时候,不会触发onchange事件,最近在做react项目时发现的问题,代码如下// An highlighted block<input type="file" onClick={(e) =>{e.target.value = '...
2019-04-17 22:30:04 14387 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人