06 2020 档案
摘要：标签的分类 1. 双标签 又叫常规标签 : 有开始标签和结束标签 eg: <div></div> <body></body> … 2. 单标签 又叫空标签 : 只有开始标签 eg : <br> <img> <meta> … 标签的说明 代码只有要嵌套就会出现缩进, head 和body可以不缩进在
阅读全文
摘要：动态实现简单的二级菜单 当鼠标放到一级标签上时，鼠标会变成小手的形状 展示二级菜单，源码如下，复制即可直接使用 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport"
阅读全文
摘要：市场上常见的大主流浏览器及内核 chrome 内核 : 原来是webkit, 现在是blink内核 firefox 内核 : gecko IE 内核 : trident opera 内核 : 原来是是presto , 现在是blink内核 safari 内核 : 是webkit 内核 : 又叫渲染引
阅读全文
摘要：向上取整 向下取整 四舍五入 产生100以内随机数
阅读全文
摘要：JS 数字型三个特殊值 Infinity ，代表无穷大，大于任何数值 -Infinity ，代表无穷小，小于任何数值 NaN ，Not a number，代表一个非数值 isNaN的使用： isNaN(x): x是数字型的时候（也就是它不是非数字） 它的返回值为 false x是非数字型的时候 它的
阅读全文
摘要：这是移动端布局的初始头部样式，可以解决不同浏览器的兼容问题 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 1 <!--要求当前网页使用IE浏览器最高版本的内核来渲染--> 2 <meta http-equiv="X-UA-Compatib
阅读全文
摘要：声明变量特殊情况 情况 说明 结果 var age ; console.log (name); 只声明 不赋值 undefined console.log(name) 不声明 不赋值 直接使用报错 name= 20; console.log (name); 不声明 只赋值 20 1. 由字母(A-Z
阅读全文
摘要：JavaScript 不同浏览器兼容
阅读全文
摘要：3D 旋转木马是CSS中常见的特效之一，旋转木马可以有多种方法实现，这里我使用纯CSS实现这种动画的效果。 简要介绍一下重点 transform: rotateY(60deg) translateZ(300px);这是必须先旋转后 沿着z轴移动，不然会错乱，translateZ是沿着Z轴移动，其值越
阅读全文
摘要：只使用css实现轮播图简单的操作 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial
阅读全文
