2016年10月_hucheng91

原创 DOM，浏览器，javascript，html之间的关系

DOM，浏览器，javascript，html之间的关系DOM定义DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。换句话说，这是表示和处理一个HTML或XML文档的常用方法。有一点很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言。最初人们把它认为是一种让JavaScript在浏览器间可移植的方法，不过DOM的应用已经远远超出这个范围。Dom

2016-10-18 19:13:59 4033

原创 jquery 源码分析9-ajax(E)全局函数ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSend

jquery 源码分析9-ajax(E)全局函数ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSendajax的全局函数用处在于每次ajax函数发起请求之前，之后，成功，失败都可以执行一些公共的函数，不用每次都需要自己处理，调用一个全局的函数；比方说在发起一个ajax，弹出一个遮盖框，成功就消除这个这个遮盖框，失败就弹出一个mes

2016-10-18 19:13:24 939

原创 jquery 源码分析8-ajax(D)JSONP跨域处理

jquery 源码分析8-ajax(D)JSONP跨域处理跨域说白就是在一个页面获取不同服务器的资源，浏览器不允许跨域是为了安全，假设很容易的跨域，很容易的就注入自己的脚本，那就不用玩了；但有时候开发面对一些业务又是必须得通过跨域解决的，在前端处理跨域问题，一般有ifame，和JSONP，JSONP的原理是web页面在加载img，script这些有src属性的是可以跨域的，我们通过这个原理就可以将我

2016-10-18 19:12:59 304

原创 jquery 源码分析7-ajax(C)XMLHttpRequest回调函数onreadystatechange函数

jquery 源码分析7-ajax(C)XMLHttpRequest回调函数onreadystatechange函数onreadystatechange函数主要处理服务器返回的数据源码简化如下：var onreadystatechange = function(){ var status = (xhr.status >= 200 && xhr.status < 300)?"success

2016-10-18 19:12:35 1035

原创 jquery 源码分析6-ajax(B)ajax参数组装过程

jquery 源码分析6-ajax(B)ajax参数组装过程把整个$.ajax(),拆开，主要有以下几个方面全局ajax函数ajaxStart,ajaxStop,ajaxComplete,ajaxError,ajaxSuccess,ajaxSendajax参数组装过程常见类型json，html，xml，text跨域 JSONP，scriptXMLHttpRequest完成后回调处理服务器

2016-10-18 19:12:12 416

原创 jquery 源码分析5-ajax()ajax原理，可以加载的类型

jquery 源码分析5-ajax()ajax原理，可以加载的类型很多框架都有自己的一套ajax，其实都是封装了浏览器器提供的对像XMLHttpRequest ，XMLHttpRequest从发起一个http请求到返回一个服务器传回的数据有以下一个步骤创建 XMLHttpRequest对象// Create the request object; Microsoft failed to prope

2016-10-18 19:11:43 339

原创 jquery 源码分析-核心(4)数据缓存data和removeData ##data,removeData,常用方法

#jquery 源码分析-核心(4)数据缓存data和removeData ##data,removeData,常用方法 “`javascript (element).data(key,data);//赋值(element).data(key,data); //赋值 (element).data(key); //获取值 $(element).removeDa

2016-10-18 19:11:07 423

原创 jquery 源码分析-核心(3)noConflict和each

jquery 源码分析-核心(3)noConflict和eachnoConflict方法noConflict: function( deep ) { //_$ 是一个undefined，这个时候其他库就可以使用$关键字 //(假设其他库也是将方法绑定到window.$) //如果deep为true，也就是说明jQuery这个关键字也被其他的使用了， // 需要用其他库，

2016-10-18 19:09:55 270

原创 jquery 源码分析-核心(2)整个骨架jQuery.extend,jQuery.fn.extend

jquery 源码分析-核心(2)整个骨架jQuery.extend,jQuery.fn.extend选取的是jquery1.2.5版本jquery中jQuery.extend = jQuery.fn.extend解析在jquery添加扩展方法一般都是这样$.extend({ a:function(){}, b:function(){}});$.fn.exten

2016-10-18 19:09:24 268

原创 jquery 源码分析-核心(1)初始化init

jquery 源码分析-核心(1)初始化initjquery是目前用的最多的js框架,决定好好研究下它的源码，选取的是1.2.5版本，这是我在网上能找到的最早版本,我想jquery的核心思想在最开始的版本就表现了出来的，2.x以后的版本主要是加新功能，看源码主要就是理解它的编码思想，这个版本够用。jquery初始化在页面引入jquery的包就能用，$(),JQuery(),这是为什么？源码的开头就解

2016-10-18 19:08:45 367

原创 javascript回调函数使用练习以及自定义toggle函数编写

javascript回调函数使用练习以及自定义toggle函数编写昨天在编码时遇到一个业务需求是在A页面点击一个按钮到B页面，B页面有个一个确定按钮，和取消button,点击确定从B页面将选中的数据带回A页面，点击取消回到A页面，咨询了同事，决定用回调的函数的方式实现这个功能，这是第一次使用这种方法，记录下来；过程中需要对一个元素绑定2个函数，在2个函数之间来回切换，就想到jquery的toggle

2016-10-18 19:07:35 1331

原创理解Java虚拟机（1）之一个.java文件编译成.class文件发生了什么

理解Java虚拟机（1）之一个.java文件编译成.class文件发生了什么最近在看《深入理解Java虚拟机》弄明白了很多java的底层知识，决定分几部分总结下，从.java文件编译，到类加载机制，内存分配垃圾回收机制，线程并发，锁机制。JVM虚拟机只能识别.class文件这种字节码文件，然后将字节码翻译成可执行的0，1;这个说明了JVM具有语言无关性，不仅仅是平台无关性，这也是scala,Gr

2016-10-18 19:06:49 6068

原创理解Java虚拟机（3）之.class文件加载双亲委派模型

理解Java虚拟机（3）之.class文件加载双亲委派模型读《深入理解Java虚拟机》-周志明读书笔记双亲委派模型是.class文件加载过程中一种加载机制，classLoader大致可以分成这4个层级，加载的过程中，首先将某个类一层一层传给上一层加载器，直到顶层，顶层没找到这个类，顶层找到了这个类就直接加载，没有的话会一层一层传下来，每层分别寻找，找到了，就加载，没有就接着往下传，详细说明下，每一

2016-10-18 19:06:22 449

原创理解Java虚拟机（4）之JVM运行时内存分配管理和对象内存分布

理解Java虚拟机（4）之JVM运行时内存分配管理和对象内存分布读《深入理解Java虚拟机》-周志明读书笔记classLoader将class文件加载进虚拟机后，就是要开始运行程序员写的代码了，要运行就要分配内存，所以先得了解虚拟机运行时内存分配管理。 JVM在执行的过程中会把它所管理的内存划分若干个不同的数据域，这种区域有不同的用途，数据区域主要分为方法区，虚拟机栈，本地方法栈，堆，程序计算器

2016-10-18 19:05:54 2592

原创理解Java虚拟机（2）之.class文件加载过程

理解Java虚拟机（2）之.class文件加载过程读《深入理解Java虚拟机》-周志明读书笔记虚拟机只能执行.class文件，在.class文件加载过程中，生命周期包括：加载,验证,准备,解析,初始化，使用，卸载加载将.clss文件加载进虚拟机，加载来源有1.常见jar包；2.网络获取（dubbo的RPC是典型，底层通过java的RMI方法，通过固定协议，将远端生成者接口，对象序列化，消费者

2016-10-18 19:05:20 1484

原创 JavaScript中类似java常量constants使用方法

JavaScript中类似java常量constants使用方法 –2016.4.12在写js和后台交互传参的时候，经常要用到一些常量，类似java里面的static属性，如果在js中写死，要是以后常量值改变了，js用这个值得地方又多改起来非常麻烦，老大教了我一种js键值对方式保存常量的方法，觉得非常好，大体思想是创建一个constant.js,在constant.js里定义一个键值类型的对象，然后

2016-10-18 19:04:29 5700

原创 git基本使用

git基本使用要理解git的命令用法，必须要理解git的几个概念，看网上的内容大部分都都是一开始上命令，只能死板的记住命令，根本就不知道为什么这样，出了问题都不知道为啥，我觉得学东西必须得首先对这个东西有个框架性的结构，有个梗概，这样在学习的时候才能学的快，因为明白了为什么这样才记得深刻。首先说下git和svn的差别，git没有只更新某一个文件的说法，更新就是全部更新，eclipse，idea下个g

2016-10-18 19:04:00 293

原创利用FormData异步提交content-type为jpg,等流方面信息 --2016.04.20

利用FormData异步提交content-type为jpg,等流方面信息 –2016.04.20平常在提交一个包含上传文件流信息都是使用form表单提交，最近在业务上需要异步提交图片，以前都是用一些js上传组键，这次没有用组键，最后找到了用FormData对像来提交信息。FormData的本质是将提交的东西伪装成了form表单，但是，是异步的<div><input type="file" id="

2016-10-18 19:03:01 2129

原创 javascript基础知识的重要性

javascript基础知识的重要性今天无意间看到了网上用node.js写的爬虫代码，惊叹node.js的牛逼，几行代码就可以了（当然包比较丰富），而且是高并发，研究了下代码发现里面都是回调函数，作用链，贴上源代码:var eventproxy = require('eventproxy');var superagent = require('superagent');var cheerio =

2016-10-18 19:02:24 1391

原创 JavaScript中闭包学习 --2016.4.7

JavaScript中闭包学习 –2016.4.7最近在看prototype.js源码，发现里面有很多的有意思的代码,了解到了javascript的闭包思想，然后通过网上的资料和自己敲代码，来学习它，记下来梳理下思路，做个笔记。定义：维基百科定义：引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。所以，有另一种说法认为闭包是由函数和与其相关的引用环境

2016-10-18 19:01:41 320

原创关于select标签使用的一些想法

关于select标签使用的一些想法最近在使用select标签遇到一些问题，主要2个，1个是没有设置value，它的默认值，第2个是初始化的问题如果没有value时默认选择text值 example:<select id="test"> <option>aaaa</option> <option value="">bbbb</option> <opt

2016-10-18 19:00:59 210

原创简单的模板引擎--2016.04.18

简单的模板引擎–2016.04.18在项目里经常有遇到列表展示或者一个模板迭代，以前习惯用jstl标签解决这个问题，现在习惯了javascript,基本都不用jstl标签了，网上有很多模板引擎，功能比较强大，但目前开发只需要一个简单的模板迭代器，然后看老大写个js主键，觉得比较好，自己也模仿写了一个，写这么个简单的，主要功能是模板的克隆以及绑定事件，主要设计方法是：定义一个一个div模板，若某个do

2016-10-18 19:00:24 242

原创 javascript类型判断（typeof instanceof ,toStirng.call())

javascript类型判断（typeof instanceof ,toStirng.call())对typeof instanceof Object.prototype.toString.call(),比较最近写代码时遇到了对一个变量是arry还是String进行判断，开始使用typeof,发现有问题，来了兴致就把这个方面都研究了下.typeoffunction testTypeof(){va

2016-10-18 18:46:12 472

hucheng91的专栏