雷明

摘要： 前言 通过百度搜索歌曲，进入到酷我听歌页面时，发现没有歌词定位功能。 突然想到自己可不可以实现这个效果，于是就有了这篇文章。 分析 放上我喜欢的一首歌《Hello》 。界面如下 通过分析html源码，得到以下结果 1、最重要的两部分区域： 歌词区域 、 播放进度区域 2、歌词区域是一个 div [c 阅读全文

摘要： 前言 创建元素有两种方法 1）将需要创建的元素，以字符串的形式拼接；找到父级元素，直接对父级元素的innnerHTML进行赋值。 2）使用Document、Element对象自带的一些函数，来实现动态创建元素（创建元素 => 找到父级元素 => 在指定位置插入元素） 一、字符串拼接形式 为了更好的理 阅读全文

摘要： 前言 JS没有现成的函数，能够直接生成指定范围的随机数。 但是它有个函数：Math.random() 这个函数可以生成 [0,1) 的一个随机数。 利用它，我们就可以生成指定范围内的随机数。 而涉及范围的话，就有个边界值的问题。这样就包含四种情况： 1）min ≤ r ≤ max (一般这种比较常见 阅读全文

摘要： 目录 布局模型 流动模型（Flow） 浮动模型 (Float) 层模型（Layer） 颜色值 长度值 一、布局模型 网页布局模型：个人理解，就是对html中各个元素进行一个排列。而排列的方法可以分为三种：流动模型、浮动模型、层模型。 二、流动模型 这是网页默认情况的布局模式。 特征： 三、浮动模型 阅读全文

摘要： 目录 图解 盒模型尺寸基准 使用浏览器的开发者工具，查看元素高(宽)度时，遇到的问题 一、图解 说明：由内而外依次是content、padding（内边距）、border（边框）、margin（外边距）。 举个例子：一个快递车里放了许多快递包裹（盒子包装的），每个包裹里面又放了不同的东西。 cont 阅读全文

摘要： 目录 块级元素 内联元素 内联块级元素 总结 一、块级元素（block） 定义：默认情况下，独占一行的元素就是块级元素。 特点： 常见的块级元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 二 阅读全文

摘要： 目录 什么是HTML语义化？ 为什么要语义化 常用标签的语义 HTML5新元素 一、什么是HTML语义化？ 简单来讲就是：每个标签做自己的事，使得能够被机器直接读懂。 二、为什么要语义化？ 1、更容易被搜索引擎收录。 2、方便其他类型设备解析（如：屏幕阅读器等） 3、便于团队开发和维护。 三、常用标 阅读全文

摘要： 可以通过http://htmlpreview.github.io/这个网站，直接在线预览html页面。 ↓ ↓ 可以发现：这个网站直接将github上的页面地址当做参数来传递。 阅读全文

摘要： 目的： 用键盘替代鼠标，做一个安静刷知乎的美男(女)子！ 功能： 功能 按键 说明 直接定位到搜索框 q 打开 首页 w 打开 话题 e 打开 发现 r 打开 消息 m 打开 个人主页 u 打开 我的草稿 c 打开 我的收藏 s 打开 关注的问题 g 打开 邀请我回答的问题 y 打开当前可见范围内的 阅读全文

摘要： 目录 CSS选择器 CSS层叠 CSS继承 样式优先级机制 一、CSS选择器？ 选择鼠标指针位于其上的链接。 提示: :hover 选择器器可用于所有元素，不仅是链接。 匹配被用户激活的链接--用户按下按键未松开时的状态。 为了产生预期的效果，以上四个选择器必须得按照先后顺序排列 :link — : 阅读全文