- 博客(16)
- 收藏
- 关注
RSS订阅原创 ES6 新增集合 Map 和 Set
MapMap 是一组键值对的结构，具有极快的查找速度。初始化初始化Map需要一个二维数组，或者直接初始化一个空Map： var m1 = new Map([['a', 'a1'], ['b', 'b2'], ['c', 'c3']]); var m11 = new Map([['a', 'a1'], ['b', 'b2'], ['c', 'c3']]); var m2 = new Map();打印 m1，会返回Map {“a” => “a1”, “b” => “b2
2020-08-31 19:14:34
198
原创 Vue 实现简单记事本
用到的知识列表结构可以通过 v-for 指令结合数据生成v-on 结合事件修饰符可以指定某个键，比如 .enter通过 v-model 可以快速的设置和获取表单元素的值vue 是一种基于数据的开发方式关于 data 中使用 return 的问题因为使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件；而不使用return包裹的数据会在项目的全局可见，会造成变量污染 。实现效果代码<!DOCTYPE html><html lang="en">
2020-08-24 23:56:02
1578
1
原创 html5 css3 新增总结
html5新增的语义化标签标签名称<header>头部标签<nav>导航标签<article>内部标签<section>定义文档某个区域<aside>侧边栏标签<footer>尾部标签新增的多媒体标签新增视频标签<video src = "文件地址"></video>常见属性：属性值描述mutedmuted静
2020-08-17 12:27:03
259
原创 ES 6/7 新特性： Promise async await
题目：一秒后打印 1，隔两秒打印 2, 再隔三秒打印 3首先，用普通的 setTimeout 来完成：setTimeout(() => { console.log(1) setTimeout(() => { console.log(2) setTimeout(() => { console.log(3) }, 3000) }, 2000)}, 1000)这样的嵌套多了会像一个千层蛋糕
2020-08-16 23:01:39
396
原创 清除浮动的知识总结
为什么要清除浮动有时候为了方便，父元素不设置高度，而子盒子又是浮动的，这样如果不清除浮动，就会影响后面的布局。清除浮动之后，父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。清除浮动的方法额外标签法（隔墙法）格式：选择器{clear: 属性值; }属性值描述left清除左侧浮动的影响right清楚右侧浮动的影响both同时清除左右两侧浮动的影响其中：clear: both; 较为常用。优点：通俗易懂，书写方便；缺点：添加
2020-08-13 12:01:52
206
原创 电商首页的轮播图
实现功能1、自动轮播2、鼠标划入左右按钮出现，划出消失3、左右按钮点击转换4、下方小圆点实现切换效果html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2020-08-11 22:57:20
1394
1
原创 一个简单易懂的拖拽实例
鼠标拖动方块，并限制出界：实现效果：html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link r
2020-08-07 18:38:49
340
原创 浏览器兼容设置 + 拖拽封装
浏览器兼容设置都以点击事件 onclick 为例：事件对象获取document.onclick = function(ev) { let e = ev || window.event;}获取键码let w = e.which || e.keyCode;目标对象 / 触发对象button.onclick = function() { let target = e.target || window.event.srcElement;}组止超链接默认行为的函数e 为获
2020-08-07 18:36:13
499
原创 跟随鼠标 光点 练习
是一个简单的小练习，最后实现的效果如下：就是蓝色的点，跟着鼠标走，后面的也清除。思路最后的点先移到倒数第二的位置，倒数第二移到倒数第三的位置，以此类推…最后让第一个点，到达鼠标的位置；ps: 不要想着先挪第一个再挪第二个，那你第二个很可怜，都找不到第一个之前的位置…html 文件就是简单的设置了 20 个 div 标签：<!DOCTYPE html><html lang="en"><head> <meta charset="UT
2020-08-07 12:23:59
413
原创 ES6 新增的数组方法举例
举几个例子~~const arr = [1,2,3,4,5,99,102,-1,3,7];forEach是一种遍历方法举例：1、使数组中每一个元素乘 2arr.forEach((ele,index) => { arr[index] *= 2;})2、求和let sum = 0;arr.forEach((ele,index) => { sum += arr[index]; return sum; })console.log(sum);m
2020-08-06 12:04:07
316
原创 js, css, html 实践：跟随鼠标移动提示框
html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鼠标移动提示框</title> <link rel="stylesheet" href=".
2020-08-05 22:30:47
1228
原创 js 笔记_10 事件相关知识总结
格式：元素节点.on + 事件例如点击事件：button.onclick = 匿名函数;事件类型事件类型包括：鼠标事件、键盘事件、HTML 事件鼠标事件事件何时触发click单击dbclick双击mouseover鼠标移入mouseout鼠标移出mousemove鼠标移动（会不停出发）mousedown鼠标按下mouseup鼠标抬起mouseenter鼠标移入mouseleave鼠标移出键盘事件事
2020-08-05 19:15:54
273
原创 用html, css, js 实现简单选项卡制作
实现功能通过点击按钮查看相应的介绍；按钮相应的变色；内容相应的切换；html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>选项卡</title>
2020-08-03 17:39:30
921
2
原创 备忘录进阶版： html, css, js
利用 jQuery 做一个备忘录，有记录，选中删除，选中拷贝等功能：html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>节点操作练习</title>
2020-08-01 21:14:23
860
原创 js 笔记_09 节点操作知识 及 备忘录实战
获取子节点childNodes：访问当前节点下所有的子节点；firstChild：访问子节点中的首位；lastChild：访问子节点中的最后一位；nextSibling：访问当前节点的下一个兄弟节点；previousSibling：访问当前节点的上一个兄弟节点；但是上述的方法会将空格，回车等作为文本节点记入。（虽然空格回车等确实就是字符，但我们获取的时候并不想带它们，所以需要一个将纯空白的文本节点剔除的方法）下面的方法只获取子节点中的元素节点。[ IE8 以下不兼容 ]和前面的功能对应：
2020-08-01 00:11:40
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人