随笔分类 - 前端
摘要：在编程中，有时只能如果只需要两个值之一的数据类型是，可以使用YES/NO，ON/OFF,TRUE/FALSE,所以使用布尔数据类型就很适合。 通常JavaScript布尔是由字面量创建的原始值，但布尔也可以通过关键词new作为对象来定义。不建议创建布尔对象，会拖慢执行速度。 var x = fals
阅读全文
摘要：Math 对象方法 与其他全局对象不同，Math对象没有构造函数。方法和属性是静态的 可以在不首先创建Math对象的情况下使用所有方法和属性（常量） 方法 描述 abs(x) 返回 x 的绝对值。 acos(x) 返回 x 的反余弦值，以弧度为单位。 acosh(x) 返回 x 的双曲反余弦值。 a
阅读全文
摘要：默认情况下，JavaScript将使用浏览器的时区并将日期显示为全文本字符串。 ISO 8601是表现日期和时间的国际标准，语法 (YYYY-MM-DD) 用指定日期和时间创建新的日期对象,7个数字分别指定年、月、日、小时、分钟、秒和毫秒（按此顺序） JavaScript是从0开始到11计算月份的。
阅读全文
摘要：Number（转换为数值） 无法转换的为NaN类型 x = true; Number(x); // 返回 1 x = false; Number(x); // 返回 0 x = new Date(); Number(x); // 返回 1404568027739 返回19070年1月1日至今的毫秒数
阅读全文
摘要：数组： 声明可跨多行 不要再最后一个元素后面写逗号，可能存在跨浏览器兼容性问题。 访问方式和python中的列表一样 是特殊的对象，使用typeof时，会返回“object” 数组是特殊类型的对象。 可以在数组中保存对象，函数，数组也可以。 var array-name = [item1, item
阅读全文
摘要：转换为字符串： toString 数组可转 var fruits = ["Banana", "Orange", "Apple", "Mango"]; var strfruits = fruits.toString(); 转换为数组： 转换为对象： 转换为数字： 一元+运算符 var y = "5";
阅读全文
摘要：● JS方法——Number&parseInt（数值转换） ● JS方法——Date（日期） ● JS方法——Math（数学&随机方法） ● JS方法——Timing（时间方法） ● JS方法——Location（网页地址操作） ● JS方法——screen（屏幕信息）
阅读全文
摘要：数字类型： 书写数值时带不带小数点均可 可以使用科学计数法来写超大或超小的数值 数值使用以双精度浮点数来存储，根据国际IEEE754标准 整数会被精确到15位，小数最大数17位，0.后17位 如果数字和字符串相加，那么会得到一个字符串的拼接。 除了加法以外，其他运算符都会尝试将字符串更改为数字。 数
阅读全文
摘要：常规操作： 可以使用单引号或多引号来表示字符串。 var answer = "It's good to see you again!"; var carname = "Porsche 911"; var carname = 'Porsche 911'; Back-Tics语法 模板字面量使用反引号（
阅读全文
摘要：语句语法： 语法： 与 Java 一样，变量、函数名、运算符以及其他一切东西都是区分大小写的。 ECMAScript 中的变量无特定的类型，可以随时改变变量所存数据的类型。 语句： JavaScript 语句由：值、运算符、表达式、关键词和注释构成。 程序员们常常喜欢把一行代码行控制在 80 个字符
阅读全文
摘要：概述： JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。 JavaScript 在 1995 年由 Brendan Eich 发明，并于 1997 年成为一部 ECMA 标准。 能够根据操作更改HTML中的属性，是一种运行再浏览器中的解释型的编程语言。 在web中，只有Ja
阅读全文
摘要：input[type=text] 常规输入栏： 1. border-box将确保元素的总宽度和高度中包括内边距（填充）和最终的边框。 2. 点击后，会有默认效果 <!DOCTYPE html> <html> <head> <style> input[type=text] { width: 100%;
阅读全文
摘要：1. 允许我们在元素的总宽度和高度中包括内边距和边框，这样可以控制最外总边框的宽度和高度。 <!DOCTYPE html> <html> <head> <style> .div1 { width: 300px; height: 100px; border: 1px solid blue; box-s
阅读全文
摘要：1. 下拉菜单通常使用在鼠标过程中，当鼠标悬停是出现一个下拉的菜单。 2. 使用任何元素打开下拉菜单内容，例如<span>或<button>元素 3. 使用容器元素<如div>创建下拉内容，并在其中添加任何内容。 常见下拉菜单 <!DOCTYPE html> <html> <head> <style
阅读全文
摘要：1. 垂直导航栏 常见导航栏 <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; margin: 0; padding: 0; width: 200px; background-color: #f1f1f1; } li
阅读全文
摘要：1. 设置图片或盒子的透明程度 2. 取值范围0.0-1.0，值越低，越透明。 3. 设置盒子透明度时，所有子元素都继承相同的透明度 4. 如果不希望设置子元素的透明程度，使用RGBA透明度即可。rgba(red, green, blue, alpha) img { opacity: 0.5; }
阅读全文
摘要：position属性规定应用于元素的定位方法的类型： 元素其实是使用top，bottom，left和right属性定位的。但是，除非首先设置了position属性，否则这些属性将不起作用。根据不同的position值，它们的工作方式也不同。 五种不同的位置值： static（静态） 1. HTML元
阅读全文
摘要：height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。 CSS 高度和宽度值 height 和 width 属性可设置如下值： auto - 默认。浏览器计算高度和宽度。 length - 以 px、cm 等定义高度/宽度。 % -
阅读全文
摘要：display是可以更改默认的元素类型，默认的类型一般有： 1. 块级元素（block element） 特点： 块级元素总是从新行开始，并占据可用的全部宽度。 <div> <h1> - <h6> <p> <form> <header> <footer> <section> 2. 行内元素（inli
阅读全文
