- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端中级阶段学习（2）DOM 文档对象模型
今天讲什么？ 什么是 DOM ？ DOM 文档对象模型 HTML 元素接口 DOM 元素继承 什么是 DOM ？ DOM 通常上来讲，我们可以理解为用 JS 操作 HTML 的 API或者说 JS 和 HTML 中间的处理器适配器。 文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口 文档对象模型 (DOM) 将 web 页面与到脚本或...
2019-06-27 21:59:59
270
原创 前端中级阶段学习（3） BOM 浏览器对象模型
我们要讲什么？ BOM对象是什么？ BOM对象上的属性 BOM对象是什么？ BOM（Browser Object Model）中文浏览器对象模型。 表示一个包含 DOM文档的窗口。提供了与浏览器窗口进行交互的对象 标签之间不会共享。 window 对象既是ECMAScript规范中的Global对象，也是BOM中的顶级对象； BOM对象上的属性 document 指向窗口...
2019-06-27 21:59:57
189
原创 前端中级阶段学习（4） -jQuery的概念与基本使用
前面我们已经基本掌握常规的语法语义，以及基本的使用方法。接下来我们讲深入进去了解其中内在的原理。 也了解 DOM、BOM，但是因为规范是一在变的，有没有什么类库可以方便操作这些呢？进入我们今天的主题jQuery jQuery 这东西出来很久了，一般来说都用过。提供一个速查地址 jQuery 简介 jQuery 设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情...
2019-06-27 21:59:55
207
原创 前端中级阶段学习（1）-事件(event) 事件冒泡、捕获
前面我们已经基本掌握常规的语法语义，以及基本的使用方法。接下来我们讲深入进去了解其中内在的原理。 今天我们要讲什么？ 事件机制 事件对象（Event） event loop DOM （与事件的关系，看不看无所谓） DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的 API。DOM 是载入到浏览器中的文档模型，以节点树的形式...
2019-06-27 21:29:54
452
原创 前端入门阶段学习（7）- 类、模块、继承
我们要讲什么 js 中的类 js 中的模块 js 中的继承实现 类 在 JavaScript 中，类的实现是基于原型继承机制的。如果两个实例都从同一个原型对象上继承了属性，我们说它们是同一个类的实例。 ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念。通过class关键字，可以定义类。 ES6 的 Class 可以看作是一个语法糖，它的绝大部分功能，ES5 都可以做到，新...
2019-06-27 21:29:52
167
原创 前端入门阶段学习（6）
我们要讲什么？ 正则表达式基本的关键词 正则表达式一些进阶用法（预查断言） 常见正则 实战场景 正则表达式基本的关键词 声明一个正则表达式 1）var reg=new RegExp('规则','条件'); 因为规则是一个字符串，所以可以拼接，比如new RegExp(['违规','骂人','涉黄','涉政'].join('|')).test('正经人涉黄')在这个场景当中，我们需要根据其他...
2019-06-26 22:00:00
273
原创 前端入门阶段学习（5）
本文介绍ECMAScript基础知识。 上节的基础内容知识，这节我们会用到。默认已读。 我们要讲什么 ECMAScript 基础对象（Object、Boolean、Number、String） 常用内置对象（Date、Array、Math、RegExp、global、Function、Event、arguments、JSON） ECMAScript 函数（声明、调用、返回值、闭包、递归） ...
2019-06-26 21:59:57
138
原创 前端入门阶段学习（4）
我们要讲什么 上下左右居中的几种实现。 ECMAScript核心语法结构 上下左右居中的几种实现 这个问题比较常见，咱们也简单说说吧。其实分为两种，一种行内结构，一种块结构。 行内结构居中 行内结构可以理解为文本，文本居中可以通过设置父元素的属性来实现。 text-align: center 水平居中 line-height: height; 垂直居中。行高和高设置为一样...
2019-06-26 21:59:54
157
原创 前端入门学习阶段（3）
我们要讲什么 Iconfont 字体图标(阿里巴巴矢量字体图标库)原理以及实现 Media媒体响应式布局 Flex弹性盒子布局 移动端适配原理 rem（px、em、rem、%、vm） 课后作业 使用 Media 做一个商品列表，800 以下的屏幕显示两列，其他屏幕 width: 200px，能放多少放多少 实现微信群组头像（尽可能多使用几种方法），avatar 和 bor...
2019-06-26 20:59:55
256
原创 前端入门学习阶段（2）
我们要讲什么 CSS选择器(基本、层级、属性、伪类、伪状态) CSS常用样式属性 CSS3 过渡、变换、动画 CSS3 3D场景搭建与应用 CSS选择器(基本、层级、属性、伪类、伪状态) 基本选择器 选择器 例子 例子描述 CSS规范级别 ID 选择器 #login 选择 id=“login” 的元素 1 类别选择器 .btn 选择 cla...
2019-06-26 20:59:53
274
原创 前端入门学习阶段（1）
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。 好了，不闲扯，接下来进入我们的正题。 我们要讲什么 课程体系介绍、HTML+CSS基本入门知识 网站运行原理 HTML常用标签、表单新类型、网页SEO优化 HTML5语义化标签、音视频标签 HTML+CSS 简介 HTML（超文本标记语言 — Hyper...
2019-06-26 20:59:49
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人