摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
摘要：
最终效果演示： 涉及知识点： HTML+CSS+JavaScript 元素节点的增删 属性节点（class）的操作。 实现流程： 1. 静态页面布局： 上中下三部分：①分数；②主界面是4x4的矩形格子；③开始按钮 <!DOCTYPE html> <html> <head> <meta charset 阅读全文
摘要：
本地存储技术： localStorage(IE8以下不兼容） 1. 永久存储，除非手动改清除 2. 最大可以存储5M 客户端的一个微型数据库 3. 只能存储string cookie 1.可以设置过期时间，过期时间之前一直有效，即使窗口或浏览器关闭 2. 最大可以存4KB 3. 每一个域名下面最多可 阅读全文
摘要：
主要内容： 1. 事件类型 2. 事件绑定 3. 事件解绑 4. 事件对象 1. 事件类型 鼠标事件： click 鼠标单击 bdclick 鼠标双击 mouseover 鼠标放上 mouseout 鼠标移开 mousemove 鼠标移动 onmousedown 鼠标单击按下 onmouseup 鼠 阅读全文
摘要：
原理： 鼠标在小图片上移动时，通过捕捉鼠标在小图片上的位置，定位大图片的相应位置； 遮罩层（放大镜）如何移动，大图片反方向对应倍数移动 主要涉及三个事件: 鼠标移入 ：显示遮罩层和大图区域 鼠标移出 ：隐藏遮罩层和大图区域 鼠标移动 该案例使用的图片分辨率大小是1440*900 HTML： 1 <! 阅读全文
摘要：
float的特性： 1. 元素‘浮动’ 2. 脱离文档流 3. 但不脱离文本流 float 对自身影响： 1. 形成“块”（BFC），可设置宽高 2. 位置尽量靠上 3. 位置尽量靠左(右) float 对兄弟影响： 1. 一般上面贴非float元素 2. 旁边贴float元素 3. 不影响其它块级 阅读全文
摘要：
使用vue做项目时，我们需要了解vue对象的生命周期和生命周期函数，这样才能知道哪些事情应该在哪个函数里做。 Vue 的生命周期：Vue 实例从创建到销毁的过程。 在这过程中，我们在每个特定阶段会触发一些方法（这些方法具备一些功能），我们给这些方法起了名字叫做生命周期钩子函数/组件钩子 生命周期函数 阅读全文
摘要：
网上有很多vue实现todoList的Demo，个人感觉还是这篇讲的更透彻 >地址:https://mp.weixin.qq.com/s/YTaDc5nAuasySK24SCHQnA 今天跟着写了一遍，记录下来方便以后复习，推荐看原文讲解，思路清晰！ 实现步骤： 第一步：创建Vue实例，实现数据绑定 阅读全文
摘要：
原理： 1. 创建1个div 2. 用伪元素:before和:after，画出一个粉色的圆和一个黄色的圆，并将圆心分别定位在正方形的左边和上边。 注意： 设置:before和:after时必须设置其content属性，否则伪元素就不起作用 伪元素不属于文档，所以js无法操作它 伪元素属于主元素的一部 阅读全文
摘要：
原理： 1. 创建一个有宽高的盒子，同时自定义 四条边框的宽度，给上下左右border加上不同颜色,可以看到边框与边框的连接是一条斜线 效果图如下： 2. 如果不设置宽 效果图如下： 不设置高 效果图如下： 四种三角形全出来了，三角形的高度由border-width决定 3. 最后，想要哪个角，把其 阅读全文