用纯CSS实现优雅的tab页

通常tab页的交互都是点击tab头然后展示对应的一块内容,这种排他性跟HTML里面的某个原住民很类似,是啥呢?没错!就是单选框组。单选框组有一个:checked伪类,可以设定单选框被选中后的样式,所以我们要把一组单选框当做tab页的头部么?当然不是,单选框是很固执的,用CSS去感化他是很吃力的,那怎么办呢?这里就要用到CSS里面的+选择器了[实际上这个选择器我之前从来没用过-_-||],简单来说+选择器就是选择紧跟在某个指定元素后面的另一个指定的元素,具体介绍请看

继续阅读

Javascript变量的命名规则 匈牙利命名法语法

匈牙利命名法语法

变量名=类型+对象描述

类型指变量的类型
对象描述指对象名字全称或名字的一部分,要求有明确含义,命名要容易记忆容易理解。

提示

虽然JavaScript变量表面上没有类型,但是JavaScript内部还是会为变量赋予相应的类型。
匈牙利命名法是一位微软程序员发明的,多数的C,C++程序都使用此命名法。
JavaScript变量匈牙利命名类型

JavaScript变量起名类型 变量命名前缀
Array 数组 a
Boolean 布尔 b
Float 浮点 f
Function 函数 fn
Integer(int) 整型 i
Object 对象 o
Regular Expression 正则 re
String 字符串 s

JavaScript变量名匈牙利命名法示例

varaName
= [‘zhangsan’,’lizi’,’zhaowu’]; //Array
数组

varoBtn
= window.document.getElementById(‘btn’); //Object
对象

functionfnName(){};
//Function
函数

varnAge
= 25; //Integer(int)
整型

varsWebURL=”www.wangyingran.com”; //String
字符串
(更多…)

继续阅读
关闭菜单