打码李铁匠

0. 背景 随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二选择，包括 create-react-app 以及 vue-cli 等等业内常见的…

js每定义一个对象后，都会有几个预定义属性，其中函数对象的一个属性就是原型对象prototype。普通对象没有prototype！普通对象和函数对象都有__proto__属性，但是null没有 person.prototype. constructor === person /…

这篇文章是第二篇，第一篇在这里。 第一篇大致讲到了浏览器从获取原始数据开始，直到把内容画到屏幕上，但是还没有完。 当你听到“渲染阻塞”的时候，你会想到啥？我猜是，‘某些行为阻止了浏览器把内容画到屏幕上’。 的确是你猜的那样。 所以这里有了我们的第一个优化点，把最重要的HTML内…

知道浏览器是怎样把网页呈现给你的这个过程之后，就能够帮助你去优化你的网页应用，从而提升速度和性能。 我马上就会阐述这个过程，但是首先，需要回顾一些基本概念。 一个网页浏览器从远程服务器上（或者本地文件）加载文件来显示给你看，允许你进行操作。 浏览器里有一个浏览器引擎。 不同的浏…

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 V…

仅能完成简单模块和项目的开发工作，难以胜任复杂模块的开发。通常是入行不久， 1 年及以下工作经验的同学。 熟悉前端基础知识如 HTML、JS、CSS 。 能够使用一门 MVVM 框架进行简单的业务开发。 遇到复杂的组件和模块，会找现有的轮子使用。 会使用百度、google 等检…

本文将以一个标准的 Vue 项目为例，完全抛弃传统的前端项目开发部署方式，基于 Docker 容器技术打造一个精简的前端持续集成的开发环境。 1. CI（持续集成）：阮一峰老师的关于 CI 的介绍 2. Docker： Docker 快速入门 1. 代码无需在本地构建 2. 只…

翻牌打乱活动抽奖活动，大概需求是这样的，九宫格卡牌，先正面展示所有奖品，然后卡牌翻转，打乱排序，点击卡牌，然后抽奖。 展示所有卡牌，然后翻转。 我们先在dom中渲染9个卡牌。 backface-visibility 属性定义当元素不面向屏幕时是否可见。 如果在旋转元素不希望看到…