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

 分类:系列文章

系列文章

煦涵说CSS:文本断行

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

煦涵 11个月前 (06-18) 952℃ 1评论 2 喜欢

煦涵说Babel

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

煦涵 12个月前 (06-03) 1225℃ 0评论 1 喜欢

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

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

煦涵 1年前 (2017-05-28) 6340℃ 1评论 6 喜欢

煦涵说Flow

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

煦涵 1年前 (2017-05-20) 900℃ 1评论 0 喜欢

煦涵说Yarn

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

煦涵 1年前 (2017-05-13) 5717℃ 0评论 1 喜欢

煦涵说JSON

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

煦涵 1年前 (2017-05-13) 992℃ 0评论 0 喜欢

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

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

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

Javascript中的+0和-0

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

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

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

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

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

NGJS-7 指令(Directives)-3

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

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

NGJS-6 指令(Directives)-2

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

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

NGJS-5 指令(Directives)-1

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

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

NGJS-4 过滤器(Filters)

<h2>一、基本介绍</h2> 过滤器是用来格式化需要展示的数据的,可用于表单验证、客户端搜索、日期格式化等。还记得我们在介绍控制器的文章中的对字符串取反的实例吧,如果我们使用过滤器代替此函数,那么控制器逻辑将会更加简洁。看下面实例: <div ng-app="myAp...

煦涵 4年前 (2014-12-05) 3078℃ 0评论 2 喜欢

NGJS-3 控制器(Controller)

开始本篇之前,先回答上篇中的ng-bind与{{}}区别? 看过AngularJS的源码你会发现,Angular初始化在所有DOM加载完后,当使用{{}}时,模板没有被渲染时会以文本的形式显示,所以我们可以看到。而使用用ng-bind就不会,只是作为一般属性存在,直到Angular完成编译。 控制器...

煦涵 4年前 (2014-12-04) 2769℃ 0评论 3 喜欢

NGJS-2 绑定(Binding)

首先通过一个实例来开始绑定(Binding)介绍,给一个div元素添加ng-app属性: <div ng-app=""> </div> <script type="text/javascript" src="../public/lib/angular-1.3.4...

煦涵 4年前 (2014-12-03) 2955℃ 0评论 3 喜欢