随笔分类 - javascript
1
摘要：常见数据库MySOL\Oracle\SQL Server\Mongodb 其中，MySOL\Oracle\SQL Server属于传统型数据库（关系型数据库） Mongodb又称作非关系型数据库，在一定程度上弥补了传统型数据库的缺陷。 传统数据库的组织结构：数据库、数据表、数据行、字段（相当于列 ）
阅读全文
摘要：jQuery事件 优势1:可以一次绑定多个事件 注册事件 //1.单个事件注册 $(function () { $("div").click(function () { $(this).css("background", "red"); }); $("div").mouseenter(functio
阅读全文
摘要：jQuery属性操作 设置和获取元素固有属性：prop（） 设置或获取元素自定义属性值attr（） <a href="http://www.itcast.cn" title="都挺好">都挺好</a> <input type="checkbox" name="" id="" checked> <di
阅读全文
摘要：javascript库：一个封装好的特定的集合（方法和函数），比如动画animate、hide、show，比如获取元素等。 一个js文件，对原生js代码进行封装。 比如jQuery就是快速方便的操作DOM 常见js库： Jquery、YUI、移动端的zepto 这些库都是对原生js的封装 jQuer
阅读全文
摘要：元素偏移量offset 动态的得到该元素的位置、大小等 获取元素距离带有定位的父元素的位置 获取元素自身的大小 <style> * { margin: 0; padding: 0; } .father { width: 200px; height: 200px; background-color:
阅读全文
摘要：BOM：浏览器对象模型，提供独立于内容的而与浏览器窗口进行交互的对象，其核心对象时window。 BOM比DOM更大，包含DOM。 window对象是浏览器的顶级对象，具有双重角色 它是js访问浏览器的一个接口 它是一个全局对象。定义在全局作用域中的变量，函数都会变成window对象的属性和方法。在
阅读全文
摘要：删除节点 <button>删除</button> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> <script> //1.获取元素 var ul = document.querySelector('ul'); var btn = document.query
阅读全文
摘要：排他思想 所有元素全部清除样式 给当前元素设置样式 注意顺序，先干掉其他人，再设置自己 <script> //1.获取所有按钮元素 var btns = document.getElementsByTagName('button'); //btns得到的是伪数组 里面的每一个元素 btns[i] f
阅读全文
摘要：web APIs和JS的基础关联性 Web APIs 主要学习DOM和BOM js独有部分 页面交互效果 js的应用 API：应用程序编程接口，给程序员提供的一种工具，以便轻松的实现想要完成的功能。 web API：是浏览器提供的一套操作浏览器功能和页面元素的AP I（BOM和DOM） 总结： AP
阅读全文
摘要：内置对象：js语言自带的一些对象，这些对象供开发者使用，并提供一些常用的活是基本而必须的功能（属性和方法） 优点：快速开发 查文档 MDN/W3C Math对象 console.log(Math.PI); console.log(Math.max(1, 3, 99));//99 console.lo
阅读全文
摘要：对象由属性和方法组成 创建对象（object）的三种方式 利用字面量创建对象 利用new object创建对象 利用构造函数创建对象 <script> //利用对象字面量创建对象{} // var obj ={}//创建一个空对象 var obj = { uname: 'zhang', age: 1
阅读全文
摘要：我们JS引擎执行分为两部：预解析 代码执行 预解析 js引擎会把js里面的所有var还有function提升到当前作用域的最前面 代码执行 按照代码书写的顺序从上往下执行 预解析分为变量预解析（变量提升）和函数预解析（函数提升） 变量提升 就是把所有的变量声明提升到当前的作用域最前面 不提升赋值操作
阅读全文
摘要：作用域 通常来说，就是代码名字（变量）在某个范围内起作用和效果 目的：为了提高程序的可靠性，避免命名冲突 js作用域（es6）之前：全局作用域 局部作用域 <script> //全局作用域：整个script标签 或者一个单独的js文件 var num = 10; console.log(num);
阅读全文
摘要：函数：就是封装一段可以被重复调用执行的代码块。通过此代码块可以实现可以实现大量代码的重复使用 声明函数本身并不是执行代码，只有调用函数时才会执行函数体代码 函数的封装： 函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口 简单理解：封装类似于将电脑配件整合组装到机箱中
阅读全文
摘要：数组 Array：一组数据的集合，存储在单个变量下的优雅方式 两种创建数组的方式 <script> var arr=new Array(); var arr=[]; var arr=[1,2,'pink',true]; </script> var arr = ['星期一', '星期二', '星期三'
阅读全文
摘要：流程控制 顺序流程控制 分支流程控制：根据不同的条件，执行不同的路径代码（执行代码多选一），从而得到不同的结果。 if语法结构 <script> // //1.if的语法结构 // if (条件表达式) { // //执行语句 // } // //2.if里面的条件表达式为true则执行大括号内的语
阅读全文
摘要：运算符 算数运算符： + — * / %（取余） 浮点数：算数运算里面会有问题 我们不能直接用浮点数相比较 如何判断一个数能够被整除：他的余数是0就表明这个数能被整除，这就是%取余的主要用途 算数优先级：先乘除后加减，有括号先算括号 表达式和返回值 表达式：由数字、运算符、变量等组成的式子。例如：1
阅读全文
摘要：变量就是一个装东西的盒子 变量使用时分为两步：1.声明变量，2.赋值 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen
阅读全文
摘要：数据类型的简介 不同的数据占用的存储空间是不同的，所以定了不同的数据类型 变量的数据类型 在程序运行时，类型会自动确定 <script> //int num=10;c/java //var num;这里的num我们不确定属于哪种类型 var num=10;//num属于数字型 //js只有程序在运行
阅读全文
摘要：编程 计算机程序：计算机执行的一系列指令集合 计算机语言：人与计算机之间通讯的语言（包括机器语言，汇编语言，高级语言） 二进制是 计算机语言的基础 编程语言：用来控制计算机的一系列指令，它有固定的格式和词汇 现今通用编程语言：汇编和高级 编程语言：if else、for等具有逻辑性 标记语言：（ht
阅读全文
1
