1. 什么是字号与行高 其中半行距 = (lineHeight – fontSize) / 2。 对于笔者用的ProximaNova这个字体，设置font-size为30px，实际上高度为42px。为什么文字的高度不等于字号的高度？这得从字体设计说起。为此装了一个FontFor…

这是《CSS设计指南》的读书笔记，用于加深学习效果。 前一篇CSS入门指南-2：盒子模型、浮动和清除介绍了css盒子模型、浮动和清除，这一篇介绍 css元素的定位。 定位（position） CSS 布局的核心是 position 属性，对元素盒子应用这个属性，可以相对于它在常…

这个本来是给 vm-manager 写的一个富文本编辑器，后来觉得独立出来维护比较方便，就单独分离出来放到NPM。之所以说人人都会写, 是因为这个组件实现起来确实比较简单，不需要很厉害的Js水平, 基本是对document.execCommand()指令的绑定。在此将过程分享给大…

canvas入门 本文首发于我的个人博客：http://cherryblog.site/ github项目地址：https://github.com/sunshine940326/canvasStar 项目演示地址：https://sunshine940326.github.io…

我们已经讨论过了前端与计算机基础的很多话题，诸如SQL、面向对象、多线程，本篇将讨论数据结构与算法，以我接触过的一些例子做为说明。 1. 递归 递归就是自己调自己，递归在前端里面算是一种比较常用的算法。假设现在有一堆数据要处理，要实现上一次请求完成了，才能去调下一个请求。一个是…

为 web 应用选择 JavaScript 开发框架是一件很费脑筋的事。现如今 Angular 和 React 非常流行，并且最近出现的新贵 VueJS 同样博得了很多人的关注。更重要的是，这只是一些新起之秀。 那么我们如何选择使用哪个框架呢？列出他们的优劣是极好的。我们将按照…

这是CSS设计指南的读书笔记，用于加深学习效果。 上一篇介绍了css 的工作原理，这一篇主要介绍盒子模型和浮动。 盒子模型 所谓盒子模型，就是浏览器为页面中的每个HTML元素生成的矩形盒子。这些盒子们都要按照可见版式模型在页面上排布。 可见的页面版式主要由三个属性控制：posi…

这是《CSS设计指南》的读书笔记，用于加深学习效果。 display 属性 display是 CSS 中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级…

前言 随着 Web 开发的蓬勃发展，许多人都在问这样一个问题：我如何才能成为一名 Web 开发者？我认为这个问题不应该这样问，而应该是：我如何才能成为一名成功的 Web 开发者？这样的问题是很有必要的，因为世界有许多 Web 开发者，但是他们当中又有多少人是成功的呢？ 我写这篇文…