04 2013 档案

摘要：<script type="text/javascript">var x=100;alert(window.x);alert(x);</script>等同于下面代码<script type="text/javascript">window.x=100;alert(window.x);alert(x);</script> 阅读全文

摘要：这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 <script src="1.js"></script> <script src="2.js"></script> <script 阅读全文

摘要：这个系列的第一部分介绍了Javascript模块的基本写法，今天介绍如何规范地使用模块。（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一点就更重要了。目前，通行的Javascript模块规范共有两种：CommonJS和AMD。我主要介绍AMD，但是要先从CommonJS讲起。八、CommonJS2009年，美国程序员Ryan Dahl创造了node.js项 阅读全文

摘要：随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，Javascript不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了。（正在制定中的ECMAScript标准第六版，将正式支持" 阅读全文

摘要：今天看w3school，看到伪类和伪元素是分在两块写的，很好奇这两个元素之间有什么区别，查找如下：伪类和伪元素的根本区别在于：它们是否创造了新的元素(抽象)。从我们模仿其意义的角度来看，如果需要添加新元素加以标识的，就是伪元素，反之，如果只需要在既有元素上添加类别的，就是伪类。什么叫伪，就是假的，伪类就是假的类，伪元素就是假元素，创造一个假元素，那么就是伪元素，不用创造，直接归类的，就叫伪类。 阅读全文

摘要：一直都是从事网站设计方面的工作，但是却始终没有详细的总结过，现在参考web设计禁忌这本书，系统的梳理学习一遍。从结构上分，大致如下：第一部分 内容与功能禁忌内容禁忌任务支持禁忌第二部分 用户界面禁忌导航禁忌表单禁忌搜索禁忌第三部分 网站的外观禁忌文本与书写禁忌链接外观禁忌图形设计与布局禁忌第一章 内容禁忌用户访问网站的目的在于网站的内容，其他的一切都是背景，设计就是为了使用户能够访问内容。禁忌1：主页身份危机 主页的的必要部分：机构名称位置显著机构名称非常明确机构职能的简要说明图示说明了机构的产品或服务项目页面中的链接标记是关于整个站点内容的概述禁忌2：混乱的分类常用的分类方法：查找文献：.. 阅读全文

摘要：之所以将函数和方法的概念分开，是为了更好的理解js中面向对象的概念函数，就当做是独立执行的，定义方法一般有三种直接定义：function a(){}Function()构造函数var a=new Function(“参数1”,“参数2”,“执行语句1;执行语句2”);函数直接量/匿名函数（function(){}）（）；对象方法 类中对象的方法var o=new Object;o.m=function(x){ return x*x};n=o.m(4);调用时用o.m()，如果有参数o.m(x,y)类方法 类自身的方法var o={a:1;b:2;m:function(){this.n=this 阅读全文

摘要：总结如下：1、typeof返回一个字符串，可以检验一切数据类型和对象的类型，返回可以是number,boolean,string,function,object,undefined2、instanceof判断一个变量是否是某个对象的实例，window和dom的判断结果都为no；另外function 的 arguments，我们大家也许都认为 arguments 是一个 Array，但如果使用 instaceof 去测试会发现 arguments 不是一个 Array 对象，尽管看起来很像。 阅读全文

摘要：其实在axure中做交互是件很简单的事宜，不过目前我的水平也停留在初级阶段，需要进一步努力，今日做拖拽练习；效果很简单，就是一个容器可以拖动；包含四个事件列表：OnDragStart: Bring 拖拽物 to Front //当选中拖拽物开始拖动时，保证拖拽物位于最前面OnDrag: Move 拖拽物 with drag //移动拖拽物OnDragDrop Move 拖拽物 with drag //当移动停止时，移动拖拽物到当前位置，如果不设置，拖拽物会回到原处OnMove Set value of variable OnLoadVariable equal to ... 阅读全文