问题 大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（reflow）和重绘（repaint）。尤其是在页面包含 ...

一、元素分类 首先要知道元素分三种：内联元素（行内元素）、块级元素、内联块级元素。 1、内联（行内）元素 可与其他元素占一行 高、行高、内外边距不可更改 宽度为内容所占宽度，不可更改 容纳文本或其他行内元素 2、块级元素 独占一行 高、行高 ...

文章首发于公众号【大数据学徒】，感兴趣请搜索 dashujuxuetu 或者文末扫码关注。 我正在用 Jetty 开发自己的一个玩具项目，在这个项目中，涉及到使用 WebSocket 在前后端之间交换 JSON 数据，本文对此做一个总结。 ...

很久没有来更新了，近半年项目比较忙，难得接近年底闲一阵子，研究一下数据结构预算法。今天首先了解一下关于数据结构和算法的一些基本概念。 数据结构概述： 数据结构主要是通过分析数据对象的结构特性，包括逻辑和数据对象之间的关系，然后把逻辑转换成计 ...

RegExp属性和方法整理 正则表达式从上学时候就感觉跟一个噩梦似得，怎么都看不懂，工作后也有几次想好好看看正则，不知是时间还是自身技能层次的限制都没能搞明白如何写一个正则表达式，直到今天，再次一行一行阅读了MDN关于RegExp的介绍，才 ...

前端工程师很大程度上就是指javascript工程师。前端入门容易精通难，说的是前端，更指的是javascript。词法结构是一套基础性规则，用来描述如何使用javascript来编写程序。 与java关系关于javascript有这样一个 ...

Markdown是什么？ Markdown是一种纯文本格式的标记语言。 通过简单的标记语法，它可以使普通文本内容具有一定的格式。 可以通过简单、易读易写的文本格式生成结构化的HTML文档。 基本语法 标题 # 这是一级标题 ## 这是二级标 ...

本篇则主要介绍CSS的语法与CSS是如何工作的。 CSS语法 1. 基本规则 CSS规则主要由两部分组成：选择器(selector)与声明(declarations)。 选择器(selector)是开发者希望改变样式的HTML元素。 声明( ...

在所有后 ES6 时代的数组方法中，我觉得最难理解的就是Array.reduce()。 从表面上看，它似乎是一个简单无趣的方法，并没有太大作用。 但是在不起眼的外表之下，Array.reduce()实际上是对开发人员工具包的强大而灵活的补 ...

CSS3的过渡属性，给web应用带来了简单优雅的动画，但是比起初次相见，他（transition）有许多细则。 在这片文章中，我将会专研CSS3的过渡（transition）中更加复杂的部分，从链式和事件到硬件加速和动画函数。 让浏览器控制 ...