随笔分类 - javascript基础系列
摘要：Javascript中实现进制转换 当有一组二进制的字符串时，如何能够转成10进制或者16进制呢？ 当有一组十进制的数值，你需要用二进制或16进制来表示时，你当如何调用呢？ 当你遇到 parseInt(1/0, 19); 结果输出18时，你是否思考过那隐藏的原理呢？ 十进制转N进制 语法: numb
阅读全文
摘要：var a = 123, b = '456'; console.info( a && b); var a1 = '111', b1 = '222', c2 = '333'; console.info(a1 || b1 && c2); var x1 = 'true', x2 = false, x3 =
阅读全文
摘要："ajax" XMLHttpRequest xhr = new XMLHttpRequest(); xhr.open(param1, param2, param3); param1 请求类型方式 POST GET ... param2 请求url地址 param3 是否异步 false, true
阅读全文
摘要：一种数据格式，而非编程语言 语法 包含三种数据类型的值 简单值: 字符串类型、数字类型、布尔值、null 对象: 表示{} 复杂数据对象 数组: 表示[] 可以是简单值的集合，也可以是对象的集合，还可以是数组的集合 解析与序列化 JSON对象 JSON.stringify() 将对象转成json字符
阅读全文
摘要：调试 打开developer tools,一般快捷方式为F12，以下常用类目释义 Elements: 元素查看器 Console: 控制台 Sources: 加载的资源 Network: 网络数据交互 Elements 如下图所示 主窗口展示页面的元素. 左侧有个箭头的按钮[快捷键:Ctrl+Shi
阅读全文
摘要：表单脚本 HTML中 form 表示表单 表单字段事件 blur，change，focus 文本框脚本 input text： 单行文本 textarea： 多行文本 约束验证API 必填 required 类型约束 email 、url 数字范围 range 正则 pattern = "\d+"
阅读全文
摘要：细数那些事件类型 UI事件 焦点事件 鼠标与滚轮事件 键盘与文本事件 复合事件 变动事件 HTML5事件 设备事件 触摸和手势事件 UI事件 常见的有 load unload abort error select resize scroll 焦点事件 blur 不会冒泡 focus 不会冒泡 foc
阅读全文
摘要：事件 Event 事件流 当浏览器发展到第四代时（IE4 及 Netscape Communicator 4），浏览器开发团队遇到了一个很有意思 的问题：页面的哪一部分会拥有某个特定的事件？要明白这个问题问的是什么，可以想象画在一张纸上 的一组同心圆。如果你把手指放在圆心上，那么你的手指指向的不是一
阅读全文
摘要：DOM1 DOM2 DOM3 DOM1 定义了HTML 和 XML的底层结构 DOM2,DOM3 在此基础上引入了更多的交互能力, 也支持更高级的xml特性 主要包括 核心基础扩展、视图扩展、事件扩展、样式扩展、遍历和范围 、 更多HTML属性和方法 contentDocument || conte
阅读全文
摘要：DOM扩展 选择符API querySelector() 返回第一个匹配的元素 通过 Document 类型调用 querySelector()方法时，会在文档元素的范围内查找匹配的元素。 通过 Element 类型调用 querySelector()方法时，只会在该元素后代元素的范围内查找匹配的元
阅读全文
摘要：DOM 文档对象模型，针对HTML和XML文档的一个API，描述了一个层次化的节点树 可对节点进行增删改查操作 节点都继承自Node类型 节点层次 Node nodetype描述节点类型 节点关系 Node nodeType 节点类型 childNodes 子节点集合 firstChild 第一个子
阅读全文
摘要：废话不多说，直接上代码 HTML <div id="content-div" class="content"> 内容信息 </div> CSS .content { position: fixed; top: 20px; right: 20px; width: 200px; height: 400p
阅读全文
摘要：BOM Window 所有全局定义的变量和函数都挂载在window全局对象峡； 可直接通过window.prop访问 窗口位置 screenLeft,screenTop,screenX,screenY 窗口大小 innerHeight，innerWidth outerHeight，outerWidt
阅读全文
摘要：函数表达式，函数声明； 函数声明整体提升 递归 闭包 有权访问另一个函数作用域中的变量的函数 var name = 'window name'; function Item() { this.name ='zhangsan'; this.display = function() { console.
阅读全文
摘要：面向对象 创建对象 对象封装 继承 通过原型链实现继承 借用构造函数来实现继承 在子类型的构造函数内部调用超类的构造函数 组合继承 通过将原型链和借用构造函数组合使用 原型式继承 通过一个已知的对象创建另一个对象的方式来实现继承
阅读全文
摘要：引用类型 引用类型是一种数据结构，用于将数据与功能组织在一起，常被称为类。 也可以称为对象的定义，因为他们描述的是一类对象所具备的属性和方法 Object类型 实例定义方式 Array类型 实例定义方式 检测是否是数组 instanceof/Array.isArray(value); 转换方法 jo
阅读全文
摘要：数据类型、运行三部曲 基本类型和引用类型的值 弱类型语言, 根据实际执行情况转换变量类型 基本数据类型: 简单的数据段 null, undefined, number, string, boolean 引用数据类型: 可能由多个值构成的对象 object 内置的封装对象 Array, Math, R
阅读全文
摘要：基本概念 语法 关键字和保留字 ecmascript 版本保留字关键字可能会有不同，根据浏览器或宿主环境的实现不同，关键字保留字识别会有出入 以上保留字 关键字不要做为标识符出现 关键字 break do instanceof typeof case else new var catch final
阅读全文
摘要：Javascript 组成部分 ECMAScript + DOM + BOM 逐个释义 ECMAScript ECMA-262 定义，提供核心语言功能 语法 类型 对象 语句 关键字 保留字 操作符 DOM Document Object Model 文档对象模型 是针对 XML 但经过扩展用于 H
阅读全文