02 2020 档案

JavaScript——event事件详解
摘要：1.事件对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 事件通常与函 阅读全文
posted @ 2020-02-26 17:57 ccv2 阅读(500) 评论(0) 推荐(0)
Day17-18前端学习之路——Javascript事件
摘要：用户在某个元素上点击鼠标或悬停光标。 用户在键盘中按下某个按键。 用户调整浏览器的大小或者关闭浏览器窗口。 一个网页停止加载。 提交表单。 播放、暂停、关闭视频。 发生错误。 更多事件：https://developer.mozilla.org/zh-CN/docs/Web/Events 一、概念 阅读全文
posted @ 2020-02-25 10:21 ccv2 阅读(186) 评论(0) 推荐(0)
Day17-18前端学习之路——常用语句资料库
摘要：一、var 与 let 的区别 var: 可以先初始化再声明该变量; 可以根据需要多次声明相同名称的变量 var myName = 'Chris'; var myName = 'Bob'; let myName = 'Chris';//let不能像var那样多次声明，let只能声明一次 myName 阅读全文
posted @ 2020-02-23 20:12 ccv2 阅读(162) 评论(0) 推荐(0)
Day5前端学习之路——盒模型和浮动
摘要：盒子模型 浮动float 一、盒子模型 （1）content内容区 width和height是框内容显示的区域——包括框内的文本内容，以及表示嵌套子元素的其他框，也可以使用min-width、max-width、min-height、max-height来设置最低/最高限度的width和height 阅读全文
posted @ 2020-02-21 13:34 ccv2 阅读(148) 评论(0) 推荐(0)
Day7前端学习之路——多栏布局
摘要：该文章主要讨论两栏布局和三栏布局，三栏布局包括很著名的圣杯布局和双飞翼布局 一、两栏布局的七种方法（左边固定，右边自适应） 原理： block水平元素宽度能够跟随父容器调节的流动特性，block级别的元素盒子的宽度具有填满父容器，并随着父容器的宽度自适应的流动特性。 利用CSS的calc( )方法动 阅读全文
posted @ 2020-02-21 13:31 ccv2 阅读(259) 评论(0) 推荐(0)
如何在GitHub预览html
摘要：1.在GitHub中找到需要预览的html文件，点击settings 2.找到GitHub Pages，将其中的source改为master branch，此时出现了下图中的红色链接，打开一个新的网页，将该网址复制进去，然后将github中html文件的存放路径放到该链接的后面即可 3.生成的链接为 阅读全文
posted @ 2020-02-12 16:10 ccv2 阅读(759) 评论(0) 推荐(0)
Day6前端学习之路——布局
摘要：一.定位 1）静态定位 position：static（默认） 2）相对定位 position：relative（要配合top、bottom、left、right等属性来使用） 3）绝对定位 position：absolute 绝对定位固定元素是相对于 <html> 元素或其最近的“position 阅读全文
posted @ 2020-02-02 21:09 ccv2 阅读(242) 评论(0) 推荐(0)