前端学堂前端学堂

所有文章 第5页

JavaScript|Node

详解Object.create(null)和new区别

7

前端学堂 发布于 2019-06-25

在Vue和Vuex的源码中,作者都使用了Object.create(null)来初始化一个新对象。为什么不用更简洁的{}呢? Object.create()使用 照搬一下MDN上的定义: Object.create(proto,[propertiesObject]) 复制代码 p...

阅读(296)赞 (4)

JavaScript|Node

使用注释和JSDOC让代码更规范

8

前端学堂 发布于 2019-06-21

首先,JSDoc 并不会对源码产生任何的影响,所有的内容都是写在注释里边的。 所以并不需要担心 JSDoc 会对你的程序造成什么负面影响。 可以先来看一个普通的 JavaScript 文件在编辑器中的展示效果: 很显而易见的,编辑器也不能够确定这个函数究竟是什么含义,因为任何类型...

阅读(365)赞 (4)

JavaScript|Node

简述Chromium, CEF, Webkit, JavaScriptCore, V8, Blink

4

前端学堂 发布于 2019-06-11

了解浏览器 浏览器内核概念 浏览器内核分为两部分:渲染引擎(render engin)、js引擎(js engin) 渲染引擎:负责对网页语法的解释(HTML、javaScript、引入css等),并渲染(显示)网页 js引擎:javaScript的解释、编译、执行 主流内核:T...

阅读(161)赞 (3)

性能体验

浏览器渲染流水线解析与网页动画性能优化

3

前端学堂 发布于 2019-06-11

若干年前,我写过一篇介绍浏览器渲染流水线的文章 – How Rendering Work (in WebKit and Blink),这篇文章,一来部分内容已经过时,二来缺少一个全局视角来对流水线整体进行分析,所以打算重新写一篇新的文章,从一个更高抽象层次和高度简化的...

阅读(187)赞 (2)

性能体验

OffscreenCanvas – 概念说明及使用解析

1

前端学堂 发布于 2019-06-11

这是个人关于 OffscreenCanvas 的第一篇文章,在这篇文章里会对 OffscreenCanvas 的基本概念进行说明,并通过两个实际的例程来解析它的主要使用方式和应用场景。 OffscreenCanvas 是一个实验中的新特性,主要用于提升 Canvas 2D/3D ...

阅读(393)赞 (2)

JavaScript|Node

单行多行文本溢出展示…

前端学堂 发布于 2019-06-11

单行文本溢出显示省略号 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; (需要对容器设置单行高度) 多行文本溢出显示省略号 webkit浏览器或移动端的页面 在webkit浏览器或移动端(绝大部分是webk...

阅读(139)赞 (2)

HTML5|CSS3

什么是containing block?

3

前端学堂 发布于 2019-06-07

什么是containing block? 如果干巴巴的问一个前端什么是containing block。大部分都不知所云。官方示意如下: The size and position of an element are often impacted by its containin...

阅读(154)赞 (3)

性能体验

tree shaking介绍

21

前端学堂 发布于 2019-06-07

Tree-Shaking性能优化实践 – 原理篇 一. 什么是Tree-shaking 先来看一下Tree-shaking原始的本意 上图形象的解释了Tree-shaking 的本意,本文所说的前端中的tree-shaking可以理解为通过工具”摇R...

阅读(173)赞 (3)

JavaScript|Node

webpack编译代码原理介绍

前端学堂 发布于 2019-06-07

0 配置文件 首先简单看一下webpack配置文件(webpack.config.js): var path = require('path'); var node_modules = path.resolve(__dirname, 'node_modules'); var pa...

阅读(135)赞 (3)

HTML5|CSS3

说说http状态码和妙用

1

前端学堂 发布于 2019-06-07

  一些常见的状态码 1开头 1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明 100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协议) 请求者已要求服务器切换协议,服务器...

阅读(121)赞 (3)

性能体验

浏览器渲染与阻塞原理

前端学堂 发布于 2019-06-05

本文章回答了那些问题 浏览器如何渲染一个页面 浏览器有哪些线程,线程之间如何工作的 为什么要学习这些问题 了解浏览器渲染原理可以帮助我们优化html、css、js的组织,优化渲染性能 了解浏览器进程可以帮助我们深入了解异步编程 浏览器渲染原理 浏览器首先下载html、css、js...

阅读(143)赞 (3)

性能体验

中台的理解?

8

前端学堂 发布于 2019-05-31

中台迷思 原文:白话中台战略:中台是个什么鬼? 到处都在喊中台,到处都是中台,中台这个词在我看来已经被滥用了。 在有些人眼里:中台就是技术平台,像微服务开发框架、Devops平台、PaaS平台,容器云之类的,人们都叫它“技术中台”。 在有些人眼里:中台就是微服务业务平台,像最常见...

阅读(124)赞 (3)