`

Javascript - 初窥

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>chat.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
   	<script type="text/javascript">
    //定义id抽取函数.....目前只能抽取ID
   	var $=function(id){
   		return document.getElementById(id);
   	};
   	//定义javascript对象:java类
   function FuncObj(name,  job, born){
   		this.name = name;
   		this.job = job;
   		this.born = born;
   		function fn2(){
   			alert(this.new);
   		};
   		new_it:"i am new push by FcunObj fn2";
   };
   //在函数原型操作类:java——对类的操作与方法进行修改
   	FuncObj.prototype.fn=function(){
   		alert("fn");
   	};
   	
   	function showColor() {
 		 alert(this.color);
	};
   	
   	function click_(){
   		showColor();
   		//跟Java也太像了吧~
   		new FuncObj().fn();
   		var obj2 = new FuncObj();
   		alert(obj2.fn2);
   		alert(obj2.new_it);
   	//	obj2.fn2();
   		alert(FuncObj.toString());
   		alert(FuncObj.prototype.fn.toString());
   		alert("enter click");
   		alert($("fst_div"));
   	};
   	
    
   	</script>

  </head>
  
  <body>
    <div id="fst_div" ></div>
    <button onclick="click_();">______</button>
    <div></div>
    <div></div>
  </body>
</html>


/**javascript 模拟 StringBuffer();*/

function StringBuffer () {
  this._strings_ = new Array();
}

StringBuffer.prototype.append = function(str) {
  this._strings_.push(str);
};

StringBuffer.prototype.toString = function() {
  return this._strings_.join("");
};
sb.append("123");
sb.append("456");

document.write(sb.toString());

/**测试性能,跟预期结果相反*/
var d1 = new Date();
var str = "";
for (var i=0; i < 10000; i++) {
    str += "text";
}
var d2 = new Date();

document.write("Concatenation with plus: "
 + (d2.getTime() - d1.getTime()) + " milliseconds");

var buffer = new StringBuffer();
d1 = new Date();
for (var i=0; i < 10000; i++) {
    buffer.append("text");
}
var result = buffer.toString();
d2 = new Date();

document.write("<br />Concatenation with StringBuffer: "
 + (d2.getTime() - d1.getTime()) + " milliseconds");
分享到:
评论

相关推荐

    HTML5网页设计初窥系列课程PDF

    这个“HTML5网页设计初窥系列课程”PDF讲义,很显然是针对初学者设计的一份学习资料,旨在帮助读者掌握HTML5的基本概念、语法和实际应用。 在HTML5中,一些旧的元素被废弃,同时引入了许多新的元素,以更好地表达...

    初窥JQuery-Jquery简介 入门了解篇

    JQuery是一种非常灵活的脚本库,JQuery库为Web脚本编程提供了通用的抽象层,它几乎适用于我们任何脚本编程,它让我们使用Javascript更加方便更加简介,大大的提高了我们的工作效率和减少了我们的编码量,它主要几个...

    AngularJS的一些基本样式初窥

    AngularJS是Google开发的开源JavaScript框架,专为构建动态Web应用程序而设计,特别是为了简化前端开发。AngularJS通过数据绑定、依赖注入、控制器、服务、指令和模块化等核心概念来增强HTML,并创建一个更加清晰、...

    初窥JQuery(二)事件机制(2)

    JQuery作为一个流行的JavaScript库,它封装了原生JavaScript事件处理的复杂性,并提供了一套更为简洁和强大的事件机制。 在上篇文章中,已经介绍了JQuery的事件机制中的三个概念:加载页面、事件委派和事件切换。本...

    初窥JQuery(二) 事件机制(1)

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作和事件处理。本文将深入探讨jQuery中的事件机制,主要包括页面加载、事件绑定、事件委派和事件切换四个部分。 首先,我们来看页面加载事件。在...

    初窥JQuery(一)jquery选择符 必备知识点

    JQuery选择符是JQuery库中最核心的部分之一,它允许开发者以简洁的语法选择页面中的DOM元素,进行各种操作,极大地方便了JavaScript的DOM操作。在本篇文章中,将会介绍一些JQuery选择符的基础知识点,以及一些实用的...

    Web-Series:现代 Web 开发语法基础与工程实践,涵盖 Web 开发基础、前端工程化、应用架构、性能与体验优化、混合开发、React 实践、Vue 实践、WebAssembly 等多方面

    · · Web Series | Web 全栈开发、工程架构与性能调优Web 开发,入门易,深度难,分为初窥门径、登堂入室、融会贯通等阶段,如果您是首次阅读笔者的系列文章,建议前往以做整体了解。在本系列中,笔者致力于探索,...

    Python爬虫精进.zip

    1. **初窥门径(0~1关)**: 在这一部分,你将学习Python的基础知识,包括安装Python环境,使用Python的基础语法,以及如何使用IDE进行编程。此外,还将介绍HTTP协议的基本概念,这是爬虫工作的基础。你将学习如何...

    软件工程技术资料

    这个“软件工程技术资料”压缩包包含了一个关于HTML5的PDF文件,名为“HTML5网页设计初窥系列课程(1):新Web设计标准HTML5的历史与回顾 (Level 200)”,显然是一份初级到中级水平的学习材料,旨在介绍HTML5的基础...

    OpenMambo Content Sharing System-开源

    随着Mambo 4.5 RCdev版本的即将发布,我们有机会一窥这个系统的新特性以及它如何继续挑战CMS的界限。 首先,"开源软件"这一标签揭示了OpenMambo的核心价值。开源意味着源代码对公众开放,允许任何人查看、修改和...

Global site tag (gtag.js) - Google Analytics