2015 年 11月随笔档案 - 杨杨0708

js面向对象oop编程

摘要：理解对象对象这个词如雷贯耳，同样出名的一句话：XXX语言中一切皆为对象！对象究竟是什么？什么叫面向对象编程？对象（object），台湾译作物件，是面向对象（Object Oriented）中的术语，既表示客观世界问题空间（Namespace）中的某个具体的事物，又表示软件系统解空间中的基本元素。在软... 阅读全文

posted @ 2015-11-27 16:05 杨杨0708 阅读(306) 评论(0) 推荐(0) 编辑

js模块化开发——前端模块化

摘要：在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀这时候JavaScript作为嵌入式的脚... 阅读全文

posted @ 2015-11-27 16:02 杨杨0708 阅读(1633) 评论(0) 推荐(0) 编辑

js模块化开发——require.js的用法

摘要：这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文... 阅读全文

posted @ 2015-11-27 15:59 杨杨0708 阅读(423) 评论(0) 推荐(0) 编辑

js模块化开发——AMD规范

摘要：这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，... 阅读全文

posted @ 2015-11-27 15:58 杨杨0708 阅读(259) 评论(0) 推荐(0) 编辑

js模块化开发——模块的写法

摘要：随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只... 阅读全文

posted @ 2015-11-27 15:54 杨杨0708 阅读(3266) 评论(0) 推荐(1) 编辑

javascript设计模式之解释器模式详解

摘要：http://www.jb51.net/article/50680.htm神马是“解释器模式”？先翻开《GOF》看看Definition：给定一个语言，定义它的文法的一种表示，并定义一个解释器，这个解释器使用该表示来解释语言中的句子。在开篇之前还是要科普几个概念：抽象语法树：解释器模式并未解释如何创... 阅读全文

posted @ 2015-11-18 16:45 杨杨0708 阅读(402) 评论(0) 推荐(0) 编辑

jquery的ready事件的实现机制浅析

摘要：页面初始化中，用的较多的就是$(document).ready(function(){//代码}); 或 $(window).load(function(){//代码});他们的区别就是，ready是在DOM的结构加载完后就触发，load是在页面内包括DOM结构，css，js，图片等都加载完成后再触... 阅读全文

posted @ 2015-11-10 14:54 杨杨0708 阅读(233) 评论(0) 推荐(0) 编辑

才一年，H5的发展就成这样了......

摘要：关于H5的发展，分享几个最近看到的惊人数据和新闻：1、截至2015，有80%的App将全部或部分基于HTML5。这意味着大部分App的内容都将是以网页的形式呈现，典型的例子包括微信、Facebook、Twitter等。（数据来源：国际科技媒体 ReadWriteWeb，2015）2、浏览量最高的10... 阅读全文

posted @ 2015-11-06 12:45 杨杨0708 阅读(394) 评论(0) 推荐(0) 编辑

事件（高级程序编程）

摘要：事件理解事件流使用事件处理程序不同的事件类型 JS 与 HTML 之间交互便是通过事件实现的。事件就是文档或者浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器来预定事件，以便事件发生的时候执行相应的代码。 1. 事件流事件流描述... 阅读全文

posted @ 2015-11-06 11:08 杨杨0708 阅读(617) 评论(0) 推荐(0) 编辑

js原生之设计模式开篇介绍

摘要：本文主要讲述一下，什么是设计模式（Design pattern），作为敲键盘的我们要如何学习设计模式。设计模式真的是一把万能钥匙么？各个代码的设计模式几乎每个人都知晓，就算不会那也一定在一些装逼的大牛（部分而已）口中听过。但可能很少有人知道设计模式的由来：设计模式该术语源自Erich Gamm... 阅读全文

posted @ 2015-11-06 11:05 杨杨0708 阅读(390) 评论(0) 推荐(0) 编辑

深入理解JavaScript系列

摘要：http://www.cnblogs.com/TomXu/category/338104.html 阅读全文

posted @ 2015-11-06 10:18 杨杨0708 阅读(134) 评论(0) 推荐(0) 编辑

Knockout应用开发指南（完整版）目录索引

摘要：http://www.cnblogs.com/TomXu/archive/2011/11/21/2257154.html 阅读全文

posted @ 2015-11-06 10:16 杨杨0708 阅读(119) 评论(0) 推荐(0) 编辑

js原生设计模式——8单例模式之简约版属性样式方法库

摘要：单例模式——在js中就是指的单个对象，可用于命名空间声明阅读全文

posted @ 2015-11-05 16:33 杨杨0708 阅读(272) 评论(0) 推荐(0) 编辑

彻底理解JavaScript原型

摘要：原型是JavaScript中一个比较难理解的概念，原型相关的属性也比较多，对象有"[[prototype]]"属性，函数对象有"prototype"属性，原型对象有"constructor"属性。为了弄清原型，以及原型相关的这些属性关系，就有了这篇文章。相信通过这篇文章一定能够清楚的认识到原型，现在... 阅读全文

posted @ 2015-11-05 16:12 杨杨0708 阅读(165) 评论(0) 推荐(0) 编辑

Javascript模块化编程（一）：模块的写法

摘要：随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只... 阅读全文

posted @ 2015-11-05 16:11 杨杨0708 阅读(151) 评论(0) 推荐(0) 编辑

使用Grunt构建自动化开发环境

摘要：1、准备工作1）首页确保电脑上网，以及能够访问https://registry.npmjs.org/，因需从此网站中下载安装相应的插件;2）电脑安装Node.js，Grunt及Grunt插件都是基于node.js运行的；如果你电脑上未装node.js，到nodejs官网https://nodejs.... 阅读全文

posted @ 2015-11-05 16:10 杨杨0708 阅读(213) 评论(0) 推荐(0) 编辑

js原生之一个面向对象的应用

摘要：function IElectricalEquipment() { } IElectricalEquipment.prototype = { poweron: function () { }, poweroff: function () { } }; function Fan(){//电风扇 } F... 阅读全文

posted @ 2015-11-05 16:08 杨杨0708 阅读(138) 评论(0) 推荐(0) 编辑

js原生之函数

摘要：1.函数作为参数传给其他函数： data.sort(function(a,b){return a-b}) //关于数组的sort函数，其回调函数返回负值，a在b之前 //正值，b在a之前2.函数定义好后立即调用 var temp=(function(x){return x*x})(10); func... 阅读全文

posted @ 2015-11-05 16:07 杨杨0708 阅读(293) 评论(0) 推荐(0) 编辑

angular源码分析：angular中的依赖注入式如何实现的

摘要：一、准备angular的源码一份，我这里使用的是v1.4.7。源码的获取，请参考我另一篇博文：angular源码分析：angular源代码的获取与编译环境安装二、什么是依赖注入据我所知，依赖注入的概念最早使用时在java编程中。依赖注入和控制反转差不多是一个概念，是编程中一种重要的解耦手段。依赖注入... 阅读全文

posted @ 2015-11-05 16:05 杨杨0708 阅读(360) 评论(0) 推荐(0) 编辑

js原生之scrollTop、offsetHeight和offsetTop等属性用法详解

摘要：scrollTop、offsetHeight和offsetTop等属性用法详解:标题中的几个相关相关属性在网页中有这大量的应用，尤其是在运动框架中，但是由于有些属性相互之间的概念比较混杂或者浏览器兼容性问题，导致掌握起来比较有难度，下面就介绍一下相关属性的用法。先来看一张比较经典的示意图:下面结合各... 阅读全文

posted @ 2015-11-05 16:04 杨杨0708 阅读(23448) 评论(0) 推荐(0) 编辑

JavaScript很牛

摘要：几年前，我从来没有想过现在的JavaScript竟然会变得几乎无处不在。下面是几个要关注JavaScript的原因。首先，我认为JavaScript能够得到普及的主要原因之一是，JavaScript非常易于接近。学习JavaScript，对于初学者而言，相对比较容易，对于高级用户而言，又非常强大，可... 阅读全文

posted @ 2015-11-05 16:03 杨杨0708 阅读(295) 评论(0) 推荐(0) 编辑

angular-file-upload 中文API

摘要：github地址：https://github.com/nervgh/angular-file-uploadDirectives（指令）nv-file-drop属性uploader必须是 FileUploader的一个实例。属性options可能是{FileItem}的设置或者自定义设置。属性fil... 阅读全文

posted @ 2015-11-05 16:02 杨杨0708 阅读(1005) 评论(0) 推荐(0) 编辑

AngularJS的directive（指令）配置选项说明

摘要：js代码如下：var appModule = angular.module("appModule", []);appModule.controller("Ctrl", ["$scope", "$timeout", function($scope, $timeout) { $scope.naom... 阅读全文

posted @ 2015-11-05 16:01 杨杨0708 阅读(4572) 评论(0) 推荐(0) 编辑

angularJS常见问题汇总

摘要：问题描述解决方案当你简单的动态给页面插入html时，此时html带有angular的语法不会执行的。varuploadInfo='上传成功！点击跳转到客户列表界面';angular.element('.modal-body').append(uploadInfo);此时ng-click不会执行将up... 阅读全文

posted @ 2015-11-05 16:00 杨杨0708 阅读(251) 评论(0) 推荐(0) 编辑

编写快速、高效的JavaScript代码

摘要：许多Javascript引擎都是为了快速运行大型的JavaScript程序而特别设计的，例如Google的V8引擎（Chrome浏览器，Node均使用该引擎）。在开发过程中，如果你关心你程序的内存和性能的话，你应该了解并意识到，在你的代码背后，浏览器的JavaScript引擎中到底发生了什么事情... 阅读全文

posted @ 2015-11-05 15:59 杨杨0708 阅读(444) 评论(0) 推荐(0) 编辑

angular指令中，require和transclude同时设置为true时的作用

摘要：最近在学习angularJS指令的时候，对指令对象中require属性和transclude属性同时设置为true比较疑惑，于是自己动手测试一下具体差异index.html： Inner content 自定义simple指令 .directive("simple", function(){ ... 阅读全文

posted @ 2015-11-05 15:59 杨杨0708 阅读(174) 评论(0) 推荐(0) 编辑

javascript设计模式实践之代理模式--图片预加载

摘要：图片的预加载就是在加载大图片前，先显示一个loading.gif，就算在网络比较慢的时候也能让人知道正在加载，总比啥反应都没有强。下面这段代码就是预加载的一个简单的实现，假设先不处理加载图片时的onError，onAbort，超时的问题。只关注代码的结构。 ... 阅读全文

posted @ 2015-11-05 15:57 杨杨0708 阅读(186) 评论(0) 推荐(0) 编辑

Require JS

摘要：一、require.js的价值用于解决两个问题：（1）实现js文件的异步加载，避免网页失去响应；（2）管理模块之间的依赖性，便于代码的编写和维护。二、require.js的加载async属性表明这个文件需要异步加载，避免网页失去响应。IE不支持这个属性，只支持defer，所以把defer也写上。加载... 阅读全文

posted @ 2015-11-05 15:45 杨杨0708 阅读(219) 评论(0) 推荐(0) 编辑

js原生设计模式——8单例模式

摘要：1、单例模式——在js中就是指的单个对象，可用于命名空间声明2、示例单例模式——在js中就是指的单个对象，可用于命名空间声明阅读全文

posted @ 2015-11-05 15:03 杨杨0708 阅读(210) 评论(0) 推荐(0) 编辑

js原生设计模式——7原型模式之真正的原型模式——对象复制封装

摘要：真正的原型模式——对象复制封装阅读全文

posted @ 2015-11-05 15:01 杨杨0708 阅读(180) 评论(0) 推荐(0) 编辑

js原生设计模式——7原型模式之new+call(this)组合应用再探讨实例

摘要：new+call(this)组合应用再探讨实例阅读全文

posted @ 2015-11-05 15:00 杨杨0708 阅读(158) 评论(0) 推荐(0) 编辑

js原生设计模式——6复杂对象的构建—Builder建造者模式

摘要：builder 阅读全文

posted @ 2015-11-05 11:08 杨杨0708 阅读(295) 评论(0) 推荐(0) 编辑

js原生设计模式——4安全的工厂方法模式之Factory方法模式

摘要：Factory方法模式--oop面向对象编程实例阅读全文

posted @ 2015-11-05 11:07 杨杨0708 阅读(359) 评论(0) 推荐(0) 编辑

js原生设计模式——4安全的工厂方法模式之oop编程增强版

摘要：oop编程增强版写法——js面向对象编程实例阅读全文

posted @ 2015-11-05 11:06 杨杨0708 阅读(182) 评论(0) 推荐(0) 编辑

HTML5 + AJAX ( 原生JavaScript ) 异步多文件上传

摘要：这是在上篇HTML5 + AJAX ( jQuery版本 ) 文件上传带进度条的修改版本。后台代码不变就可以接着使用，但是脚本不再使用jQuery了，改为原生的 JavaScript 代码，所以我们主要看JS代码页面技术：HTML5后台技术：Servlet 3.0服务器：Tomcat 7.0脚本：J... 阅读全文

posted @ 2015-11-05 11:05 杨杨0708 阅读(292) 评论(0) 推荐(0) 编辑

js原生设计模式——3简单工厂模式\简单工厂模式封装简单对象

摘要：1、Factory基本写法简单工厂模式之一个对象有时候可以代替许多类 2、Factory差异性写法简单工厂模式之差异化写法——三种弹窗效果封装阅读全文

posted @ 2015-11-04 17:16 杨杨0708 阅读(256) 评论(0) 推荐(0) 编辑

js原生设计模式——3简单工厂模式\js面向对象编程实例

摘要：oopObject——js面向对象编程实例阅读全文

posted @ 2015-11-04 17:15 杨杨0708 阅读(188) 评论(0) 推荐(0) 编辑

js原生设计模式——2面向对象编程之继承—多继承

摘要：1、单对象克隆 singleClone 2、多对象克隆 multipleClone 阅读全文

posted @ 2015-11-04 17:13 杨杨0708 阅读(204) 评论(0) 推荐(0) 编辑

js原生设计模式——2面向对象编程之继承—原型继承(类式继承的封装)

摘要：prototypeInherit 阅读全文