- 博客(14)
- 收藏
- 关注
原创 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 528
原创 用class实现一个简单Vue原理dome
按照vue基本原理,分别给class Vue定义两个方法,observe和compile,再添加一个更新视图的watcher,observe(),用来实现数据变化的监听,使用object.defineProperty,当有数据更新时,触发watch和订阅器watcher。 compile(),用来解析DOM,获取每个节点及指令信息,初始化数据并创建watcher。 watcher(),订阅...
2020-01-21 23:58:24 469
原创 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 238
原创 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 1284
原创 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 4477 1
原创 处理选项卡之间的两个div高度互相影响
只需要设置全部选项卡高度为height:0,overflow:visible,激活的选项卡height:auto 即可
2019-09-04 15:08:35 436
原创 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 14816 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人