Dijason的专栏

转载自：标点符前端CSS规范整理Written by 标点符 on 2013年04月15日 in 前端技术一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/lib

Ajax 学习笔记from 《javascript高级程序设计第二版》For IE browserfunction createXHR(){ if (typeof XMLHttpRequest != “undefined”){ return new XMLHttpRequest(); } else if (typeof ActiveXObject !

运行环境：ubuntu 12.10Mongodb 2.2.3Nodejs 0.8.22Meteor 0.5.9在将Meteor工程导出来的时候，然后运行mongodb，再用nodejs运行main.js。在0.5.9之前是没什么问题的，更新到0.5.9就出现PORT=3000 MONGO_URL=mongodb://localhost:27017/myapp node

在写html时，有的时候需要显示一些特殊字体，这些特殊字体是系统一般不自带的。那么我们可以通过如下的方法来加载自己要用的字体。@font-face {font-family:myFont; src: url("font/xxxx.ttf")}使用示例：test因为myFont的链接是错误的，所以没有显示任何的效果。大家可以试下。

原文：http://www.cnblogs.com/Zigzag/archive/2009/02/19/position.htmlCSS之Position详解CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如po

我使用了两种方式来实现进度条状态，一种是使用js，另一种是使用css3..wrapper { width: 300px; height: 30px; background-color: #aaaaaa; margin: 100px auto; border-radius: 25px; box-shadow: 5px -5px 10px #123456}.l

这是血与泪的经验。当我们用visibility这个css属性来设置一个元素不可见是，即其值为hidden。如#example { visibility: hidden;}我们再jquery调用show来显示：$('#example').show()这个时候图片是不会出现的。。。原因很简单，因为jquery的show的实现根本就不是使用visibilit

我们可以通过查看Meteor的内部代码来获知Meteor运行时所带有的变量。在meteor/app/server中，有server.js这个文件，里面有个run函数，是在Meteor运行时会被执行的。里面有声明到这些变量。 __meteor_bootstrap__ = { // connect middleware app: app, // metadata

转载：http://www.biaodianfu.com/what-makes-a-good-front-end-engineer.html一、技术的必须的作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通，类似我字样对前端知识一知半解的，一遇到问题就停下工作就四处搜索解决方案的，首先就算不上一个合格的前端人员。像我这样的如果当了前端工

会python的人都知道python写起来比较爽快，因为用python你可以用很简洁的代码做很多事情，python的语法让我感觉写代码是很舒服的事。Firefox已经支持一些跟python语法一样的语法，其他浏览器的支持各异，但支持较多的还是firefox。下面仅在firefox中测试。1 解构赋值var vals = {a:1, b:2, c:3}, arr = [3,2,1

原文：前端不为人知的一面

【转】http://www.qianduan.net/css3-icon-font-guide.htmlCSS3 icon font完全指南大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face)，包括IE6都支持，只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon，我们就可以尝试使用font来实现，本文将详细讲解这种用法。为什么要将i

【原文】http://www.mollypages.org/misc/jsclo.mp1.好文章  略.2. 说明：嵌套函数嵌套函数就是定义在另一个函数内的函数。§  § functionfoo()§     {§     function bar() { }§     }函数bar是无法从函数foo外部访问,比如

【转】http://www.mollypages.org/misc/js.mp注：一个张图清晰说明javascript的显示和隐式原型链结构。原型链涉及到instanceof运算符的计算，所以理解下图对于instanceof运算符会有更深的理解。【参考】[[http://www.ibm.com/developerworks/cn/web/1306_jiangjj_j

Meteor Session is not defined之所以会产生这样的问题，是因为包含有Session的代码被server加载了，而Session只是在client服务，那什么时候用了Session的代码会被server加载呢，这就要对Meteor的文件加载规则有所了解了。根据Meteor文件加载规则，除了client和test文件夹之外的所有文件夹都会在server加载。所以如果你

转：http://www.alloyteam.com/2012/10/high-performance-css/避免使用@import有两种方式加载样式文件，一种是link元素，另一种是CSS 2.1加入@import。而在外部的CSS文件中使用@import会使得页面在加载时增加额外的延迟。虽然规则允许在样式中调用@import来导入其它的CSS，但浏览器不能并行下载样式，就会导

如果想在A template中插入B template的html代码，可以使用Meteor的render产生一个html实例 child node Template.parent.rendered = function() { var lists = document.getElementById('lists'); for (var i

html5+原生js实现拖放与拖拽功能利用了html5的draggable属性，已经ondragstart, ondrop, ondrag这3个事件。我是在chrome v28下做测试的。完整代码如下： test window.onload = function(){

js闭包实现颜色渐变 #fade { width: 50px; height: 50px; background: #ff11; }

lazy loading简单来说就是让某些函数里的判断只执行一遍。这个在处理浏览器兼容性的时候应该是比较适合的。比如在创建XMLHttpRequest对象时，IE和其他主流浏览器的实现不同，所以需要做兼容性处理。那么我们就可以使用lazy loading。function createXHR(){ if (typeof XMLHttpRequest != “undefined”

以下检测的顺序最好不要变动。user-agent如Mozilla/5.0 (Platform; Encryption; OS-or-CPU; Language) AppleWebKit/AppleWebKitVersion (KHTML, like Gecko) Safari/SafariVersionMozilla/MozillaVersion (Platform; Encrypti

转：http://hi.baidu.com/jspboy/item/4923fffb52a28014fe35823aJavascript 数组操作shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a：[2,3,4,5] b：1unshift：将参

reading book:《javascript高级程序设计第二版》布尔变量：var msg;if (msg == undefined) //trueif (undefined == null) //truefalse:empty string ""0, NaNnulldefined//=============================var n

that模式：就是把类的this赋值给that变量（可以为其他的名字的，只是惯用that而已）Person = { name: "Alice", sayName: function() { otherSayName = function() { alert(this.name); }; otherSayName(); }};Person.sayName();

Meteor 在windows下运行1 首先需要安装Node.js 0.8 and a MongoDB server。我安装的是node.js是v0.8.212 配置系统环境变量根据Meteor官网给的命令PORT=3000 MONGO_URL=mongodb://localhost:27017/myapp node bundle/main.js配置系统环境变量PORT、MON

假设已有一个用户名admin, 密码admin一段html代码{{#if currentUser}} login success{{else}} username: password: login {{/if}}coffee代码Template.login.events 'click #login': （e)-

jQuery.fn.extend(object)查看Plugins/Authoring可以获取更多信息。jQuery.fn.extend({ isCheck: function() { return this.each(function() { this.checked == true; }); }, isUncheck: function() { retu

这题如果没搞错的话是人人网js面试题实现一个所见即所得编辑器需提供以下功能： 1.  字体加粗； 2.  文本左对齐、右对齐、居中； 3.  设置字体； 4.  设置字号； 5.  设置字体颜色； 6.  插入超链接； 7.  插入图片； 我实现后的效果：html：

转：http://www.csser.com/board/50359afb73df724356000537#/post/50359e4e73df7243560005b01：javascript有几种数据类型在Javascript中只有五种简单类型，分别为null,undefined,boolean,String和Number。一种复杂类型：object。代码类型只有一种形式就是fu

HTTP Headers可能如：HTTP/1.1 200 OKContent-type: text/htmlSet-Cookie: name=value; domain=.example.com; path=/; securecookies的格式：name=value; expires=expiration_time; path=domain_path; domai

JSON（javascript object notation)可以说是XML的替代品，也是一种数据格式，但JSON更加简单简洁。我们时常会想把JSON的字符串形式转换成对象，而js提供的eval函数可以帮我们完成这个工作。var testJson = “{"name": "test", "age": 30}”;var jsonVal = eval(testJson);   //{"n

笔记主要来自具体可以查看主流浏览器的docs。下面只是列举了firefox和chrome的。Mozilla:https://developer.mozilla.org/en-US/docs/DOM/documentChrome: https://developers.google.com/chrome-developer-tools/docs/protocol/1.0/domdoc

用原生js实现了一个简单的拖拽功能。e = e || window.event; 是为了兼容IE，因为IE的event是用window.event；另外在IE早期版本可能就需要换用attachElement，并且事件前需要加on，所以也写了一个添加事件的兼容函数。删除事件也是。body { height: 200%;}#box { position: abso

如图：兼容性问题：getCharCode: function(event){if (typeof event.charCode == “number”){return event.charCode; //firefox, chrome, safari} else {return event.keyCode; //IE, opera}}

javascript Event对象的currentTarget与target区别currentTarget是指当前事件流经过的对象。target是指事件作用的最终目标。如果时间作用的目标和事件流过的是同一个对象，则currentTarget == target。mydiv当点击上面的div时。var mydiv = document.getElementB

event的兼容性（关键是处理IE的兼容性）var EventUtil = { addHandler: function(element, type, handler){ if (element.addEventListener) { element.addEventListener (type, handler, false);

CH API：http://www.css88.com/doc/underscore/EN API： http://underscorejs.org/#mixin_.mixin(object) 您可以用您自己的实用程序函数扩展Underscore。传递一个 {name: function}定义的哈希添加到Underscore对象，以及面向对象包装。_.mixin({ c

比较 x===y，x 和 y 为值，需要产出 true 或 false。比较过程如下：如果 Type(x) 与 Type(y) 的结果不一致，返回 false，否则如果 Type(x) 结果为 Undefined，返回 true如果 Type(x) 结果为 Null，返回 true如果 Type(x) 结果为 Number，则如果 x 为 NaN，返回 false如果 y 为 Na