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

 分类:系列文章

系列文章

煦涵说CSS文本断行

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

煦涵 5天前 44℃ 0评论 0 喜欢

煦涵说Babel

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

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

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

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

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

煦涵说Flow

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

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

煦涵说Yarn

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

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

煦涵说JSON

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

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

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

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

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

Flexbox#1:基本属性的使用

Flexbox是一个CSS布局系统,使用它可以很容易的实现动态布局。使用flexbox,平常开发中遇到的垂直居中布局,等高布局,重排,方向不可知等布局都是小菜一碟。 可能你会说现在还不是使用flexbox的最佳时间,但是据统计93%的人都在运行支持flexbox的浏览器,它比对HTML5 元素的支持...

煦涵 2年前 (2015-06-18) 3362℃ 0评论 0 喜欢

Javascript中的+0和-0

Javascript中有+0和-0,这篇文章我们来探讨+0和-0一些相关运算及实践。 一、符号零 我们知道在javascript中,所有的数值都是浮点数,遵从IEEE754双精度浮点数标准,在js中我们通常写0,这意味着+0,但是它也意味着是-0,看下面实例: function c(expressi...

煦涵 3年前 (2014-12-20) 2422℃ 0评论 0 喜欢

Javascript中使用Object.is()判断严格相等

在Javascript中判断相等是很常见的,常用的判断有“==”,“===”,“!=”,“!==”,今天这篇文章我们来学习ES6中的一个方法Object.is(),关于此方法的详细介绍可以戳这里。 Object.is()方法用来判断两个值是否有相同的值,这个相同的值的判定和“==”,“===”的判断...

煦涵 3年前 (2014-12-20) 2492℃ 0评论 1 喜欢

NGJS-7 指令(Directives)-3

在本文的开始想先大致描述下指令的编译过程,之后将重点描述指令中最为重要的scope及其相关用法。 十五、指令的编译过程 看过源码的都知道当DOM加载完成后,Angular应用开始初始化,Angular开始使用编译器的$compile服务遍历DOM元素。整个编译过程分为两个阶段: 编译阶段: 遍历DO...

煦涵 3年前 (2014-12-09) 2471℃ 0评论 2 喜欢

NGJS-6 指令(Directives)-2

七、配置属性template 可能的替换方式: 1. 替换指令元素的内容 2. 替换指令元素自身(如果replace: true) 3. 包裹指令元素的内容(如果transclude: true) 可取值: 1. String: HTML字符串,可以包含指令和表达式 2. Function: fun...

煦涵 3年前 (2014-12-08) 2424℃ 1评论 2 喜欢

NGJS-5 指令(Directives)-1

Directives(指令)是AngularJS应用最重要的一部分。尽管AngularJS已经提供了非常丰富的指令,但根据项目需要,我们仍需要创建自定义指令。Directives系列教程讲述如何自定义指令及其在项目中实践,由于指令的内容较多我会分为几个部分来讲,在本系列的最后我会用指令来创建一个可复...

煦涵 3年前 (2014-12-07) 2490℃ 0评论 3 喜欢