前端 | x1rh's blog

js快速入门

数据类型 5种简单数据类型: 数字, 字符串, 布尔值, null, undefined 1种复杂数据类型: object typeof 用来检测变量的类型, 返回结果如下: boolean, string, number, object, function, undefined null是一个特殊的object对象字符串是不可变类型 Number js所有数字都用浮点数值表示, 浮点数值必须包含一个小数点布尔类型当if语句里没有表达式，只是某个值时，会自动执行Boolean()操作, 非空字符串, 非零数值, 任意object都转换为true, 0和NaN, null为false for in 1 for(x in container) 对象 objectName.propertyName objectName.methodName() string length, toUpperCase(), toLowerCase(), replace(), split(), concat(), indexOf(), lastIndexOf(), substring(), substr(), trim() Date() Array() map(), forEach(), reverse(), sort() Math 格式为:Math.PI E, LN2, LN10, LOG2E, LOG10E, PI max(), min, abs(), round(), ceil(), floor(), random()...

CSS快速入门

简介 CSS, 层叠样式表, 网页与内容分离的一种样式设计语言写法格式外链样式, 通过载入的方式加载, 后缀为.css 1 2 3 <head> <link rel="stylesheet" href="" /> </head> 页内样式, 直接在本页面写css 1 2 3 <head> <style></style> </head> 行内样式, 在html标签内部, 以属性的方式, 只会对文本标签起作用选择器标签选择器 1 h1{color:red} class选择器 1 2 3 4 5 6 7 <head> .myClassName{color:red;} .another{font-size:50px;} </head> <body> <h1 class="myClassName another">title</h1> </body> id选择器 1 2 3 4 5 6 7 8 <head> #idSelect{color:red;} </head> <body> <!...

HTML快速入门

HTML介绍由尖括号包围的关键词, 如需要显示的文本内容, 放置在标签对的内部网页的内容需要在标签中, 标题、字符格式、语言、样式、关键字、描述等信息显示在标签中, 而网页展示的内容需嵌套在标签中 1 2 3 4 <html> <head></head> <body></body> </html> 文本标签和属性常见的文本修饰标签标签描述 <h1></h1> 标题一标签 <b></b> 定义粗体 <strong></strong> 定义强调文本 <i></i> 定义斜体字 <em></em> 定义强调文本 <s></s> 定义加删除线文本 <del></del> 定义被删除文本 h1-h6标题标签, b/i/em/strong, 这些标签会增加SEO权重标签的属性和嵌套 1 <h1><p color:"red">hello, world</p></h1> 常用的区块标签标签描述 <p></p> 段落标签 <div></div> 区块布局标签 <span></span> 区块布局标签 p标签有语义性, 利于搜索引擎处理, 两个p标签之间有换行 div之间无换行 span为无样式标签...