FED实验室 - 专注WEB端开发和用户体验
深入CSS属性

深入CSS属性:CSS文本断行

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

煦涵 1周前 (06-18) 161℃ 1评论 1 喜欢

煦涵说

煦涵说Babel

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

煦涵 3周前 (06-03) 242℃ 0评论 0 喜欢

煦涵说

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

Webpack,Webpack 是一个前端资源加载/打包工具,现在版本已经 release 到 v2.6.1,今天的文章不支持介绍Webpack的API及使用,而是对最近项目开发中使用Webpack打包时处理IE低版本(IE8及以下)浏览器兼容问题做一次总结。 PC端项目前端基础技术选型jQuer...

煦涵 4周前 (05-28) 335℃ 1评论 1 喜欢

煦涵说

煦涵说Flow

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

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

煦涵说

煦涵说Yarn

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

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

煦涵说

煦涵说JSON

JSON(Javascript Object Notaion, javascript 对象表示法), 是一种数据交换格式,能够在服务器端交换数据, 2001年由Douglas Crockford提出,目的是取代繁琐笨重的XML格式。 JSON 数据格式的优点: * 与语言无关的文本数据格式 * 轻...

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

CSS(3)

用 CSS 隐藏页面元素的方式总结

今天看到篇文章”用 CSS 隐藏页面元素的5种方法“,现加上自己的一点见解及常见应用归纳如下: 一、Display 将display设置为none,可以实现元素隐藏,并且不会生成盒模型。使用这个属性,被隐藏的元素不会占用任何空间。一旦给元素设置display:none,任何对...

煦涵 1年前 (2016-06-09) 2336℃ 0评论 6 喜欢

CSS(3)

Safari :active伪类失效问题

:active伪类,参见CSS2.1 Selector Spec,如果在PC端开发中会经常遇到,当然在某些初级或入门级的面试中也会问到A锚链接元素的几种状态,也许你可能会弄混,:link,:visited,:hover,:active, 常用缩写”LVHA“, 或者更好记忆为...

煦涵 1年前 (2016-02-21) 1757℃ 0评论 4 喜欢

JAVASCRIPT

HTML5 Element.dataset 初探

一. 我是谁 HTMLElement.dataset 属性允许我们访问所有在元素上自定义的data属性 (这种属性一般以data-开头). 它的结构是一个DOMString映射表,对每一个自定义的数据属性都有一个实体与之对应。 自定义的数据属性名称是以 data- 开头的。 它必须要遵循 the p...

煦涵 1年前 (2016-02-14) 1383℃ 0评论 0 喜欢

CSS(3)

再聊CSS伪元素

之前写过一篇“CSS伪类和伪元素的异同”的文章,里面详细描述了伪类与伪元素的区别以及一些常见应用。由于最近项目开发中,IE8浏览器下遇到一个bug,再聊伪元素。 我们知道随着CSS规范进一步完善,新增的CSS伪元素越来越多,但是在日常开发中,我们常用的及浏览器支持情况比较乐观的当数before和af...

煦涵 2年前 (2015-09-25) 2632℃ 0评论 3 喜欢

JAVASCRIPT

移动Web开发系列——软键盘及常见问题

移动端软件和PC端不同,Android和iOS两个系统的处理方式各异,其中Andriod中各个厂商对软键盘的处理方式也不同.本文将从以下几个方面阐述移动端软键盘的各异. 一. 不同系统中软键盘的特点 1) iOS系统 a.如果控件在键盘高度上方的话,键盘是以一个浮层的方式弹出,并且将那个触发的控件推...

煦涵 2年前 (2015-09-10) 6733℃ 1评论 3 喜欢

JAVASCRIPT

移动端点击穿透知多少

在移动端click事件会有300ms的延迟, 用肉眼可以明显感觉到, 因此在开发中常常会遇到点击穿透的问题, 令不少初学者头疼,本篇文章将从由来, 常见问题, 解决方案几个方面来阐述点击穿透现象, 给予初学者以参考. 一. 300ms延迟的由来 这要追溯至2007年初, 苹果公司在发布首款iphon...

煦涵 2年前 (2015-09-09) 2826℃ 0评论 2 喜欢