自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 前端中级阶段学习(2)DOM 文档对象模型

今天讲什么?什么是 DOM ?DOM 文档对象模型HTML 元素接口DOM 元素继承什么是 DOM ?DOM 通常上来讲,我们可以理解为用 JS 操作 HTML 的 API或者说 JS 和 HTML 中间的处理器适配器。文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口文档对象模型 (DOM) 将 web 页面与到脚本或...

2019-06-27 21:59:59 261

原创 前端中级阶段学习(3) BOM 浏览器对象模型

我们要讲什么?BOM对象是什么?BOM对象上的属性BOM对象是什么?BOM(Browser Object Model)中文浏览器对象模型。表示一个包含 DOM文档的窗口。提供了与浏览器窗口进行交互的对象标签之间不会共享。window 对象既是ECMAScript规范中的Global对象,也是BOM中的顶级对象;BOM对象上的属性document指向窗口...

2019-06-27 21:59:57 180

原创 前端中级阶段学习(4) -jQuery的概念与基本使用

前面我们已经基本掌握常规的语法语义,以及基本的使用方法。接下来我们讲深入进去了解其中内在的原理。也了解 DOM、BOM,但是因为规范是一在变的,有没有什么类库可以方便操作这些呢?进入我们今天的主题jQueryjQuery这东西出来很久了,一般来说都用过。提供一个速查地址jQuery 简介jQuery 设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情...

2019-06-27 21:59:55 197

原创 前端中级阶段学习(1)-事件(event) 事件冒泡、捕获

前面我们已经基本掌握常规的语法语义,以及基本的使用方法。接下来我们讲深入进去了解其中内在的原理。今天我们要讲什么?事件机制事件对象(Event)event loopDOM (与事件的关系,看不看无所谓)DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的 API。DOM 是载入到浏览器中的文档模型,以节点树的形式...

2019-06-27 21:29:54 440

原创 前端入门阶段学习(7)- 类、模块、继承

我们要讲什么js 中的类js 中的模块js 中的继承实现类在 JavaScript 中,类的实现是基于原型继承机制的。如果两个实例都从同一个原型对象上继承了属性,我们说它们是同一个类的实例。ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念。通过class关键字,可以定义类。ES6 的 Class 可以看作是一个语法糖,它的绝大部分功能,ES5 都可以做到,新...

2019-06-27 21:29:52 156

原创 前端入门阶段学习(6)

我们要讲什么?正则表达式基本的关键词正则表达式一些进阶用法(预查断言)常见正则实战场景正则表达式基本的关键词声明一个正则表达式1)var reg=new RegExp('规则','条件');因为规则是一个字符串,所以可以拼接,比如new RegExp(['违规','骂人','涉黄','涉政'].join('|')).test('正经人涉黄')在这个场景当中,我们需要根据其他...

2019-06-26 22:00:00 267

原创 前端入门阶段学习(5)

本文介绍ECMAScript基础知识。上节的基础内容知识,这节我们会用到。默认已读。我们要讲什么ECMAScript 基础对象(Object、Boolean、Number、String)常用内置对象(Date、Array、Math、RegExp、global、Function、Event、arguments、JSON)ECMAScript 函数(声明、调用、返回值、闭包、递归)...

2019-06-26 21:59:57 134

原创 前端入门阶段学习(4)

我们要讲什么上下左右居中的几种实现。ECMAScript核心语法结构上下左右居中的几种实现这个问题比较常见,咱们也简单说说吧。其实分为两种,一种行内结构,一种块结构。行内结构居中行内结构可以理解为文本,文本居中可以通过设置父元素的属性来实现。text-align: center 水平居中line-height: height; 垂直居中。行高和高设置为一样...

2019-06-26 21:59:54 150

原创 前端入门学习阶段(3)

我们要讲什么Iconfont 字体图标(阿里巴巴矢量字体图标库)原理以及实现Media媒体响应式布局Flex弹性盒子布局移动端适配原理 rem(px、em、rem、%、vm)课后作业使用 Media 做一个商品列表,800 以下的屏幕显示两列,其他屏幕 width: 200px,能放多少放多少实现微信群组头像(尽可能多使用几种方法),avatar 和 bor...

2019-06-26 20:59:55 248

原创 前端入门学习阶段(2)

我们要讲什么CSS选择器(基本、层级、属性、伪类、伪状态)CSS常用样式属性CSS3 过渡、变换、动画CSS3 3D场景搭建与应用CSS选择器(基本、层级、属性、伪类、伪状态)基本选择器选择器例子例子描述CSS规范级别ID 选择器#login选择 id=“login” 的元素1类别选择器.btn选择 cla...

2019-06-26 20:59:53 266

原创 前端入门学习阶段(1)

前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。好了,不闲扯,接下来进入我们的正题。我们要讲什么课程体系介绍、HTML+CSS基本入门知识网站运行原理HTML常用标签、表单新类型、网页SEO优化HTML5语义化标签、音视频标签HTML+CSS 简介HTML(超文本标记语言 — Hyper...

2019-06-26 20:59:49 213

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除