Cloud% - 博客园

2019年10月10日

摘要：一、什么是渐进增强在网页开发中，渐进增强认为要专注内容本身。在开始针对低版本的浏览器构建页面，满足最基本的功能，然后再针对更高级的浏览器设置更加完美的效果，以达到更好的用户体验。即，以最低要求，以实现基础功能为基础，向更高层次的兼容。二、什么是优雅降级优雅降级是指在最开始的时候先针对一个高阅读全文

posted @ 2019-10-10 23:33 Cloud% 阅读(162) 评论(1) 推荐(0) 编辑

2019年10月7日

CSS变量（CSS variable）

摘要： CSS变量（CSS variable） CSS变量是由CSS作者定义的实体，其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名，并使用特定的var()来访问。一、CSS变量的用途构建大型站点时，在这些网页中，有大量的CSS样式，并且会在许多场合大量重复的使用。比如说：为了保持一阅读全文

posted @ 2019-10-07 21:33 Cloud% 阅读(5785) 评论(1) 推荐(1) 编辑

2019年10月6日

CSS + > ~ 选择器

摘要：一、后代选择器选取指定元素的后代元素与子元素选择器相比，后代选择器选取的不一定是直接后代（儿子），而是作用于所有后代元素（儿子、孙子、重孙…）都可以。实例：（选取类为 box的元素的 id为aa后代元素） HTML <div class="box"> <p>emmmmmmmmmm……</p> 阅读全文

posted @ 2019-10-06 20:37 Cloud% 阅读(20455) 评论(1) 推荐(7) 编辑

font-size:0; 消除空白间隙

摘要：使用font-size:0解决设置inline-block引起的空白间隙问题一、空白间隙问题在进行页面布局的时候为了页面代码所谓整洁刻度，往往会设置缩进或是换行，但是元素display为inline-block或是inline时，行内元素虽然没有设置 margin值，这些换行或是缩进。还是会出现阅读全文

posted @ 2019-10-06 15:29 Cloud% 阅读(1528) 评论(1) 推荐(0) 编辑

2019年10月4日

仿网易云音乐导航栏

摘要：仿网易云音乐导航栏推荐歌单主播排行榜歌手可以自己手动实验这些效果哦~ :link 选择所有未被访问的链接 a:link； :visited 选择所有已被访问的链接 a:visited； :active 选择活动链接 a:active； :hover 选择鼠标指针位于其上的链接 a:hov 阅读全文

posted @ 2019-10-04 20:20 Cloud% 阅读(746) 评论(1) 推荐(0) 编辑

JavaScript函数

摘要：一、什么是函数函数（function），也可以被称之为方法（method）或者是过程（procedure）。函数本质上是功能完整的对象。函数是一段预定好的，并可以被反复调用的代码块，其中可以包含多条可执行语句。函数还能接受输入的参数，不同的参数可以返回不同的值。预定定义好：事先声明好，但是不被阅读全文

posted @ 2019-10-04 00:07 Cloud% 阅读(313) 评论(1) 推荐(0) 编辑

2019年10月3日

CSS3画菱形和平行四边形以及立方体

摘要：利用CSS3中的transform属性画菱形和平行四边形 transform 实现2D或是3D的变形转换，通过transform可以实现对元素的四种变换：旋转、缩放、移动、倾斜一、菱形菱形的特点：菱形的四条边相等，可以理解为正方形的一种，所以分析可以通过正方形的旋转得到菱形 transform: 阅读全文

posted @ 2019-10-03 20:42 Cloud% 阅读(2650) 评论(1) 推荐(0) 编辑

CSS3画五角星和六角星

摘要：最终想要实现的效果一、五角星在画五角星之前首先分析这个五角星是如何实现，由哪几个部分构成的，示意图如下：三个顶角向上的三角形，通过设置旋转和定位相互重叠和拼接实现最终的五角星效果。为了语义化和代码更加简便，所以使用伪类来添加内容。 1、设置一个等腰三角形，并使用transform将其旋转到合阅读全文

posted @ 2019-10-03 20:38 Cloud% 阅读(2106) 评论(1) 推荐(1) 编辑

2019年10月1日

CSS3制作太极图以及用JS实现旋转太极图

摘要：太极图可以理解为一个一半黑一半白的半圆，上面放置着两个圆形，一个黑色边框白色芯，一个白色边框黑色芯。 1、实现黑白各半的圆形。 2、用：before伪类实现一个黑色边框白色芯的园。 3、用：after伪类实现一个白色边框黑色芯的圆。 CSS实现旋转太极图 JS实现旋转太极图（鼠标悬停转动，移开停止旋阅读全文

posted @ 2019-10-01 22:19 Cloud% 阅读(1266) 评论(1) 推荐(0) 编辑

JS设置和获取盒模型的宽和高

摘要： dom.style.width/height：只能取出内联样式的宽度和高度 dom.currentStyle.width/height：获取即时的计算的样式，但是只有IE支持 window.getComputedStyle(dom).width：获取即时计算的样式，支持其他浏览器，兼容性更好 dom 阅读全文

posted @ 2019-10-01 21:10 Cloud% 阅读(2980) 评论(2) 推荐(2) 编辑

CSS盒模型面试知识点

摘要：一、基本概念 1、基本概念：标准盒模型+怪异盒模型（IE模型）基本组成：由margin、padding、content组成。 2、标准盒模型和IE模型的区别标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。标准盒模型下盒子的大小 = co 阅读全文

posted @ 2019-10-01 14:51 Cloud% 阅读(1490) 评论(1) 推荐(0) 编辑

2019年9月29日

while循环语句

摘要：循环语句：通过使用循环语句可以反复执行一段代码多次 while语句 while语句属于前测试循环语句，也就是说，在循环体内的代码被执行之前，就会对出口条件求值。因此 while循环语法：规则： while语句在执行时，先对条件表达式进行求值判断，如果值为true，则执行循环体，循环体执行完后，继阅读全文

posted @ 2019-09-29 22:09 Cloud% 阅读(3060) 评论(0) 推荐(1) 编辑

JSON序列化与反序列化

摘要：一、序列化与反序列化的概念序列化(Serialization)：将数据结构或是对象转换为二进制串（字节序列）的过程反序列化：将二进制串（字节序列）转换为数据结构或者对象的过程序列化就是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间，对象将其当前状态写入到临时或持久性存阅读全文

posted @ 2019-09-29 21:54 Cloud% 阅读(3550) 评论(1) 推荐(2) 编辑

JSON语法

摘要： JSON的语法可以表示以下三种类型的值简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和Null。但是JSON不支持JavaScript中的特殊值undefined。对象：对象做为一种复杂的数据类型，表示的是一组无序的键值对。每个键值对中的值可以是简单值，也阅读全文

posted @ 2019-09-29 20:41 Cloud% 阅读(543) 评论(1) 推荐(0) 编辑

CSS3实现三角形和对话框

摘要：这是最终实现的效果，类似于微信对话框的样式。分析一下这个对话框的结构，由一个小三角形和一个长方形构成。长方形很容易就可以实现，重点是如何用CSS3做出一个小三角形。一、如何生成一个三角形总结：三角形是由设置宽度高度为0，由边框构成的正方形，分别设置边框四个边的样式，得到四个三角形拼凑在一起的效阅读全文

posted @ 2019-09-29 20:31 Cloud% 阅读(2228) 评论(1) 推荐(0) 编辑

2019年9月26日

switch语句

摘要：条件分支语句也叫switch语句语法： switch(条件表达式){ case 表达式 : 语句… break; case 表达式 : 语句… break; default : 语句… break; } 执行流程： switch…case…语句执行时会将case后表达式的值与switch条件表达阅读全文

posted @ 2019-09-26 17:10 Cloud% 阅读(672) 评论(0) 推荐(2) 编辑

CSS元素居中汇总

摘要：总结实现不同类型元素居中的几种方法：一、把margin值设置为auto（实现水平居中）可以实现元素水平居中对齐原理：使 margin-left=margin-right 如果设置 margin:200px auto; 表示元素左右外边距相等，上外边距为200px；注意：这个方法对浮动元素或是阅读全文

posted @ 2019-09-26 17:03 Cloud% 阅读(801) 评论(1) 推荐(1) 编辑

2019年9月23日

JS中的条件判断语句

摘要：什么叫做语句？语句：可以理解为语言中一句一句完整的话，程序是由一条条语句构成的，语句是按照自上往下的顺序执行的。在JavaScript可以使用{ }来为语句进行分组。同一{ }中的语句称为一组语句，他们要么都执行要么都不执行；一个{ }中的语句也称之为代码块，代码块后面不需要添加分号（；）。阅读全文

posted @ 2019-09-23 22:17 Cloud% 阅读(11615) 评论(0) 推荐(0) 编辑

2019年9月21日

JavaScript进制转换

摘要：一、JavaScript进制转换 toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。语法：NumberObject.toString(radix) 当参数为2时，NumberObject 会被转换为二进制值表示的字符串参数为16时，NumberObject 会被阅读全文

posted @ 2019-09-21 23:01 Cloud% 阅读(284) 评论(0) 推荐(0) 编辑

JavaScript正则表达式（四）

摘要：正则表达式方法一、test方法用于测试字符串参数中是否存在匹配正则表达式模式的字符串如果存在就返回true，否则返回false 实例： 1、使用test方法不设置g标志时 2、使用test方法设置g全局值会变得不稳定，一会是true一会是flase。（实际上是lastIndex的原因，并不是阅读全文

posted @ 2019-09-21 23:01 Cloud% 阅读(173) 评论(0) 推荐(0) 编辑