自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新特性标准化之前为开发者提供现实可用的转码编译实现。 阅读全文
Webpack 是一个前端资源加载/打包工具,现在版本已经 release 到 v2.6.1,今天的文章不直接介绍Webpack的API及使用,而是对最近项目开发中使用Webpack打包时处理IE低版本(IE8及以下)浏览器兼容问题做一次总结 阅读全文

Flow

发布在 Web开发
[Flow](https://flow.org)是Facebook出品的一个JavaScript代码的静态类型检查工具,它做了很多处理,使您的代码更快,更智能,更自信,更好的适应性。现在已经在前端比较流行的React 、Vue 等框架中得到使用。今天煦涵就和大家一起来学习Flow以及在实际项目中的使用。 阅读全文

Yarn

发布在 Web开发
Yarn 是一个新的Javascript包管理器,它由Facebook, Google, Exponent and Tilde开发者共同开发完成。Yarn 不是 NPM 的fork版本,而是它的重新设计,Yarn 定位为"快速、可靠、安全的依赖管理工具",它的目标是解决团队开发中使用 NPM 遇到的问题。 阅读全文
作者的图片

煦涵

因为热爱,所以坚持。


Developer


Beijing