2017年01月_yzbben

转载理解angularjs中的$emit,$broadcast和$on

在angularjs中提供了emit,broadcast和$on服务用于控制器之间基础事件的传递交流。 1、$emit 该服务贯穿作用域发出一个向上的事件，并通知哪些注册在rootScope.Scope上的监听器。该事件的生命周期开始于emit被启动的地方，事件一直朝着根作用域传递，传递期间并通知哪些注册在作用域上的监听器，如果这期间一个监听器接受到了这个事件，会注销这个事件，那么事件将会

2017-01-26 16:49:58 359

转载在angular中如何跳到指定的锚点($anchorScroll)

$anchorScrollProviderng 模块中的服务当被调用的时候，页面会滚动到与元素相关联的指定的 hash 处，或者滚动到当前 $location.hash() 处，是依照HTML5 spec 的规则制定的。它当然也会监听 $location.hash() 并且无论锚点值何时变化，都会自动地滚动到相应的位置。当不需要它时，可以调用$anchorScrollProvi

2017-01-26 16:11:57 12928

转载如何在AngularJs中调用第三方插件库

在AngularJs中我们会不可避免的使用第三方库，例如jquery插件库。我们不能散乱的在AngularJS中引入这些库，例如在controller中。那么应该怎么在Angular中使用第三方库呢？如何使用？很简单，给插件写一个directive。在这里，我会使用一个简单的jquery插件Toolbar.js 的DEMO。这是我们如何在jquery中创建一个too

2017-01-25 11:19:28 3475

转载 AngularJS 中的Promise --- $q服务详解

先说说什么是Promise，什么是$q吧。Promise是一种异步处理模式，有很多的实现方式，比如著名的Kris Kwal's Q还有JQuery的Deffered。什么是Promise以前了解过Ajax的都能体会到回调的痛苦，同步的代码很容易调试，但是异步回调的代码，会让开发者陷入泥潭，无法跟踪，比如：funA(arg1,arg2,function(){ fu

2017-01-23 18:27:23 471

npm install --save-dev css-loader style-loader sass-loader node-sass extract-text-webpack-plugin@~1.0.1 postcss-loader autoprefixer babel-core babel-preset-es2015 babel-loader file-loader url-loader w

2017-01-22 10:46:52 568

转载 webpack入门级教程

原文 http://www.cnblogs.com/shinggang/p/5034404.html主题 WebpackWebpack是什么首先可以看下官方文档，文档是最好的老师。这里也有国外的一个朋友写的入门介绍。Webpack是由Tobias Koppers开发的一个开源前端模块构建工具。它的基本功能是将以模块格式书写的多个JavaScri

2017-01-20 10:33:57 266

转载 meta标签中的http-equiv属性使用介绍

meta是html语言head区的一个辅助性标签;meta标签的作用有：搜索引擎优化(SEO)，定义页面使用语言等等;感兴趣的朋友可以了解下meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果

2017-01-18 18:01:01 446

转载前端rem单位的正确使用姿势

原文 http://www.uizph.com/post-329.html主题 HTML写这篇文章是因为自己被rem这个坑绊过脚，因此特意去研究了下rem这个单位。简单阐述下px、em、rem之前的关系（其实网上很多，我这里稍微提一下）。先抛出一个问题：为什么要选择rem？px：像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所

2017-01-18 11:56:13 10886

转载 JS中变量名和函数名重名

今天骚凯问了一道变量名冲突的题目,感觉很有意思,顺便也复习一下预解析的一些知识,有不对的地方忘前辈大神指正,题目是这样的:var a=100;function a(){　　console.log(a);}a();这个串代码执行完会报错 : a is not a function问题来了,为什么会报这个错误呢? 这里涉及到函数和变量的预解析:1)函数

2017-01-18 09:13:24 866

转载 webpack基础用法

打包 javascript webpack 米花儿团儿 2016年04月22日发布推荐 0 推荐收藏 13 收藏，1.1k 浏览----------webpack的用法全在配置中！！webpack是在node环境下运行的，学习webpack之前，请先自行安装node环境（含npm）；安装webpack：

2017-01-17 16:18:03 587

转载 Webpack傻瓜指南（二）开发和部署技巧

Webpack傻瓜指南（二）开发和部署技巧张轩 · 1 年前注意啦：如果你还没有看第一篇请先看下第一篇的基础知识：Webpack傻瓜式指南（一） - 前端外刊评论 - 知乎专栏然后再来阅读这一篇上一章讲了webpack的最基本基本用法，出乎意料的受到大家的欢迎，这一节讲更深入的技巧，这一节也更深入大家做项目的实战经验，一个项目分为开发和上线两个大的阶段，那么我们的技巧就

2017-01-16 17:42:50 2506

转载 Webpack傻瓜式指南（一）

Webpack傻瓜式指南（一）张轩 · 1 年前Webpack最近很热，我一开始是想翻译一篇国外关于webpack的佳作，但是找来找去也没有一篇让我感觉到很满意的，好多都是一步到位，满屏幕都是React＋Webpack，官方文档写的不太好，好多点都没有解释的详细，所以我参考了几篇文章，写一篇傻瓜式指南。本文适合第一次接触webpack的朋友，如果是老鸟，就不用看了。这是系列的第一篇

2017-01-16 17:41:30 589

转载 WebPack 常用功能介绍

概述Webpack是一款用户打包前端模块的工具。主要是用来打包在浏览器端使用的javascript的。同时也能转换、捆绑、打包其他的静态资源，包括css、image、font file、template等。个人认为它的优点就是易用，而且常用功能基本都有,另外可以通过自己开发loader和plugin来满足自己的需求。这里就尽量详细的来介绍下一些基本功能的使用。安装npm ins

2017-01-16 17:38:11 1743

转载前端之Sass/Scss实战笔记

http://segmentfault.com/a/1190000003742313主题 SassIntroductionSass 有两种语法规则(syntaxes),目前新的语法规则（从 Sass 3开始）被称为 “SCSS”( 时髦的css（Sassy CSS）),它是css3语法的的拓展级，就是说每一个语法正确的CSS3文件也是合法的SCSS文件，SCSS文件

2017-01-13 11:50:02 1087

转载卡耐基人际关系指南

作者：阮一峰日期： 2012年6月21日卡耐基（Dale Carnegie，1888－1955）是美国畅销书作家，主要研究人际关系和自我修养。他的成名作是1936年出版的《如何赢得朋友和获得影响力》（How to Win Friends and Influence People），该书大获成功，英文版销量就超过1500万本，全球销量据说与《圣经》一个级

2017-01-13 11:47:56 387

转载 SASS用法指南

作者：阮一峰日期： 2012年6月19日学过CSS的人都知道，它不是一种编程语言。你可以用它开发网页样式，但是没法用它编程。也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理

2017-01-13 11:47:23 207

转载 ES6 学习笔记

介绍ECMAScript 6 在接下来的一段时间内将成为 ECMAScript的一个标准。这个标准预计在今年的时候就会被签署，不管在Github,还是在很多社区，javascript爱好者已经早已开始拥抱变化，享受ES6 带来的美好,这篇文章将介绍ES6的一些新特性。由于ES6 还没有很好地被浏览器支持，所以这篇文章的ES6代码将使用 Babel 进行编译。ECMAScript 6

2017-01-13 11:15:58 380

转载 JavaScript ES6中export及export default的区别

本文原创地址链接：http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632，未经博主允许不得转载。相信很多人都使用过export、export default、import，然而它们到底有什么区别呢？在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在

2017-01-12 16:47:50 795

转载 JS的构造函数

//构造函数 //使自己的对象多次复制，同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后，构造函数会立即执行它所包含的任何代码 function myObject(msg){ //特权属性(公有属性) this.myMsg = msg; //只在被实例化后的实例中可调用 this.address = '上海';

2017-01-12 16:43:32 439

转载 angularjs拦截器实现loading

[javascript] view plain copy print? lt;html lang="zh-CN" ng-app="myApp"> "utf-8"> "X-UA-Compatible" content="IE=edge"> "viewport" content="width=device-width,

2017-01-05 11:25:28 1398

转载快速学习AngularJs HTTP响应拦截器

任何时候，如果我们想要为请求添加全局功能，例如身份认证、错误处理等，在请求发送给服务器之前或服务器返回时对其进行拦截，是比较好的实现手段。angularJs通过拦截器提供了一个从全局层面进行处理的途径。四种拦截器实现 request 方法拦截请求?1234request:

2017-01-05 11:24:05 267

转载 AngularJS页面访问时出现页面闪烁问题的解决

这篇文章主要介绍了AngularJS框架使用中出现页面闪烁问题的解决方法,闪烁问题一般是初始化未加载完毕造成的,需要的朋友可以参考下我们知道在应用的页面或者组件需要加载数据时，浏览器和angular渲染页面都需要消耗一定的时间。这里的间隔可能很小，甚至让人感觉不到区别；但也可能很长，这样会导致让我们的用户看到了没有被渲染过的页面。这种情况被叫做Flash Of Unrend

2017-01-05 09:46:22 673

转载 angular好用的插件集合（持续更新中）

首先介绍两个学习Angular的学习资源AngularJS-Learning还有recipes-with-angular-js-examples。两个编写Angular的代码规范，分别是angularjs-styleguide和angular-styleguide项目文件结构生成的插件（一般要配合yeoman等使用）generator-angular 这种生成器生

2017-01-05 09:39:37 947

转载前端实现图片压缩上传

当项目中有图片上传功能时，便会产生服务器资源占用问题，为避免上传图片太大占用太多空间，需要将图片进行压缩之后再存储。图片压缩可以通过前端或者后端都可以实现，这里主要闲扯一下我使用的前端图片压缩：　　这里介绍的js压缩图片的主要思想是：首先求出上传的图片大小，然后判断是否大于限制的最大size，若大于，则将图片进行压缩。压缩的过程就是，使用canvas将要压缩的图片画出来。　

2017-01-04 16:39:44 5630 1

转载使用navigator.userAgent.toLowerCase()判断移动端类型

在跨平台，各种浏览器，移动设备兼容的时候，经常要根据设备、浏览器做特定调整，所以判断设备和浏览器的工作，经常会用到，这里做一下总结判断设备，区分Android，iphone，ipad和其它[javascript] view plain copyvar ua = navigator.userAgent.toLowerCase(); if

2017-01-04 09:53:33 6386

转载 then 方法（承诺）

转载地址：https://msdn.microsoft.com/zh-cn/library/dn802833(v=vs.94).aspx 允许你指定实现承诺时要完成的工作。语法promise.then(onCompleted, onRejected);

2017-01-03 20:54:08 1821

转载 Javascript异步编程的4种方法

作者：阮一峰日期： 2012年12月21日你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须

2017-01-03 20:51:47 184

转载野兽的Angular Api 学习、翻译及理解 - - $cacheFactory

原文 http://www.cnblogs.com/ys-ys/p/4967404.html野兽的ng api学习 -- $cacheFactory可能之前的api写的有些枯燥吧，因为不烧脑，不需要很多逻辑思维来做处理，那么只后的文章会有趣很多哦，慢慢的开始烧脑了，准备好大量脑细胞的死亡吧~ 先来篇简单的缓存服务。这里野兽把api文档里的$cacheFactory

2017-01-02 23:09:04 391

转载升级 AngularJS 1.5：新特性对比与最佳实践(angular.component(),transclusion)

图谋不轨：帮助（勾引）开发者过渡到 Angular 2.0私以为，本次更新最重要的两个部分就是 angular.component() 方法和支持了 Multi-slot 的 transclusion：组件与 angular.component() 方法：首先最大的一个变化就是引入了组件的概念，并新增了 angular.component() 方法。经过这么长时间的摸爬

2017-01-02 13:34:01 9925

转载 angularJS directive详解

前言最近学习了下angularjs指令的相关知识，也参考了前人的一些文章，在此总结下。欢迎批评指出错误的地方。 Angularjs指令定义的APIAngularJs的指令定义大致如下angular.module("app",[]).directive("directiveName",function(){ return{ //通过设置项来定义 };

2017-01-02 12:56:43 366

转载 angular指令的transclude选项以及ng-transclude指令

今天我们来研究一下如何使用ng-transclude指令,以及指令的transclude选项；首先要说明我们使用的angular的版本是1.5.0，因为不同版本的表现结果不是那么相同。首先我们应该了解到，在angular指令的选项中，有一项是transclude，这个选项有三种值：false，true，object；那这三种值分别表示什么，该如何选择？下面我们来详细的说明一下。tr

2017-01-02 10:26:25 882

yzbben的博客