11 2019 档案
摘要：Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 很多时候我们把Set叫做 集合,但是，Set可以是集合，集合不一定是Set。 特性：唯一性=>不重复=>能够对数据进行去重操作。 注：集合去重，是全等匹配， 。 创建Set Set 本身是一个构造函数，
阅读全文
摘要：数组 一个标识符，存储多个不同数据类型的数据。 特性：有序=>下标=>能够快速访问一个数据。 声明数组 格式1： 字面量方式 (推荐) 关键词 标识符 = [数据]； 例 let i = [1,"A",undefined]; 中括号中的每个数据之间的分隔符是逗号，每个数据称为元素； 每个元素都会有自
阅读全文
摘要：条件分支-if语句 单分支 格式： if (条件) {代码块} 当条件满足时，执行大括号里的代码块 let F65 = 3; let F66 = 2; if (F65 > F66) { console.log(`F65大于F66`); }//F65大于F66 多分支 格式： if (条件1) {代码
阅读全文
摘要：基础概念 编程：人通过“语言”告诉计算机要干什么 “语言”，人与计算机的沟通方式，说一句完整的“语言”，相当于编写一段完整的程序；这段程序会告诉计算机我们想让它干什么。 “语言”（计算机语言）发展史： 1、机器语言 全部由1和0组成的二进制数，这些二进制数组合起来表达某一个含义。 因为计算机只认识1
阅读全文
摘要：这个东东，虽然好像找不到应用场景，但是好喜欢的说 HTML代码： 1 <!-- 立方体容器 --> 2 <div class="box_case"> 3 <!-- 小立方体 --> 4 <div class="small_box"><img src="./IMG/1A.png" ></div> 5
阅读全文
摘要：一、transform-origin 属性 设置旋转元素的基点位置，2D 转换元素能够改变元素 x 和 y 轴，3D 转换元素还能改变其 Z 轴。 必须与 transform 属性一同使用，不然不会有任何效果。 1、x-axis（以y轴为旋转中心时，元素（y轴）在x轴上的位置） 定义视图被置于 X
阅读全文
摘要：CSS3骚样式之二 名为动画，有多会玩就有多骚。 animation 1、animation-name 指定要绑定到选择器的动画的名称 创建一个动画，为动画取名为ball： @keyframes ball{内容} 调用： animation-name:ball; 2、animation-durati
阅读全文
摘要：CSS3骚样式之一 利用transform改变元素样式，旋转，缩放，移动，倾斜等，再结合animation添加更多效果，最后以动画的方式展示，可以做出很多令人眼前一亮的页面效果， 多数情况下，同样的页面内容，适当的加入一些炫酷效果，总是能加分的！所以学好这两个属性，相当重要。 一、transform
阅读全文
摘要：input 联动效果 input舍弃了输入框，感觉好“好玩”！ 二级菜单 贴个我以前做的效果图，一般PC端多用鼠标移入：hover出现二级菜单，input通过鼠标点击出现，PC端和移动端（移动端木有鼠标...）都适用 HTML代码如下： 1 <header> 2 <nav> 3 <input typ
阅读全文
摘要：砸金蛋样式 实现样式： 1、鼠标移入后，鼠标样式图标变为“锤子”。 2、用户砸金蛋，锤子简单的扬起效果。 3、砸碎金蛋，显示内容。 分析实现步骤： 1、在html中插入一颗金蛋 找一张静态图片或带一点效果的动态图，直接放入img标签即可。 2、鼠标移入，改变鼠标样式图标 系统自带的鼠标样式就那几种，
阅读全文
