laixiangran - 博客园

摘要: 含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了 Promise 对象。 Promise 对象是一个代理对象(代理一个值),被代理的值在 Promise 对象创建时可能是未阅读全文
posted @ 2018-04-19 20:00 laixiangran 阅读(68) 评论(0) 编辑
摘要: 这篇文章收藏在笔记里面有几年了,原文作者无从考究了,侵删! 最近再翻出来看,依然觉得受益匪浅。这次整理分享出来,希望对大家有所启示。 背景 如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧; 如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧; 如果你是四五年的阅读全文
posted @ 2018-04-18 16:35 laixiangran 阅读(162) 评论(3) 编辑
摘要: Chrome浏览器目前是网络上可用的最好的浏览器之一,并且自2011年11月超越了Firefox浏览器之后,已经成为了互联网上占主导地位的浏览器。 本篇文章将与大家分享一些与前端开发有关的实用的Chrome浏览器插件,这些插件可以帮助你提高前端开发工作效率。 Allow Control Allow 阅读全文
posted @ 2018-04-17 18:02 laixiangran 阅读(23) 评论(0) 编辑
摘要: 先看段代码: 思考一下,能给出准确的输出顺序吗? 下面我们一个一个的来了解 Event Loop 相关的知识点,最后再一步一步分析出本段代码最后的输出顺序。 JavaScript是单线程 首先我们先了解下进程和线程的概念和关系: 进程: 运行的程序就是一个进程,比如你正在运行的浏览器,它会有一个进程阅读全文
posted @ 2018-04-16 17:14 laixiangran 阅读(67) 评论(4) 编辑
摘要: offsetWidth / offsetHeight offsetWidth HTMLElement.offsetWidth 是一个只读属性,返回一个元素的布局宽度。一个典型的(各浏览器的offsetWidth可能有所不同)offsetWidth是测量包含元素的边框(border)、水平线上的内边距阅读全文
posted @ 2018-04-15 22:30 laixiangran 阅读(48) 评论(0) 编辑
摘要: 本文介绍的 Chrome 开发者工具基于 Chrome 65版本,如果你的 Chrome 开发者工具没有下文提到的那些内容,请检查下 Chrome 的版本 本文是 "前端开发必备之Chrome开发者工具(上篇)" 的下篇,废话不多说,直接开始介绍。 网络面板(Network) 网络面板记录页面上每个阅读全文
posted @ 2018-04-14 19:19 laixiangran 阅读(211) 评论(1) 编辑
摘要: 本文介绍的 Chrome 开发者工具基于 Chrome 65版本,如果你的 Chrome 开发者工具没有下文提到的那些内容,请检查下 Chrome 的版本 简介 Chrome 开发者工具是一套内置于 Google Chrome 中的Web开发和调试工具,可用来对网站进行迭代、调试和分析 打开 Chr阅读全文
posted @ 2018-04-10 11:13 laixiangran 阅读(298) 评论(4) 编辑
摘要: 元素选择器 通配选择器 { sRules } 选定文档所有的元素 类型选择器 E { sRules } 选定指定的文档元素 E 类选择器 E.myclass { sRules } 选定 class 属性包含 myclass 的文档元素 E 多类选择器 E.myclass.myotherclass {阅读全文
posted @ 2018-04-07 22:11 laixiangran 阅读(306) 评论(0) 编辑
摘要: Object构造函数 创建自定义对象最简单的方式就是创建一个 Object 的实例,然后再为它添加属性和方法: 缺点 代码冗余,会产生大量重复代码 无法识别对象(无法知道对象的类型) 对象字面量 对象字面量相比较于 Object 构造函数,代码会比较直观一些: 缺点 代码冗余,会产生大量重复代码 无阅读全文
posted @ 2018-04-06 15:01 laixiangran 阅读(47) 评论(0) 编辑
摘要: 在Angular中,组件属于特殊的指令,它的特殊之处在于它有自己的模板(html)和样式(css)。因此使用组件可以使我们的代码具有强解耦、可复用、易扩展等特性。通常的组件定义如下: demo.component.ts: demo.component.html: demo.component.scs阅读全文
posted @ 2018-04-05 16:33 laixiangran 阅读(76) 评论(0) 编辑