我是一个软件开发工程师

乐观 积极 生活如此精彩

总有快乐的事情降临

这是一个精彩的世界,不是吗?

技术精要

这里是我的一些你可能需要的技术摘要

动画与效果

一些常见的动画和效果

算法与逻辑

常用的算法和逻辑推导

性能与技巧

关于性能和技巧方面的总结

Javascript 一双好玩的眼睛 ^_^

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>一双好玩的眼睛</title>
        <style type="text/css">
            .eye {
                display: inline;
                overflow: hidden;
                position: relat[......]

继续阅读

Javascript 模拟 Actionscript 的面向对象

由于Javascript没有类,所以尝试模拟一下Actionscript的类,以达到面向对象的效果:

//类的定义

//方法一:类的一般定义方法

function player1(_name) 

{ 

this.name = _name; 

this.say = function() {alert(this.name);}; 

} 

var p1 = new player1('llinzzi1'); 

p1.say(); 

//方法二:prototype定义方法

var player2 = function() {} 

player2.prototype = {[......]

继续阅读

Javascript 数组去重

一年一度的。。。国外节日,没有苹果,没有祝福,就这么过吧。剩蛋节!剩蛋节! 囧!!!

更过分的是,过几天还有个圆蛋节!!

校门口的旅馆啊。又该爆满了!!

<script>
    Array.prototype.distinct = function() {
        var $ = this;
        var o1 = {};
        var o2 = {};
        var o3 = [];
        var o;
        for(var i = 0; o = $[i]; i++) {
            if(o in o[......]

继续阅读

Javascript 统计字符出现频率

<script type="text/javascript">
    var str = "adadfdfseffserfefsefseeffffftsdg"; //命名一个变量放置给出的字符串  
    var maxLength = 0; //命名一个变量放置字母出现的最高次数并初始化为0  
    var result = ''; //命名一个变量放置结果输入   
    while(str != '') { //循环迭代开始,并判断字符串是否为空   
        oldStr = str; //将原始的字符串变量赋值给新变量   
        getStr[......]

继续阅读

Javascript 气泡

用Javascript配合CSS写了个气泡的弹窗:

<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>-弹出气泡</title>

    </head>

    <style>
        body {
            font-size: 12px;
        }
        p{
            cursor: pointer[......]

继续阅读

Javascript的对象 object(二)

对象的创建

已经说了许多了对象的话题了,但有一个很基本的问题我们忘了讨论,那就是:怎样建立对象?

在前面的示例中,我们已经涉及到了对象的建立了。我们使用了一种被称为JavaScript Object Notation(缩写JSON)的形式,翻译为中文就是“JavaScript对象表示法”。

JSON为创建对象提供了非常简单的方法。例如,

创建一个没有任何属性的对象:

var o = {}; 

创建一个对象并设置属性及初始值:

var person = {name: "Angel", age: 18, married: false}; 

创建一个对象并设置属性和方法:

va[......]

继续阅读

Javascript的对象 object(一)

上次讲了Javascript的函数,这次探讨一下对象,先来说说函数的对象化能力。

任何一个函数都可以为其动态地添加或去除属性,这些属性可以是简单类型,可以是对象,也可以是其他函数。也就是说,函数具有对象的全部特征,你完全可以把函数当对象来用。其实,函数就是对象,只不过比一般的对象多了一个括号“()”操作符,这个操作符用来执行函数的逻辑。即,函数本身还可以被调用,一般对象却不可以被调用,除此之外完全相同。请看下面的代码:

<script>
    function Sing() {
        with(arguments.callee) alert(author + ":"[......]

继续阅读

Javascript的函数 function

上一次介绍了Javascript中的值类型(基础类型),那么

接下来,我们再讨论一下JavaScript函数的魔力吧。

JavaScript的代码就只有function一种形式,function就是函数的类型。也许其他编程语言还有procedure或 method等代码概念,但在JavaScript里只有function一种形式。当我们写下一个函数的时候,只不过是建立了一个function类型的实体而已。请看下面的程序:

<script>
    function myfunc() {
        alert("hello");
    };
    alert(type[......]

继续阅读

Javascript的值类型(基本类型)

** 数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。 **

你看,数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的,如果没有代码来施加外力,她总保持自己原来的状态。而代码就象能量,他存在的唯一目的,就是要努力改变数据原来的状态。在代码改变数据的同时,也会因为数据的抗拒而反过来影响或改变代码原有的趋势。甚至在某些情况下,数据可以转变为代码,而代码却又有可能被转变为数据,或许还存在一个类似E=MC2形式的数码转换方程呢。然而,就是在数据和代码间这种即矛盾又统一的运转中,总能体现出计算机世界的规律,这些规律正是我们编写的程序逻辑。

不过,由于不[……]

继续阅读

Js扩张效果

Javascript代码写起来太繁杂了!!!想转用 Actionscript !!

<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>扩张效果</title>
        <style type="text/css">
            <!-- #apDiv1 {[......]

继续阅读