这是我参与8月更文挑战的第26天，活动详情查看：8月更文挑战
☆☆☆ 今天学习的内容: ( 面向对象 | 面向过程 | 类和对象 ) !查缺补漏! ☆☆☆
可作为初学者的学习路线, 可参考一下, 学习进度也不是特别赶! 持续学习更新中
结合自己的理解, 用白话文简单又全面概括
JavaScript学习过程中的基础知识点, 方便加深理解!
开始今天的学习吧! '打牢地基才能筑高楼'! 加油! 认真对待!!
1、梳理昨日知识点:
前后端通信 - ajax-post / 同源策略 / Promise
-
1、ajax -
post/get发送数据 :
setRequestHeader("","") -
2、同源策略
-
3、jsonp 跨域
-
4、 ajax 请求服务器文件数据 跨域 服务器上实现跨域 ： cors
-
5、异步对象 Promise
-
三种状态 : pengding resolved rejected
-
成功后执行 then 方法 :
-
失败后执行 catch
-
特点 ： 状态发生变化 就不可逆
-
2、bootstrap UI 框架
前端框架 ： 对 html css js 的封装
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。
特点 ： 响应式布局
Bootstrap 中文文档, 也不是特别难理解, 可自行探索
3、ajax 与服务器的交互
增删改查 ： 所有数据都是通过 ajax 请求服务器得到的 前端得到数据后， 将数据 渲染到页面上
创建错题表 ： wtable
create table wtable
(
id int primary key auto_increment,
icontent varchar(100),
iwhere varchar(100),
idea varchar(100)
)
列表显示流程：
4、面向对象
4.1 定义? 什么是面向对象: oop
面向对象是一种编程思想
面向对象(Object Oriented)是软件开发方法，一种编程范式。-- baidubaike
那什么是 编程范式 呢?
-- 编程范式 Programming paradigm是指计算机中编程的典范模式或方法。
常见的编程范式有: 函数式编程、程序编程、面向对象编程、指令式编程等。
4.2 内置对象 -->
Array 正则 Date Math String
arr = new Array()
brr = new Array()
window json对象 document location...
所有的对象都具有 属性 和 方法(功能)
4.3 什么是对象 ：
- 万事万物皆对象
- 一切具有属性和行为的物质
- 一切具有属性和方法的事物
对象： 属性 和 方法
所有的基本数据类型都没有属性和方法
var num = 90
num.index = 1
alert(num.index)
// → undefined
所有的对象类型 都有属性和方法
var obj = document.getElementById('')
obj.index = 9
alert(obj.index)
// → 9
5、面向对象和面向过程
面向过程 ： 体现的是数学逻辑
一条路长 500 米 步行速度 20/分 需要多长时间走完这条路:
时间 = 长度/速度
面向对象 ： 体现的是生活逻辑
哪些对象---路:属性 长度 人:属性 :速度
时间 = 路.长度 / 人.速度
面向对象 优缺点:
-
优点 : 功能独立,便于后期的维护和 防止全局变量的污染
-
缺点 ： 开发周期长 成本高
6、对象 和 类
6.1 类 ：
具有相同属性和行为的一类事物的总称（js 中的类 就是 构造函数）
6.2 类和对象的关系：
类是对象的抽象化，对象是类的具象化。（类是对象的抽象 对象是类的实例）
6.3 代码实现 ：
先写类（构造函数）
在类的基础上 创建对象
预告: 加油, 追梦人
学习就是一个不断进行的过程, 坚持下去, 定有收获!
日积月累, 巩固基础, 早进大厂!
坚持很不容易, 坚持下来更不容易, 你真棒!
Calm Down & Carry On!
更多阅读:
前文更新回顾
【重学 JS】每天学习巩固基础系列文章:
【重温 JS】巩固基础之-ajax-post/同源策略/跨域/Promise、
【重温 JS】巩固基础之-ajax 原理/缓存/接口、 【重温 JS】巩固基础 day23-前端也要了解一些数据库
【day2】各种运算符、 【day3】数据类型、 【day4】循环结构 & 条件语句、 【day5】函数(重点)、 【day6】作用域 & 事件、
【day7】对象 & 数组方法总结、 【day8】字符串方法 & 部分排序、
【day9】Math 对象 & 封装函数、 【day10】BOM-浏览器对象模型、
【day12】Event 事件对象初识(一)、 【day13】Event 事件对象初识(二)、
更多期待在路上...任重而道远==-..-==
