SunsCheung-CSDN博客

原创 AngularJs自定义指令实例

angular.module(‘myApp’, []) .directive(‘rnStepper’, function() { return { restrict: ‘AE’, template: ‘-’ + ‘{{value}}’ + ‘+‘, link:

2017-06-05 15:33:53 358

转载简要分析webpack打包后代码

简要分析webpack打包后代码开门见山1.打包单一模块webpack.config.jsmodule.exports = { entry:"./chunk1.js", output: { path: __dirname + '/dist', filename: '[name].js' },};chu

2017-05-31 11:26:36 1443

转载 javascript深入理解js闭包

javascript深入理解js闭包一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1()

2017-05-31 11:25:34 338

转载 Javascript闭包入门（译文）

Javascript闭包入门（译文）Damonare4 个月前前言总括：这篇文章使用有效的javascript代码向程序员们解释了闭包，大牛和功能型程序员请自行忽略。译者：文章写在2006年，可直到翻译的21小时之前作者还在完善这篇文章，在Stackoverflow的How do JavaScript closures work?这个问题里更是得到了

2017-05-25 14:22:27 318

转载 angularjs之ui-grid 使用详解

最近一段时间在使用AngularJS 然后就找到ui-grid 这个比较不错的表格插件，感觉还不错，所以分享给大家（ps:新手第一次发）html:[html] view plain copypre name="code" class="html"> link rel="stylesheet" type="text/css" href

2017-05-25 12:04:06 4400

转载原生ajax请求与Promise请求

// 简单的ajax原生实现 var url = 'https://hq.tigerbrokers.com/fundamental/finance_calendar/getType/2017-02-26/2017-06-10'; var result; var XHR = new XMLHttpRequest(); XHR.open('GET', url, true

2017-05-22 16:55:43 3422

原创 VS Code常用快捷键

Visual Studio Code常用快捷键通过F1或者Ctrl+Shift+P打开主命令面板。在主命令面板中可以执行VSCode的任何一条命令。Command Palette是VSCode中最有用的模式，在这里你可以安装组件也可以查看快捷键等。在主面板模式下按backspace可以进入Ctrl+P模式中。本地文件导航模式（Ctrl+P）通过Ctrl

2017-05-04 10:21:22 10218

转载【AngularJs】ui-grid 使用详解

在ui-grid 导出pdf 时可能会出现中文字符无法显示问题，解决方法看这篇博客：http://my.oschina.net/gmd/blog/714911 html代码：html ng-app="myApp"> head> meta charset="utf-8"> title>ui-Grid Example01title

2017-05-03 20:35:53 645

转载彻底解决Webpack打包慢的问题

2016-08-03 09:20 转载自：https://segmentfault.com/a/1190000006087638?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly这几天写腾讯实习生 Mini 项目的时候用上了 React 全家桶，当然同时引入了 Webpack 作为打包工具。但是开发过

2017-04-18 14:21:52 420

转载《JavaScript高级程序设计第三版》学习笔记（十三）高级函数

1.安全的原生类型检验　　js的原生类型，可以用typeof判断，但有时会失效。比如typeof array返回的不是Array，而是Object；再比如老版本IE，会将function识别为Object。另外一个判断类型的是instanceof，它能够在对象的原型链中查找构造函数，但这种方法对于原生类型的判断也会出问题，因为某些原生构造函数用户是可以覆盖的，比如Array和JSON。请看下面

2017-04-06 15:16:56 1463

转载《JavaScript高级程序设计第三版》学习笔记（十二）Ajax详解

一、JSON1.使用XML在服务器和浏览器之间进行数据交换太浪费带宽，因而出现了新的数据结构JSON。JSON是包含了简单值、对象、数组的严格的JS子集，不支持变量、函数或对象实例。很多语言也有各自的JSON解析器和序列化器。2.不能将JSON写成简单的js字面量，否则只能在js中使用，而其他语言会解析不了。JSON要求严格的地方主要有：字符串值必须用双引号；对象属性必须用双引号；同一个对

2017-04-06 15:15:39 1632

转载《JavaScript高级程序设计第三版》学习笔记（十一）事件详解

一、事件流1.事件冒泡：事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。最早使用事件冒泡的是IE，现在绝大多数浏览器都使用冒泡。IE9、Firefox、Chrome、Safari都将事件冒泡到window。2.事件捕获：事件捕获是由不太具体的节点先接收事件，而最具体的节点最后接收事件。顺序与事件冒泡刚好相反。IE9、Safari、C

2017-04-06 15:14:40 547

转载《JavaScript高级程序设计第三版》学习笔记（十）DOM详解

一、节点1.节点层次（1）节点是浏览器中的基础类型，所有DOM对象都是特殊的节点，继承自node，可以使用节点自带的方法。（2）可以通过somenode.childNodes[0];somenode.childNodes.item(0);somenode.firstChild;somenode.lastChild迭代当前节点的子节点。（3）可以通过somenode.parentNo

2017-04-06 15:14:22 909

转载《JavaScript高级程序设计第三版》学习笔记（九）BOM详解

一、window对象1.作为Global（1）window有双重身份，一是js访问浏览器的一个接口，二是ECMAScript的Global对象。（2）window作为Global，在全局作用域声明的变量、函数都是window对象的属性和方法。定义全局变量和定义window属性是有区别的：定义的window属性，可以用delete删掉，这和其他对象一致；定义的全局变量则不能。还有一个区别

2017-04-06 15:12:18 416

转载《JavaScript高级程序设计第三版》学习笔记（八）块作用域及私有成员

一、模仿块级作用域1.js不像C和java一样有块级作用域。　　在C和Java中，一对大括号{}决定一个作用域，比如for循环。在js中，变量可以在函数任何一处定义，并且忽略重复定义。变量初始化之前使用，值永远是undefined。这些内容在以前已经提到了。[javascript] view plain copy//小实验 fu

2017-04-06 15:10:52 661

转载《JavaScript高级程序设计第三版》学习笔记（七）内存泄漏详解

一、内存泄漏1.所谓内存泄漏，是指浏览器的垃圾回收机制无法正常回收没用的DOM对象，根本原因是DOM对象的引用数大于0。2.在IE9之前的版本，IE浏览器的DOM对象和JS对象使用了不同的垃圾回收机制。这是内存泄漏的根源。3.浏览器回收DOM对象，都是查看DOM对象的引用次数是否为0。而有些时候，某个DOM对象的引用次数永远都不会变为0，哪怕是页面已经关闭了。想让内存发生泄漏，做法就是

2017-04-06 15:10:09 430

转载《JavaScript高级程序设计第三版》学习笔记（六）函数与闭包详解

一、函数声明1.函数的声明语法：function funcName(){}。js执行前会把函数声明载入，因此可以在调用之后声明函数，不必向c语言一样先声明，再调用，然后写实现。这个学名叫“函数声明提升”。2.函数的表达式语法：var funcName=function(){}。这种方式其实是先创建一个匿名函数，然后把函数的地址传给变量。所以在调用funcName之前，必须先写好函数，不能像

2017-04-06 15:09:23 409

转载《JavaScript高级程序设计第三版》学习笔记（五）继承详解

面向对象语言有两种继承方式：接口继承（只继承方法名）；实现继承（继承实际的方法）。但在ECMAScript中，函数名没多大含义，只是函数体的引用而已，因此，ECMAScript无法实现接口继承，只支持实现继承。实现继承，主要是依靠原型链来完成的。一、原型链1.原型链的基本思想是：利用原型让一个引用类型继承另一个引用类型的属性和方法。2.构造函数、原型、实例之间的关系（1）每个构

2017-04-06 15:08:25 537

转载《JavaScript高级程序设计第三版》学习笔记（四）对象创建详解

一、对象1.ECMAScript把对象定义为“一组没有特定顺序的值，这些值可以是基本值、对象或函数。”我们可以把js的对象想象成散列表，每个值对应这一个key。每个对象都是基于引用类型创建的，可以是前面提到的原声引用类型，也可以是自定义引用类型。2.一个对象（实例），是它内部所有函数值（方法）的执行环境。3.对象的属性，包括两种，数据属性和访问器属性。 (1）数据属性，包括一个数据

2017-04-06 15:07:12 1115

转载《JavaScript高级程序设计第三版》学习笔记（三）引用类型详解

一、引用类型1.ECMAScript从技术上讲是一门面向对象语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构。js中的对象，是某个特定引用类型的实例。新对象通过new操作符构造出来。构造函数本身也是一个普通函数，加new和不加new的运行结果完全不同。ECMAScript有很多原生的引用类型。2.Object类型（1）Object的属性，可以用点语法访问，也可以用方括号语法

2017-04-06 15:05:33 520

转载《JavaScript高级程序设计第三版》学习笔记（二）执行环境与作用域链

一、值和引用1.基础类型值：js中五个基础类型unsigned、null、number、boolean、string，这些类型的变量名代表值；把这些变量当作参数传递给函数，解析器会复制一份形参给函数当局部变量用（注意，字符串也是传的值，和其他语言出入比较大）。2.引用类型值：js的其他类型object、function、array、date(array和date都是object)等，这些类

2017-04-06 15:04:31 357

转载《JavaScript高级程序设计第三版》学习笔记（一）数据类型详解

系列来自：http://blog.csdn.net/lbxx1984/article/details/38870111一、基本概念1.ECMAScript（1）这是一个标准，虽然是伴随js而生的，但不意味着这就是js。这是用来规定语法、类型、关键字之类信息的。（2）ActionScript也使用这个标准。js核心就是把符合这个标准的语句解析执行。

2017-04-06 15:03:43 413

转载 Git和GitHub使用总结

来自：http://www.cnblogs.com/hbzzws/articles/3478247.html常用命令：git克隆项目(下载代码)#git clone http://192.168.0.223/git/testgit clone git@github.com:laiweiwei/vms.gitgit clone git@github.com:s

2017-04-05 09:26:54 272

转载 Git安装配置过程-Win7

Git安装配置过程-Win7来自：http://blog.csdn.net/fengye_yulu/公司项目完成的差不多了,现在闲暇下来,总结下工作上用到的Git:名称材料系统Window7-64位GitGit-2.9.2-64-bit第一步材料准备: 系

2017-03-31 16:06:09 2209

原创 js的一些基础(来自网络)

1、最简单的例子理解Javascript闭包function greet(sth){ return function(name){ console.log(sth + ' ' + name); }}//hi darrengreet('hi')('darren');或者可以写成这样：var sayHi = greet('hi');

2017-03-30 17:21:23 512

转载 CPU和GPU的设计区别

来自：http://www.cnblogs.com/biglucky/p/4223565.htmlCPU和GPU之所以大不相同，是由于其设计目标的不同，它们分别针对了两种不同的应用场景。CPU需要很强的通用性来处理各种不同的数据类型，同时又要逻辑判断又会引入大量的分支跳转和中断的处理。这些都使得CPU的内部结构异常复杂。而GPU面对的则是类型高度统一的、相互无依赖的大规模数据和不需要被打断

2016-11-24 15:55:48 339

转载 svn:revert to this version 和 revert changes from this version的区别

svn:revert to this version 和 revert changes from this version的区别假设我们有许多个版本，版本号分别是1-10如果我们在7这里选择revert to this version那么7之后的8,9,10的操作都会被消除如果在7选择revert changes from this version那么7版本

2016-11-15 14:41:59 1134

转载 PHP 高级编程之多线程

1. 多线程环境安装1.1. PHP 5.5.9安装PHP 5.5.9https://github.com/oscm/shell/blob/master/php/5.5.9.sh./configure --prefix=/srv/php-5.5.9 \--with-config-file-path=/srv/php-5.5.9/etc \--with

2016-11-07 16:18:10 795

转载 webpack多页应用架构专题系列 4

第四章：webpack的进阶应用如何打造一个自定义的bootstrap？前言一般我们用bootstrap呐，都是用的从官网或github下载下来build好了的版本，千人一脸呐多没意思。当然，官网也给我们提供了自定义的工具，如下图所示，但每次要改些什么就要重新在官网上打包一份，而且还是个国外的网站，甭提有多烦躁了。那么，有没有办法让我们随时随地都能根据业务的需要来自定义boot

2016-10-25 10:18:43 2259

转载 webpack多页应用架构专题系列 3

第三章：整合第三方工具教练我要写ES6！webpack怎么整合Babel？前言一直以来，我对ES6都不甚感兴趣，一是因为在生产环境中使用ES5已是处处碰壁，其次则是只当这ES6是语法糖不曾重视。只是最近学习react生态，用起babel来转换jsx之余，也不免碰到诸多用上ES6的教程、案例，因此便稍作学习。这一学习，便觉得这语法糖实在是甜，忍不住尝鲜，于是记录部分自觉对自己有用的方

2016-10-25 10:17:18 768

转载 webpack多页应用架构专题系列 2

第二章：实战webpack怎么打包公共代码才能避免重复？前言与单页应用相比，多页应用存在多个入口（每个页面即一个入口），每一个入口（页面）都意味着一套完整的js代码（包括业务逻辑和加载的第三方库/框架等）。在文章《webpack配置常用部分有哪些？》中，我介绍了如何配置多页应用的入口(entry)，然而，如果仅仅如此操作，带来的后果就是，打包生成出来的每一个入口文件都会完整包含所有代

2016-10-25 10:16:25 787

转载 webpack多页应用架构专题系列 1

第一章：一套配置吃天下webpack配置常用部分有哪些？前言webpack的配置文件是一个node.js的module，用CommonJS风格来书写，形如：module.exports = { entry: "./entry", output: { path: __dirname + "/dist", filename: "bundl

2016-10-25 10:15:13 916

转载 webpack多页应用架构专题系列

【此系列均出自】多页为王博客：http://array_huang.coding.me/webpack-book/一步一步解决架构痛点这系列文章讲什么？本系列文章主要介绍如何用webpack这一当前流行的构建工具来设计一个多页应用的架构。请注意，本文并非新手教程，着重点更多是在于提供解决问题的思路，而非手把手带你装逼。作者介绍本人供职于某互联网物流公

2016-10-25 10:09:48 1227

转载【学习笔记javascript设计模式与开发实践（组合模式）----10】

第10章组合模式在程序设计中，也有一些和“事物是由相似的子事物构成”类似的思想。组合模式就是肜小的子对象来构建更大的对象，而这些小的子对象本身也许是由更小的“孙对象”构成的。10.1 回顾宏命令我们在第9章命令模式中讲解过宏命令的结构和作用。宏命令对象包含了一组个体的子命令对象，不管是宏命令对象，还是子命令对象，都有一个execute方法负责执行命令。现在回顾下这段安装在

2016-10-08 17:23:46 460

转载【学习笔记javascript设计模式与开发实践（命令模式）----9】

第9章命令模式命令模式中的命令指的是一个执行某些特定事情的指令。最常见的应用场景：有时候需要向某些对象发送请求，但又不知道请求的接收者是谁，也不知道被请求的操作是什么。此时希望用一种松耦合的方式来设计程序，使得请求发送者和请求接收者能够消除彼此之间的耦合关系。9.2 命令模式的例子-----菜单程序界面上有数十个按钮，因为项目比较复杂，所以我们决定让某个程序员负责

2016-10-08 17:23:07 316

转载【学习笔记javascript设计模式与开发实践（发布--订阅模式）----8】

第8章发布—订阅模式发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生了改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，我们一般都用事件模型来替代传统的发布—订阅模式。8.1 现实中的发布—订阅模式不论是在程序世界里还是现实生活中，发布—订阅模式的应用都非常广泛。我们先看一下现实中的例子。小明最近看上了一套

2016-10-08 17:18:59 572

转载【学习笔记javascript设计模式与开发实践（迭代器模式）----7】

第7章迭代器模式迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑分离出来，在使用迭代器模式之后，即使不关心对象的内部构造，也可以按顺序访问其中的每个元素。7.1 jQuery中的迭代器迭代器模式无非就是循环访问聚合对象中的各个元素。比如jQuery中的$.each函数，其中回调函数中的参数i为

2016-10-08 17:14:32 278

转载【学习笔记javascript设计模式与开发实践（代理模式）----6】

第6章代理模式代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。代理模式是一种非常有意义的模式，在生活中可以找到很多代理模式的场景。比如明星都有经济人作为代理。如果想请明星来办一场商业演出，只能联系他的经纪人，经纪人会把演出的细节和报酬都谈好之后，再把合同交给明星。代理模式的关键是，当客户不方便直接访问一个对象或不满足需要的时候，提供一个替身对象来控制对这个

2016-10-08 17:13:54 429

转载【学习笔记javascript设计模式与开发实践（策略模式）----5】

第5章策略模式在程序设计中我们往往会遇到实现某一功能有多种方案可以选择。比如一个压缩算法，我们可以选择zip算法，也可以选择gzip算法。这些算法灵活多样，而且可以随意互相替换。这种解决方案就是本章要讨论的策略模式。定义：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 5.1 使用策略模式计算奖金1. 最初的代码实现

2016-10-08 17:08:24 269

转载【学习笔记javascript设计模式与开发实践（单例模式）----4】

第4章单例模式单例模式的定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如线程池、全局缓存、浏览器的window对象。在js开发中，单例模式的用途同样非常广泛。试想一下，当我们单击登录按钮的时候，页面中会出现一个登录框，而这个浮窗是唯一的，无论单击多少次登录按钮，这个浮窗只会被创建一次。因此这个登录浮窗就适合

2016-10-08 15:16:37 352