在我们日常前端开发中,可能会遇到这样的场景,实现划词翻译、点击取词翻译、编辑器中的复制、粘贴等需求,下面我们通过对这两种需求场景来介绍 Selection 对象 和 Range 对象在实际项目中的应用 阅读全文
自2015年12月W3C发布[自定义属性级联变量](https://www.w3.org/TR/css-variables/)推荐性规范已经有一段时间了,今天本文首先会对自定义属性使用做一个基本的介绍,后面将主要讲述在我们日常组件开发中CSS自定义的应用。 阅读全文

CSS属性:font-display

发布在 Web开发
当我们在前端开发中使用自定义字体时,会遇到字体加载慢影响用户体验的情况,今天本篇文章来介绍 `font-display` 属性,该属性定义了浏览器加载和显示自定义字体文件的方式。开始介绍 `font-display` 属性前,我们来看看浏览器渲染字体有哪些差异 阅读全文

CSS属性:overflow

发布在 Web开发
overflow 有两种类型,一种是 text-shadow、box-shadow、boder-images、text-decoration 形成的 ink overflow,另一种就是我们常说的scrollable overflow。本篇内容将从定义到实践应用来深入 overflow 属性 阅读全文

CSS属性:line-clamp

发布在 Web开发
在日常前端开发需求中经常会有限制文本行数的需求,尤其在列表、图文混排等需求中,当需求是单行文本溢出时,我们可以选择使用 `text-overflow` 属性,当有多行文本需求时,我们可能首先想到使用 `javascript` 来处理 阅读全文

CSS属性:word-wrap

发布在 Web开发
根据 W3C 的 [CSS Text Module Level 3](https://drafts.csswg.org/css-text/) 文件来看,在网页中文本断行的规则通常是断在 `软性断行机会点`(Soft Wrap Oppportunity)。 阅读全文

Babel

发布在 Web开发
Babel 下一代javascript编译器,它可以处理ES6的所有新语法,并内置了React JSX扩展及Flow类型注解支持,Babel与JavaScript技术委员会(TC39)始终保持着高度一致,能够在ECMAScript新特性标准化之前为开发者提供现实可用的转码编译实现。 阅读全文
作者的图片

煦涵

因为热爱,所以坚持。


Developer


Beijing