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

 分类:系列文章

系列文章

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

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

煦涵 7个月前 (05-28) 3188℃ 1评论 6 喜欢

煦涵说Flow

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

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

煦涵说Yarn

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

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

煦涵说JSON

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

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

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

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

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

Javascript中的+0和-0

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

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

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

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

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

NGJS-7 指令(Directives)-3

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

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

NGJS-6 指令(Directives)-2

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

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

NGJS-5 指令(Directives)-1

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

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

NGJS-4 过滤器(Filters)

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

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

NGJS-3 控制器(Controller)

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

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

NGJS-2 绑定(Binding)

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

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

NGJS-1 基本介绍(Introduce)

关于本教程 AngularJS系列教程旨在和初学者一起学习、交流AngularJS的使用,并在使用中了解该框架的运行原理。对于初学者,AngularJS的上手比较容易,但是对于复杂的应用就需要理解其内部运作原理,这样开发中方能游刃有余。推荐文章Things I Wish I Were Told Ab...

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

Javascript中递归造成的堆栈溢出及解决方案

关于堆栈的溢出问题,在Javascript日常开发中很常见,Google了下,相关问题还是比较多的。本文旨在描述如何解决此类问题。 首先看一个实例(当然你可以使用更容易的方式实现,这里我们仅探讨递归): function isEven (num) { if (num === 0) { ...

煦涵 3年前 (2014-11-26) 17851℃ 1评论 13 喜欢