2017年08月_zhifeng687

11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 setTimeout解决GUI渲染线程阻塞问题

setTimeout,前端工程师必定会打交道的一个函数.它看上去非常的简单,朴实.有着一个很不平凡的名字--定时器.让年少的我天真的以为自己可以操纵未来.却不知朴实之中隐含着惊天大密.我还记得我第一次用这个函数的时候,我天真的以为它就是js实现多线程的工具.当时用它实现了一个坦克大战的小游戏,玩儿不亦乐乎.可是随着在前端这条路上越走越远,对它理解开始产生了变化.它似乎开始蒙上了面纱,时常有一些奇怪...

2017-08-27 19:04:22 6229 4

转载 springMVC之HttpMessageConverter

@RequestBody、@ResponseBody注解可以直接将输入解析成java对象、将输出解析成Json，但HTTP 请求和响应是基于文本的，意味着浏览器和服务器通过交换原始文本进行通信，而这里其实就是HttpMessageConverter发挥着作用。

2017-08-27 17:43:31 1159

原创 options.js合并各个option选项

var Options = function() { var args = arguments; for(var i=0, l=args.length, ans={}; i<l; i++) { var opt = Options[args[i]]; if(opt.$extend) { $.extend(ans, opt); } else {

2017-08-27 17:02:15 2553

翻译 HDFS Users Guide

HDFS is the primary distributed storage used by Hadoop applications. A HDFS cluster primarily consists of a NameNode that manages the file system metadata and DataNodes that store the actual data. The...

2017-08-27 14:54:23 374

转载动态插入js的加载过程是异步加载的

参考：动态创建<script>标签加载JS文件时是异步加载转载自：探析浏览器执行JavaScript脚本加载与代码执行顺序本文主要基于向HTML页面引入JavaScript的几种方式，分析HTML中JavaScript脚本的执行顺序问题1. 关于JavaScript脚本执行的阻塞性JavaScript在浏览器中被解析和执行时具有阻塞的特性，也就是说，当JavaScript代码执行时，页...

2017-08-27 14:49:05 1955

转载模块加载器和currentScript

转载自：浏览器端js模块加载器概述在es6之前，js不像其他语言自带成熟的模块化功能，页面只能靠插入一个个script标签来引入自己的或第三方的脚本，并且容易带来命名冲突的问题。js社区做了很多努力，在当时的运行环境中，实现"模块"的效果。通用的js模块化标准有CommonJS与AMD，前者运用于node环境，后者在浏览器环境中由Require.js等实现。此外还有国内的开源项目Sea.js，遵循...

2017-08-27 13:09:41 2608

转载获取当前Javascript脚本文件的路径

获取当前Javascript脚本文件的路径获取当前Javascript脚本文件的路径，在特定场景下可能需要，比如写模块加载器，或者进行日志记录。并没有统一的方法适用于所有浏览器，本文分几种情况进行说明。(1). 标准做法: document.currentScript 对象的src属性适用于Firefox 4+, Chrome 29+, Opera 16+, Safari 8+.var src ...

2017-08-27 10:49:11 962

原创 JavaScript中对象的 constructor 属性介绍

js对象的constructor属性并不是实例化的对象的属性，而是构造函数的原型对象的constructor属性。p.hasOwnProperty("constructor"); //falseP.prototype.hasOwnProperty("constructor");//truep.constructor其实是通过原型链往上找到其原型对象的constructor属性

2017-08-26 23:30:31 3372

转载 Mootools.js的Class.mutators

MooTools实现类的继承有两种模式：原型式继承和多亲继承，原型式继承由内建的Extends Mutator来实现，多亲继承由Implements Mutator或implement方法来实现。 　原型式继承这里就不多讲了，着重讲一下多亲继承。在JavaScript里，因为一个对象只能拥有一个原型对象，所以不允许子类继承多个超类，不过我们可以利用多个掺元类(minix clas

2017-08-24 14:17:35 346

转载 Mootools.js实现js的类的方式

ClassMooTools框架的基类。Class Method: constructor语法:var MyClass = new Class(properties);参数:性能 - 可以是以下类型之一:(object)类属性的集合。还接受一些特殊属性，如Extends, Implements和initialize(见下文) 。(function)

2017-08-24 11:05:44 545

转载 klass实现js的类的方式

KlassKlass是一种代码结构，模拟传统OO语言的Class。继承时能像传统OO语言的Class一样，子类构造函数调用父类的构造函数。作为一种代码结构，它有一套命名公约，如initialize，_init等，创建对象时这些方法会被自动调用。例如：var klass = function (Parent, props) { var Child, F, i; //1.

2017-08-24 10:44:50 1199

转载 js寄生组合式继承

一个类Sub要继承另一个类Super，既要通过原型链实现对原型属性和方法的继承，又要通过在子类构造函数内调用父类构造函数实现对实例属性的继承。原型链继承是子类的原型指向父类的实例从而实现原型共享，而原型式继承是子类的原型指向父类副本的实例从而实现原型共享。原型链方式可以实现所有属性方法共享，但无法做到属性、方法独享。借用构造函数可以实现所有属性方法独享，但无法做到属性、方法共享。

2017-08-23 18:06:16 2420 1

转载 tangram.js实现js的类的方式

使用createClass能方便的创建一个带有继承关系的类。同时会为返回的类对象添加extend方法，使用obj.extend({});可以方便的扩展原型链上的方法和属性

2017-08-22 17:33:27 914

转载 Javascript面向对象编程-原型式继承和复制继承

阅读目录一：理解构造函数原型(prototype)机制二：理解原型域链的概念三：理解原型继承机制四：理解使用构造函数继承(继承的更好的方案)五：建议原型式继承六：理解使用复制继承一：理解构造函数原型(prototype)机制 prototype是javascript实现与管理继承的一种机制，也是面向对象的设计思想.构造函数的原型存储着引用对象的一个指针

2017-08-20 21:59:32 479

转载 pageX、pageY及父元素的页面坐标使提示框跟随鼠标移动

提示框相对父元素的定位，要计算提示框的left和top属性。所以公式应该为提示框的相对坐标=鼠标的页面坐标-父元素的页面坐标计算鼠标的页面坐标：event.pageXevent.pageY计算父元素的页面坐标：首先写一个js获取元素到页面顶部距离的方法

2017-08-08 17:35:19 1413

原创鼠标事件中event对象的坐标

鼠标的页面坐标=鼠标的客户区坐标+页面的滚动距离即：event.pageX = event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);event.pageY = event.clientY +(document.body.scrollTop || document.docume

2017-08-08 11:33:43 1663

翻译 spring MVC之Annotated Controllers

概述@PostMapping要与@RequestBody结合使用摘自：spring MVC doc API1.4. Annotated ControllersSame in Spring WebFluxSpring MVC provides an annotation-based programming model where@Controllerand@RestC...

2017-08-07 15:41:53 457

原创 css实现图文并排

图片设为background通过设置padding-left将图片和文字分开，不使它们重叠在一起存在7项异常.exceptionCount{ margin: 10px 0px 5px 0px; background:url(../images/caution.png) no-repeat; color:red; font-size: 16px;

2017-08-04 18:05:47 6885

转载在Angular外部使用js调用Angular控制器中提供的函数方法或变量

Html代码如下所示： 1 DOCTYPE html> 2 html ng-app="myApp" id="myApp"> 3 head> 4 meta name="viewport" content="width=device-width" /> 5 title>Testtitle> 6 script src="~/Content/Js/P

2017-08-01 18:45:06 3761