m0_37978717-CSDN博客

转载 rxjs5.X系列 —— ErrorHandling/Condition/Mathematical系列 api 笔记

前言　　　　本文是笔者翻译 RxJS 5.X 官网各类operation操作系列的的第四篇 —— ErrorHanding异常处理、Condition Operator情况操作、Mathmatical数学操作。如有错漏，希望大家指出提醒O(∩_∩)O。更详细的资料尽在rxjs官网【http://reactivex.io/rxjs/manual/overview.htm】与带有demo例子

2017-10-30 17:42:53 314

转载 rxjs5.X系列 —— Combination/Multicasting系列 api 笔记

http://www.cnblogs.com/BestMePeng/p/rxjs_learn_combination_multicasting.html　前言　　　　本文是笔者翻译 RxJS 5.X 官网各类operation操作系列的的第三篇 —— Combination组合与Multicasting广播。如有错漏，希望大家指出提醒O(∩_∩)O。更详细的资料尽在rxjs官网

2017-10-30 17:41:52 322

转载 rxjs5.X系列 —— filter系列 api 笔记

http://www.cnblogs.com/BestMePeng/p/rxjs_learn_filter.html　前言　　　　本文是笔者翻译 RxJS 5.X 官网各类operation操作系列的的第二篇 —— filter过滤。如有错漏，希望大家指出提醒O(∩_∩)O。更详细的资料尽在rxjs官网【http://reactivex.io/rxjs/manual/ov

2017-10-30 17:41:03 979

转载 rxjs5.X系列 —— transform系列 api 笔记

前言　　　　本文是笔者翻译 RxJS 5.X 官网各类operation操作系列的的第一篇 —— transform转换。如有错漏，希望大家指出提醒O(∩_∩)O。更详细的资料尽在rxjs官网【http://reactivex.io/rxjs/manual/overview.htm】与带有demo例子的网站【http://xgrommx.github.io/rx-book/conte

2017-10-30 17:39:19 395

转载 [译]RxJS 5.X基础篇

[译]RxJS 5.X基础篇欢迎指错与讨论 : ）　　当前RxJS版本：5.0.0-beta.10。更详细的内容尽在RxJS官网http://reactivex.io/rxjs/manual/overview.html。文章比较长，可以通过快捷键 command+f 或者 ctrl+f 搜索主要内容。　　　　 - 前言　　　　 RxJS在ng2、redux-ob

2017-10-30 17:37:32 512 1

ionic2实战-集成angular2http-简书CSS流体(自适应)布局下宽度分离原则«张鑫旭-鑫空间-鑫生活Shhh...|joshmorony-BuildMobileAppswithHTML5WhentoUseProviders/Services/InjectablesinIonic|joshmorony-BuildMobileAppswithHTML5AngularJS2.0学习笔记11

2017-10-19 13:46:50 534

转载 vw让overflow:auto页面滚动条出现时不跳动

一、水平居中布局与滚动条跳动的千年难题当前web届，绝大多数的页面间布局都是水平居中布局，主体定个宽度，然后margin: 0 auto的节奏~例如，妇女之友大淘宝的首页：然而，这种布局有一个存在一个影响用户体验的隐患。应该都知道，现代浏览器滚动条默认是overflow:auto类型的，也就是如果尺寸不足一屏，没有滚动条；超出，出现滚动条。于是，问题来了：信息流

2017-09-29 16:53:25 543

转载 NG4-详解Angular 4.x 动态创建组件

动态创建组件这篇文章我们将介绍在 Angular 中如何动态创建组件。定义 AlertComponent 组件首先，我们需要定义一个组件。exe-alert.component.ts?1234567891011imp

2017-08-15 10:38:24 933

转载常用正则表达式

一、校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2

2017-08-01 17:25:12 139

转载 gulp-写一份gulp常用配置文件，构建前端工作流

目录目录前言创建项目初始化项目创建目录结构编写Gulp配置创建gulp的config文件创建gulp的dev文件创建gulp的prod文件调用dev和prod方法运行gulp定义脚本scripts附录前言　　上回写了一篇关于《一份gulp的配置文件》的文章。其中已经提及了简单项目中gulp的配置。　　在使用实践的

2017-07-20 09:15:47 408

转载浏览器兼容性问题大汇总

转自:http://www.jb51.net/article/76575.htm浏览器兼容性问题大汇总JavaScript1.HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).

2017-07-08 10:19:29 246

转载 H5 直播避坑指南

作者简介：文赫，2015年加入腾讯，作为前端开发工程师参与过手Q游戏公会，游戏中心，企鹅电竞等项目，具有丰富的移动端开发和直播开发经验。导语企鹅电竞项目，直播和视频播放是其中的核心。面对着产品同学不断的询问：为什么h5的体验这么差？为什么不能和app的播放体验保持一致？我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。经过一系列的调研爬坑，斩荆披棘，我们一步步提升了

2017-06-29 15:21:09 433

原创 gulp- gulp-flatten(移除或替换文件的路径)

安装npm install gulp-flatten使用比如，文件目录如下:var glup =require('gulp');var flatten = require('gulp-flatten'); gulp.src('lib/ionic/**/*.min.js') .pipe(flatten())

2017-06-28 13:35:04 2969

转载 gulp-- gulp-jshint

jshint是用来检测javascript的语法错误的，在grunt和gulp都有这个插件，这里简单的介绍下jshint的使用方法。1. 安装jshint在已经安装node的情况下，在当前项目的目录下，使用以下的命令即可进行安装，非常的方便，因为是在gulp下使用，所以也得先安装gulp：npm install gulpnpm install jshint安

2017-06-27 14:18:31 321

转载 gulp- require-dir

Splitting a gulpfile into multiple files20th January, 2015In some projects, your gulpfile will get big enough that it's worth splitting it into multiple files, with one task per file. There are

2017-06-27 11:35:07 958

转载 gulp-重构你的gulpfile

前段时间在公司的新项目中尝试使用gulp替换grunt，体验非常棒！两者最大的区别就是grunt整个就像是一个配置文件，而gulp更像代码。这样的好处就是调试起来更方便直观。另外，利用Node.js的stream概念，让gulp的task看起来像管道一样，输入连着输出，输出又导入另一个输入，流程非常清晰易懂。自打用了这个，就再也不想回到闹心的grunt了。在用了一段时间后，问题来了：不知不觉gul

2017-06-27 10:22:09 574

转载 gulp-简介

1 简述gulp是一种构建工具，构建是什么意思呢？我感觉就是通过自己写一些脚本（gulpfile.js）让gulp工具运行，自动化的完成一些文件汇聚、CSS编译、植入链接等工作。1.1 安装安装方法还是很简单的，官网也有讲，出于完整性的考虑，还是罗列一下用到的命令。sudo npm install --global gulpsudo npm install --s

2017-06-26 17:27:26 2185

转载 gulp- run-sequence

Node.js 工具链中的典型任务运行器有 Grunt ，以及后起之秀 Gulp ，现在它们都有着广泛的社区支持，都有大量的插件支持。Grunt 以其先入为主的优势，以及直观的插件加配置的方式几乎提供了一个“立即可用”的模型。与以传统的方式进行配置的 Grunt相比， Gulp 则使用“代码”的方式来描述任务。而它们另一个巨大的不同，则体现在运行方式上：Grunt 的运行方式很直观：解析依

2017-06-26 17:22:02 3494

转载并发并行同步异步多线程的区别

转自:http://blog.csdn.net/cqkxboy168/article/details/9026205/1. 并发：在操作系统中，是指一个时间段中有几个程序都处于已启动运行到运行完毕之间，且这几个程序都是在同一个处理机上运行。其中两种并发关系分别是同步和互斥2. 互斥：进程间相互排斥的使用临界资源的现象，就叫互斥。3. 同步：进程之间的关系不是相互排斥临界资源的关

2017-06-26 13:51:08 289

转载 gulp--gulp-autoprefixer

转自:http://www.ydcss.com/archives/94简介：使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用她我们可以很潇洒地写代码，不必考虑各浏览器兼容前缀。【特别是开发移动端页面时，就能充分体现它的优势。例如兼容性不太好的flex布局。】1、安装nodejs/全局安装gulp/项目安装gulp/创建package.js

2017-06-26 11:55:28 362

转载 gulp--gulp源码解析（二）—— vinyl-fs

转自:http://blog.csdn.net/aabv54321/article/details/54847741在上一篇文章我们对 Stream 的特性及其接口进行了介绍，gulp 之所以在性能上好于 grunt，主要是因为有了 Stream 助力来做数据的传输和处理。那么我们不难猜想出，在 gulp 的任务中，gulp.src 接口将匹配到的文件转化为可读（或 Duplex/

2017-06-26 10:57:46 376

原创 gulp--gulp-useref

gulp-useref的作用它可以把html里零碎的这些引入合并成一个文件，但是它不负责代码压缩。var gulp = require('gulp'), useref = require('gulp-useref'); gulp.task('default', function () { return gulp.src('a

2017-06-23 17:10:57 783

转载 gulp-Gulp资料大全：入门、插件、脚手架、包清单

awesome-gulp中文版一份gulp的资源，插件和使用实例清单，致力于打造更好的前端工程构建流程。被老外的awesome 清单刺激到，觉得有必要翻译一份，为国产的程序员们做点事情，本清单将保持实时更新同步。PS:进都进来了，就顺便看看其他的吧:awesome-nodejs-cnawesome-npm-cnawesome-react-cnawesome-rea

2017-06-23 15:49:44 488

转载 gulp--gulp-uncss清理多余无用css

cnpm 也可以使用npmcnpm install gulp-uncss --save-dev gulpfile.jsvar gulp = require('gulp'), uncss = require('gulp-uncss');gulp.task('uncss', function() { gulp.src('src/css/origin.cs

2017-06-23 15:25:05 1553

原创 gulp--gulp-concat

插件地址: https://github.com/contra/gulp-concat插件安装: npm install --save-dev gulp-concat插件使用var concat = require('gulp-concat');gulp.task('scripts', function() { return gulp.src('./lib/*.js')

2017-06-23 14:02:03 307

转载 gulp-gulp使用小结(一)

目录简单介绍必备插件常用插件进阶插件聊聊 gulpfile.js套路结语推荐阅读简单介绍这篇文章的目的是：介绍些我知晓的 gulp plugins，然后用少量的代码讲解，最终希望大家能用 gulp 让前端项目高大上的跑起来默认读者知道点 npm/cnpm；明白 package.json 是作甚的；了解 gulpfile.js 是作甚的。这篇文

2017-06-23 13:36:35 681

转载 gulp-插件解析

gulp-sequence Run a series of gulp tasks in order.超级有用的类库；众所周知js是单线程的，运用此类库可以：保证任务按顺序执行，让gulp任务，可以相互独立，解除任务间的依赖，增强task复用；对于复杂的操作非常有用；安装:npm install --save-dev gulp-sequencegulp-sftp ：

2017-06-23 11:45:52 328

转载 gulp-：gulp插件/gulp模块介绍

转自:http://blog.csdn.net/franks_t_d/article/details/52763310本篇前言上一篇介绍了本工具的功能、结构、命令，欢迎阅读。为了让大家更好的了解gulp的强大，本篇将单独对本工具所用的所有gulp插件/gulp模块进行列举介绍，gulp模块的安装方法请点击模块的介绍链接，推荐使用淘宝镜像的npm进行。gu

2017-06-23 10:59:46 566

转载 gulp-用gulp做一个略完整的前端打包工作

我们的官网要改版，会从以前的单一产品变成系列产品的官网，也就是现在的官网会是之后官网的一个子模块。趁着这个机会，正好重新梳理了一下结构。加上罪恶之主管的一些要求，具体的需求如下：分模块，每个模块都有独立的页面和静态文件，并将所有静态文件打在一个文件夹下，一些常用变量可以进行替换，并可进行简单的页面动态生成，生产环境打包与线上环境打包分开进行，

2017-06-23 10:10:57 1909

转载 gulp-Source Map 详解

转自:http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html上周，jQuery 1.9发布。这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jque

2017-06-22 16:21:42 2043

转载 gulp-前端模块及依赖管理的新选择：Browserify

引言1. manually以前，我新开一个网页项目，然后想到要用jQuery，我会打开浏览器，然后找到jQuery的官方网站，点击那个醒目的“Download jQuery”按钮，下载到.js文件，然后把它丢在项目目录里。在需要用到它的地方，这样用引入它：script src="path/to/jquery.js">script>2. Bower后来，我开始用

2017-06-22 16:14:31 1615

转载 gulp-删除文件和文件夹

来自官网:http://www.gulpjs.com.cn/docs/recipes/delete-files-folder/你也许会想要在编译文件之前删除一些文件。由于删除文件和文件内容并没有太大关系，所以，我们没必要去用一个 gulp 插件。最好的一个选择就是使用一个原生的 node 模块。因为 del 模块支持多个文件以及 globbing，因此，在这个例子中，我们将使用它来

2017-06-22 15:25:58 3468 1

转载 gulp-使用stream-combiner2整合 streams 来处理错误

默认情况下，在 stream 中发生一个错误的话，它会被直接抛出，除非已经有一个时间监听器监听着 error 时间。这在处理一个比较长的管道操作的时候会显得比较棘手。通过使用 stream-combiner2，你可以将一系列的 stream 合并成一个，这意味着，你只需要在你的代码中一个地方添加监听器监听 error 时间就可以了。安装npm install --save

2017-06-22 14:56:32 1045

转载前端构建工具gulpjs的使用介绍及技巧

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件

2017-06-22 13:53:07 162

转载 gulp教程之gulp-imagemin

简介：使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片），很多人安装gulp-imagemin都会出现错误，我也查了很多资料，也不知道所以然，我的做法是出错再重新安装，如果你知道问题所在，请一定告诉我！1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本

2017-06-22 13:37:56 333

转载创建多个gulp.task

在准备get更多gulp的具体操作之前，先来明确一下在gulp中创建和使用多个task任务的情况。 gulp所要做的操作都写在gulp.task()中，系统有一个默认的default任务，如下：[javascript] view plain copy var gulp = require('gulp');//gulp自身 gulp.task('default',['ta

2017-06-22 11:09:49 1387

m0_37978717的博客