FED实验室 - 专注WEB端开发和用户体验
煦涵说

煦涵说CSS:scroll-behavior实现页面平滑滚动

号外!!!Chrome 61 已经支持scroll-behavior属性,该属性指定滚动框(scrolling box)的滚动行为,当滚动行为由浏览器或者是CSSOM API发出时(例如点击锚点之后进行跳转)就会触发这个属性,但如果是用户滚动滚动条等操作时并不会触发这个属性。 当我们在根元素上使用该...

煦涵 4周前 (09-25) 139℃ 0评论 0 喜欢

煦涵说

煦涵说Webpack-Javascript库开发

已经两周左右没有写文章,今天来说说如何基于 Webpack + ES6 开发一个 javascript 库。 现在的前端生态中,我们开发一个库通常需要满足一下几点要求: 可以在浏览器中通过 script 标签元素引用 可以通过 npm、yarn 等包管理工具下载 兼容 ES6 (ES2015),...

煦涵 1个月前 (09-21) 140℃ 0评论 0 喜欢

煦涵说

煦涵说CSS:font-display

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

煦涵 2个月前 (08-13) 212℃ 0评论 0 喜欢

煦涵说

煦涵说ES2017(ES8)新特性

在6月底 T39 官方发布了 ES2017(ES8)正式版本,WEB 和 PDF 今天将和大家一起来学习最新版本中的特性及浏览器支持情况。 字符串填充 padStart/padEnd str.padStart(targetLength [, padString]) str.padEnd(targe...

煦涵 3个月前 (07-16) 373℃ 0评论 0 喜欢

煦涵说

煦涵说CSS:line-clamp

在日常前端开发需求中经常会有限制文本行数的需求,尤其在列表、图文混排等需求中,当需求是单行文本溢出时,我们可以选择使用 text-overflow 属性,当有多行文本需求时,我们可能首先想到使用 javascript 来处理,本文将和大家一起来认识一个新的 CSS 属性 line-clamp,这个属...

煦涵 3个月前 (07-15) 362℃ 0评论 0 喜欢

煦涵说

煦涵说CSS:overflow

在 [CSS1.0]规范中,当容器中的内容超过容器的边界时,会导致溢出内容与其他的内容重叠,被认为是开发者的错误。[CSS2.1]中引入了 overflow 属性,用来控制溢出内容的显示方式,是隐藏、裁剪还是自动处理。CSS Overflow Module Level 3引入了溢出隐藏的标准,更...

煦涵 4个月前 (07-08) 251℃ 0评论 0 喜欢

煦涵说

煦涵说如何快速搭建文档平台

文档平台可以说是一个部门必备的基础设施,其中包含了开发文档及规范、API文档等。本篇煦涵将给大家讲述如何快速搭建自己的文档平台。 使用到的相关技术 GitLab:一个开源的版本管理系统,实现一个自托管的Git项目仓库,可通过Web界面进行访问公开的或者私人项目 GitBook:一个基于 Node...

煦涵 4个月前 (07-01) 382℃ 0评论 0 喜欢

煦涵说

煦涵说CSS:文本断行

根据 W3C 的 CSS Text Module Level 3 文件来看,在网页中文本断行的规则通常是断在 软性断行机会点(Soft Wrap Oppportunity)。各种标点符号和空白通常都是一个断行机会点。这对英文来说很方便,因为英文中每个单字都会以空白分隔开。无论是断在空白或者标点符号,...

煦涵 4个月前 (06-18) 429℃ 1评论 1 喜欢

煦涵说

煦涵说Babel

Babel,下一代javascript编译器,当前版本 v2.4.0 ,它可以处理ES6的所有新语法,并内置了React JSX扩展及Flow类型注解支持,如果对Flow不是很了解可以查看FED实验室微信公众号文章煦涵说Flow。 Babel与JavaScript技术委员会(TC39)始终保持着高...

煦涵 5个月前 (06-03) 571℃ 0评论 0 喜欢

煦涵说

煦涵说Webpack-IE低版本兼容指南

Webpack,Webpack 是一个前端资源加载/打包工具,现在版本已经 release 到 v2.6.1,今天的文章不支持介绍Webpack的API及使用,而是对最近项目开发中使用Webpack打包时处理IE低版本(IE8及以下)浏览器兼容问题做一次总结。issue传送门,如果本文对你有帮助,欢...

煦涵 5个月前 (05-28) 1884℃ 1评论 5 喜欢

煦涵说

煦涵说Flow

Flow是Facebook出品的一个JavaScript代码的静态类型检查工具,它做了很多处理,使您的代码更快,更智能,更自信,更好的适应性。现在已经在前端比较流行的React 、Vue 等框架中得到使用。今天煦涵就和大家一起来学习Flow以及在实际项目中的使用。 Flow 安装 这里我们选择使用...

煦涵 5个月前 (05-20) 430℃ 1评论 0 喜欢

煦涵说

煦涵说Yarn

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

煦涵 5个月前 (05-13) 5278℃ 0评论 1 喜欢