自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小蚂蚁的世界

2020 - 沉淀自己

  • 博客(7)
  • 论坛 (5)
  • 收藏
  • 关注

原创 前端性能优化 - 外部js和css加载对页面渲染首屏的影响

写在开头,本文中的内容均为自己测试得到的结果,如有不正之处,还望指出!开始今天的学习之前,先看一个概念。“页面渲染首屏”指的是什么?首先我们要明确这个概念。首先给大家看一个图片(百度搜索引擎的页面的加载过程):火焰图模块可以看到三条竖的虚线蓝线代表DOM生成完毕,对应DOMContentLoaded event,绿线代表第一次绘制的时间,红色代表加载完成,对应load事件。那么我们所说的是什么呢?...

2018-03-26 23:10:40 1524

原创 前端性能优化 - chrome performance看浏览器渲染过程

最近一直想看看浏览器渲染以及前端性能优化的内容,可是在网上找到的都是文字描述,所以想通过网上的知识去对应到chrome performance看到的过程。先看一个非常简单的页面代码: Test dom load.

2018-03-24 17:33:51 12473 2

原创 Angular4 - 表单

1. 纯html5 表单纯HTML5表单提供功能如下显示表单项校验用户输入提交表单数据先看一个纯html5表单的例子: UserName: TelePhone: Password: datetime: ConfimrPassword: Register对于一个SPA应用来说,一般我们会需要我们的表单具有以下的几个功能:a.

2018-03-18 23:18:41 1814

原创 Angular4 - Rxjs基础

1. 下面这段话先看,留个印象就好(摘抄与中文文档)RxJS 是一个库,它通过使用 observable 序列来编写异步和基于事件的程序。它提供了一个核心类型 Observable,附属类型 (Observer、 Schedulers、 Subjects) 和受 [Array#extras] 启发的操作符 (map、filter、reduce、every, 等等),这些数组操作符可以把异步事件

2018-03-14 23:22:24 2183

原创 JS设计模式 - 观察者模式与发布/订阅模式

观察者模式本质上是一种对象行为模式,而 发布/订阅模式本质上是一种架构模式,强调组件的作用。1. 观察者模式观察者模式是一种设计模式,其中一个对象(称为主体)根据对象(观察者)维护一个对象列表,自动通知他们对状态的任何更改。意图:定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。动机:将一个系统分割成一系列相互协作的类有一个副作用:需要维护相关...

2018-03-11 16:10:45 3090

原创 Angular4 - 指令

1. 指令分类组件(Component directive):用于构建UI组件,继承于 Directive 类属性指令(Attribute directive): 用于改变组件的外观或行为结构指令(Structural directive): 用于动态添加或删除DOM元素来改变DOM布局组件相关的内容就不多说了,可以查看文章组件(1) 内置属性指令属性型指令会监

2018-03-03 23:59:41 12038 6

原创 Angular4 - 模板语法

Angular4 - 模板语法1. 模板语法的介绍HTML 是 Angular 模板的语言。几乎所有的HTML语法都是有效的模板语法。 但值得注意的例外是元素,它被禁用了,以阻止脚本注入攻击的风险。(实际上,只是被忽略了。)有些合法的 HTML 被用在模板中是没有意义的。、和元素这个舞台上中并没有扮演有用的角色。剩下的所有元素基本上就都一样用了。这些元素存在于index.html中

2018-03-03 12:56:35 3084

空空如也

空空如也

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

TA关注的人 TA的粉丝

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