
JS基础
Liam_Huang
你必须知道是什么点燃了你内心的光芒,
这样你才能照亮世界。
展开
-
JS基础丨12. 面向对象的基础
01. JS没有类的概念,构造类型就是类01. JS没有类的概念,构造类型就是类 01. 构造函数:就是类 ; 02. new出来的实例化对象: 对象 类就是对象的抽象 对象就是类的具体02. 面向对象的三大特征: 封装,继承,多态02. 面向对象的三大特征: 封装,继承,多态 01. 封装: 可以把部分属性与方法封装,不提供其他对象调用 02. 继承: 把原有...原创 2018-10-05 01:29:03 · 173 阅读 · 0 评论 -
JS基础丨 13. 原型及原型链
01. 构造函数01. 构造函数 01. 构造函数的创建 01. 普通函数用new关键字创建 02. new 构造函数:不占内存 03. 构造函数即是类 04. 写在构造函数中的属性为私有化 05. 写在原型中的属性与方法为共有的 02. 构造函数原型上的属性及方法: 01. 字面量创建构造函数的原型属性及方法; 02. 构造器指回自身: construc...原创 2018-10-05 01:33:31 · 230 阅读 · 0 评论 -
JS丨基础考察01丨页面布局
三栏布局的解决方案01. 三栏布局: 01. 各个方案的优缺点 01. float: 优点:兼容性好 缺点:脱离文档流:需要处理浮动问题 02. 绝对定位: 优点:快速 缺点:可使用性差,自身及子元素都脱离了文档流 ...原创 2018-10-20 08:45:02 · 392 阅读 · 0 评论 -
JS丨基础考察02丨CSS盒模型
01. CSS盒模型大纲01. 基本概念: 标准模型 + IE模型02. 标准模型与IE模型 区别 标准模型: width(宽度)/height(高度) = content IE模型: width(宽度)/height(高度) = content + padding + border03. CSS 如何设置这两种模型 box-sizing: content...原创 2018-10-21 08:29:12 · 164 阅读 · 0 评论 -
JS丨基础考察03丨DOM事件类
01. DOM事件类大纲01. 基本概念: DOM事件的级别 DOM0: element.onclick = function(){} DOM1: DOM1中没有涉及DOM事件相关的内容 DOM2: element.addEventListener('click', function(){}, false) DOM3: element.addEventListener('keyup'...原创 2018-10-21 08:35:12 · 230 阅读 · 0 评论 -
JS丨基础考察04丨转换类型
01. 转换类型大纲 02. 转换类型的主要案例<script type="text/javascript"> // 对象类型的转换 var obj = { a: 1, /* toString: function(){ return { a: 1 } }, valueOf: function(){ return 'a...原创 2018-10-21 08:42:09 · 232 阅读 · 0 评论 -
JS丨基础考察05丨HTTP协议类
01. HTTP协议的主要特点、报文组成、请求方法<script type="text/javascript"> 01. HTTP协议的主要特点 01. 简单快速、灵活 02. 无连接: 建立连接完成传输后就会断掉; 03. 无状态: 不能区分多次连接的身份; 02. HTTP报文的组成部分 01. 请求报文: 请求行、请求头、空行、请求体 ...原创 2018-10-21 08:52:20 · 370 阅读 · 0 评论 -
JS丨基础考察06丨原型链类
01. 原型链类 大纲<script type="text/javascript"> 01. 创建对象有几种方法: 字面量、显示构造函数、Object.create 02. 原型、构造函数、实例、原型链 01. 构造函数.prototype.constructor === 构造函数 02. 构造函数.prototype === 实例化对象.__proto__...原创 2018-10-21 09:02:13 · 247 阅读 · 0 评论 -
JS丨基础考察07丨面向对象
面向对象 大纲<script type="text/javascript"> 01. 类与实例 01. 类的声明 02. 生成实例: new 构造函数 02. 类与继承 02. 如何实现继承 03. 继承的几种方式 01. 借助构造函数实现继承 02. 借助原型链实现继承: 原型的方法为公有的 03. 组合方式: 原型的方法为私有的 ...原创 2018-10-21 09:10:07 · 236 阅读 · 0 评论 -
JS基础丨11. 封装cookie
01. 封装cookiefunction setCookie(valkey,value,expires,path,domain,secure){ var cookieText = encodeURIComponent(valkey) + "=" + encodeURIComponent(value); // 失效日期: [stanceof: 判断是否属于什么类型] if(expires...原创 2018-10-05 01:21:06 · 203 阅读 · 0 评论 -
JS基础丨10. cookie总结
01. cookie(也叫HTTPCookie): 01. 是客户端与服务器端进行会话使用的一个能够在浏览器本地化存储的技术。 02. cookie的作用主要是在浏览器存储少量数据, 利用cookie我们可以实现一些保存数据的功能, cookie 要求服务器对任意HTTP请求发送Set-Cookie; 03. 因此,Cookie的处理原则上需要在服务器环境下进行。...原创 2018-10-05 01:20:13 · 278 阅读 · 0 评论 -
JS基础丨01. DOM对象
<script type="text/javascript"> /** * DOM 文档对象模型 * DOM 是树形结构 * * DOM节点种类 */ 01. 元素节点 document.getElementById();// 通过ID获取元素节点对象,如果ID不存在,则返回null document.getElementsByTag...原创 2018-10-04 18:31:38 · 184 阅读 · 0 评论 -
JS基础丨02. DOM、BOM对比总结
<script type="text/javascript"> window.onload = function() { -----------------------BOM 对象----------------------- 1. 浏览器对象模型BOM里常用的对象: 1、window: 是JS的最顶层对象,其他的BOM对象都是window对象的属性;...原创 2018-10-04 18:36:14 · 237 阅读 · 0 评论 -
JS基础丨03. 日期方法汇总
set / getTime() 获取时间戳set / getFullYear() 从Date对象以四位数返回年份set / getMonth() 从Date对象中返回月份(0~11)set / getDay(): 获取今天是星期几(0~6)set / getDate() 从Date对象中返回一个月中的某一天(1~31)set / g...原创 2018-10-04 18:40:31 · 229 阅读 · 0 评论 -
JS基础丨04. 判断是否为数组
01. 检测对象的方法 : 01. typeof操作符 console.log(typeof []); // "object" 02. instance of操作符: // <在某些IE版本中不正确> console.log(arr instanceof Array); // true 03. 对象的constructor属性 console.l...原创 2018-10-04 18:56:38 · 212 阅读 · 0 评论 -
JS基础丨05. 数组的使用方法
01. 数组元素添加、删除、排序等方法:01. 数组元素添加、删除、排序等方法: Array.length 数组的大小 Array.push( )尾部添加 Array.pop( )()尾部删除 Array.unshift( )头部添加 Array.shift( )头部删除 Array.concat( ) 拼接数组;// 追加数据,不改变原数组 Array.join( ) 将...原创 2018-10-04 19:07:12 · 188 阅读 · 0 评论 -
JS基础丨06. 正则表达式总结
1. 正则表达式的创建方式:01. 正则表达式的创建方式 1. 使用new关键字; 2. 字面量的方式创建一个正则表达式; 3. 带字符模式var box=new RegExp("box");// 1. 使用new关键字;var box = /box/;// 2. 字面量的方式创建一个正则表达式;var box = RegExp("box","gi");// 3. 带字符模式...原创 2018-10-04 19:14:54 · 226 阅读 · 0 评论 -
JS基础丨07. 字符串总结
01. 数据类型:1. 基本类型:undefined, boolean, number, string; 引用类型:对象,Array, Date, String, Object, Function 02. Math函数:2. Math函数 1. Math.random(): 创建一个随机数 1. Math.round(参数): 参数四舍五入 1. Math.abs(参数...原创 2018-10-04 19:20:24 · 128 阅读 · 0 评论 -
JS基础丨08. ajax请求及其创建
01. http: 用户端和服务器通讯01. http: 用户端和服务器通讯 一般是客户端向服务器发送一个请求; 然后服务器根据这个请求,再给客户端一个响应; request :客户端向服务器发送请求 response :服务器根据请求作出的相应响应 Ajax :是一种局部刷新技术; XMLHttpRequest : Ajax的核心; 可以访问服务器,而不用刷新整个...原创 2018-10-05 01:00:13 · 195 阅读 · 0 评论 -
JS基础丨09. 封装一个ajax请求
封装一个ajax请求// 创建xhrfunction createXHR(){ if(window.XMLHttpRequest){ return new XMLHttpRequest(); } return new ActiveXObject("Microsoft.XMLHTTP");}// params: 对象的属性 转成 &拼接的键值对字符串funct...原创 2018-10-05 01:05:24 · 229 阅读 · 0 评论 -
JS丨基础考察08丨通信类
01. 什么是同源策略及限制<script type="text/javascript"> 01. 什么是同源策略及限制 01. 同源策略: 协议、域名、端口 02. 同源策略限制 从一个源加载的文档或者脚本 与 另一个源加载的资源 如何进行通信 这是一个用于隔离潜在恶意文件的关键的安全机制 01. Cookie、LocalStorage、In...原创 2018-10-21 09:18:26 · 268 阅读 · 0 评论