摘要：
一、什么是渐进增强 在网页开发中，渐进增强认为要专注内容本身。 在开始针对低版本的浏览器构建页面，满足最基本的功能，然后再针对更高级的浏览器设置更加完美的效果，以达到更好的用户体验。 即，以最低要求，以实现基础功能为基础，向更高层次的兼容。 二、什么是优雅降级 优雅降级是指在最开始的时候先针对一个高
阅读全文
posted @ 2019-10-10 23:33
Cloud%
阅读(166)
推荐(0)
摘要：
CSS变量（CSS variable） CSS变量 是由CSS作者定义的实体，其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名，并使用特定的var()来访问。 一、CSS变量的用途 构建大型站点时，在这些网页中，有大量的CSS样式，并且会在许多场合大量重复的使用。比如说：为了保持一
阅读全文
posted @ 2019-10-07 21:33
Cloud%
阅读(6427)
推荐(1)
摘要：
一、后代选择器 选取指定元素的后代元素 与子元素选择器相比，后代选择器选取的不一定是直接后代（儿子），而是作用于所有后代元素（儿子、孙子、重孙…）都可以。 实例：（选取类为 box的元素的 id为aa后代元素） HTML <div class="box"> <p>emmmmmmmmmm……</p>
阅读全文
posted @ 2019-10-06 20:37
Cloud%
阅读(20518)
推荐(7)
摘要：
使用font-size:0解决设置inline-block引起的空白间隙问题 一、空白间隙问题 在进行页面布局的时候为了页面代码所谓整洁刻度，往往会设置缩进或是换行，但是元素display为inline-block或是inline时，行内元素虽然没有设置 margin值，这些换行或是缩进。还是会出现
阅读全文
posted @ 2019-10-06 15:29
Cloud%
阅读(1573)
推荐(0)
摘要：
仿网易云音乐导航栏 推荐 歌单 主播 排行榜 歌手 可以自己手动实验这些效果哦~ :link 选择所有未被访问的链接 a:link； :visited 选择所有已被访问的链接 a:visited； :active 选择活动链接 a:active； :hover 选择鼠标指针位于其上的链接 a:hov
阅读全文
posted @ 2019-10-04 20:20
Cloud%
阅读(761)
推荐(0)
摘要：
一、什么是函数 函数（function），也可以被称之为方法（method）或者是过程（procedure）。函数本质上是功能完整的对象。 函数是一段预定好的，并可以被反复调用的代码块，其中可以包含多条可执行语句。函数还能接受输入的参数，不同的参数可以返回不同的值。 预定定义好：事先声明好，但是不被
阅读全文
posted @ 2019-10-04 00:07
Cloud%
阅读(358)
推荐(0)
摘要：
利用CSS3中的transform属性画菱形和平行四边形 transform 实现2D或是3D的变形转换，通过transform可以实现对元素的四种变换：旋转、缩放、移动、倾斜 一、菱形 菱形的特点：菱形的四条边相等，可以理解为正方形的一种，所以分析可以通过正方形的旋转得到菱形 transform:
阅读全文
posted @ 2019-10-03 20:42
Cloud%
阅读(2870)
推荐(0)
摘要：
最终想要实现的效果 一、五角星 在画五角星之前首先分析这个五角星是如何实现，由哪几个部分构成的，示意图如下： 三个顶角向上的三角形，通过设置旋转和定位相互重叠和拼接实现最终的五角星效果。 为了语义化和代码更加简便，所以使用伪类来添加内容。 1、设置一个等腰三角形，并使用transform将其旋转到合
阅读全文
posted @ 2019-10-03 20:38
Cloud%
阅读(2204)
推荐(1)
摘要：
太极图可以理解为一个一半黑一半白的半圆，上面放置着两个圆形，一个黑色边框白色芯，一个白色边框黑色芯。 1、实现黑白各半的圆形。 2、用：before伪类实现一个黑色边框白色芯的园。 3、用：after伪类实现一个白色边框黑色芯的圆。 CSS实现旋转太极图 JS实现旋转太极图（鼠标悬停转动，移开停止旋
阅读全文
posted @ 2019-10-01 22:19
Cloud%
阅读(1320)
推荐(0)
摘要：
dom.style.width/height：只能取出内联样式的宽度和高度 dom.currentStyle.width/height：获取即时的计算的样式，但是只有IE支持 window.getComputedStyle(dom).width：获取即时计算的样式，支持其他浏览器，兼容性更好 dom
阅读全文
posted @ 2019-10-01 21:10
Cloud%
阅读(3070)
推荐(2)
摘要：
一、基本概念 1、基本概念：标准盒模型+怪异盒模型（IE模型） 基本组成：由margin、padding、content组成。 2、标准盒模型和IE模型的区别 标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。 标准盒模型下盒子的大小 = co
阅读全文
posted @ 2019-10-01 14:51
Cloud%
阅读(1511)
推荐(0)
摘要：
循环语句：通过使用循环语句可以反复执行一段代码多次 while语句 while语句属于前测试循环语句，也就是说，在循环体内的代码被执行之前，就会对出口条件求值。因此 while循环语法： 规则： while语句在执行时，先对条件表达式进行求值判断， 如果值为true，则执行循环体，循环体执行完后，继
阅读全文
posted @ 2019-09-29 22:09
Cloud%
阅读(3133)
推荐(1)
摘要：
一、序列化与反序列化的概念 序列化(Serialization)：将数据结构或是对象 转换为 二进制串（字节序列）的过程 反序列化：将二进制串（字节序列）转换为 数据结构或者对象 的过程 序列化 就是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间，对象将其当前状态写入到临时或持久性存
阅读全文
posted @ 2019-09-29 21:54
Cloud%
阅读(4201)
推荐(2)
摘要：
JSON的语法可以表示以下三种类型的值 简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和Null。但是JSON不支持JavaScript中的特殊值undefined。 对象：对象做为一种复杂的数据类型，表示的是一组无序的键值对。每个键值对中的值可以是简单值，也
阅读全文
posted @ 2019-09-29 20:41
Cloud%
阅读(556)
推荐(0)
摘要：
这是最终实现的效果，类似于微信对话框的样式。 分析一下这个对话框的结构，由一个小三角形和一个长方形构成。长方形很容易就可以实现，重点是如何用CSS3做出一个小三角形。 一、如何生成一个三角形 总结：三角形是由设置宽度高度为0，由边框构成的正方形，分别设置边框四个边的样式，得到四个三角形拼凑在一起的效
阅读全文
posted @ 2019-09-29 20:31
Cloud%
阅读(2273)
推荐(0)
摘要：
条件分支语句也叫switch语句 语法： switch(条件表达式){ case 表达式 : 语句… break; case 表达式 : 语句… break; default : 语句… break; } 执行流程： switch…case…语句 执行时会将case后表达式的值与switch条件表达
阅读全文
posted @ 2019-09-26 17:10
Cloud%
阅读(700)
推荐(2)
摘要：
总结实现不同类型元素居中的几种方法： 一、把margin值设置为auto（实现水平居中） 可以实现元素水平居中对齐 原理：使 margin-left=margin-right 如果设置 margin:200px auto; 表示元素左右外边距相等，上外边距为200px； 注意：这个方法对浮动元素或是
阅读全文
posted @ 2019-09-26 17:03
Cloud%
阅读(823)
推荐(1)
摘要：
什么叫做语句？ 语句：可以理解为语言中一句一句完整的话，程序是由一条条语句构成的，语句是按照自上往下的顺序执行的。 在JavaScript可以使用{ }来为语句进行分组。同一{ }中的语句称为一组语句，他们要么都执行要么都不执行； 一个{ }中的语句也称之为代码块，代码块后面不需要添加分号（；）。
阅读全文
posted @ 2019-09-23 22:17
Cloud%
阅读(11681)
推荐(0)
摘要：
一、JavaScript进制转换 toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。 语法：NumberObject.toString(radix) 当参数为2时，NumberObject 会被转换为二进制值表示的字符串 参数为16时，NumberObject 会被
阅读全文
posted @ 2019-09-21 23:01
Cloud%
阅读(298)
推荐(0)
摘要：
三目运算符（三元运算符） 三目运算符：运算符需要三个操作 语法：表达式1？表达式2：表达式3 表达式1是一个条件，值为Boolean类型 若表达式1的值为true，则执行表达式2的操作，并且以表达式2的结果作为整个表达式的结果； 若表达式1的值为false，则执行表达式3的操作，并且以表达式3的结果
阅读全文
posted @ 2019-09-21 23:01
Cloud%
阅读(27041)
推荐(2)
浙公网安备 33010602011771号