潘正

摘要： 1. var的变量提升的底层原理是什么? 2. JS如何计算浏览器的渲染时间? 3. JS的回收机制? 4. 垂直水平居中的方式? 5. 实现一个三栏布局，中间版块自适应方法有哪些? 6. 如何判断一个对象是否为数组? 7. 行内元素和块级元素有哪些? img属于什么元素? 8. margin坍塌? 阅读全文

摘要： 前言 页面显示到浏览器上的过程： 1.1、生成一个DOM树。 浏览器将获取到的HTML代码解析成1个DOM树，包含了所有标签，包括display:none和动态添加的节点。 1.2、生成样式结构体。 浏览器将所有样式解析成样式结构体，解析过程中会去掉浏览器不能识别的。 2、DOM树和样式结构体结合生 阅读全文

摘要： ## 安装 * 直接引入链接：建议初学者使用；* 通过node.js的NPM安装Vue；* 通过node.js的NPM安装Vue-cli脚手架（推荐安装方式）； ## 基础 ### 数据类型 * 字符串：title: 'hello world'；* 数字：num:123；* 数组：arrow: [' 阅读全文

摘要： Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理， 阅读全文

摘要： 一.call和apply call和apply其实是同一个东西，区别只有参数不同，call是apply的语法糖，所以就放在一起说了，这两个方法都是定义在函数对象的原型上的（Function.prototype），call和apply方法的作用都是改变函数的执行环境，第一个参数传入上下文执行环境，然后 阅读全文

摘要： 什么是字符编码？ 计算机只能处理数字，如果要处理文本，就必须先把文本转换为数字才能处理。最早的计算机在设计时采用8个比特（bit）作为一个字节（byte），所以，一个字节能表示的最大的整数就是255（二进制11111111=十进制255），如果要表示更大的整数，就必须用更多的字节。比如两个字节可以表 阅读全文

摘要： JS执行机制 浏览器（或者说JS引擎）执行JS的机制是基于事件循环。 由于JS是单线程，所以同一时间只能执行一个任务，其他任务就得排队，后续任务必须等到前一个任务结束才能开始执行。 为了避免因为某些长时间任务造成的无意义等待，JS引入了异步的概念，用另一个线程来管理异步任务。 同步任务直接在主线程队 阅读全文

摘要： 性能一直以来是前端开发中非常重要的话题。随着前端能做的事情越来越多，浏览器能力被无限放大和利用：从 web 游戏到复杂单页面应用，从 NodeJS 服务到 web VR/AR 和数据可视化，前端工程师总是在突破极限。随之而来的性能问题有的被迎刃而解，有的成为难以逾越的盾墙。 那么，当我们在谈论性能时 阅读全文

摘要： 在开发中，好的动画效果会让软件使用起来更有吸引力，震撼力。所以我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。另外不要重复造轮子，把精力放在业务逻辑上！ 下面这些是我在工作中积累的一些常用的开源动画库，我只是简单罗列出来，详细的介绍和用法可以去官网或者github。根据自己具体的需求 阅读全文

摘要： 一个小故事 故事：小A烧开水。 出场人物：小A 出场道具：普通水壶（放在煤气灶上的那种，为了方便简称：水壶）；会响的水壶（水烧开了会响的那种，简称：响壶）。 故事目的：小A要拿开水泡咖啡 小A为了实现目的，指定了4个计划： 1、用水壶烧水，并且站在煤气灶旁边，啥事不干，两眼直勾勾的盯着水壶，等水烧开 阅读全文