摘要：
var test = { info: "hello", fn: function(){ console.log(this.info); setTimeout(arguments.callee, 1000) }}运行上面的test.fn()的时候。。第一次是可以返回"hello"的。第二次之后就返回"undefined"了，把console.log(this.info)改成console.log(this)可以发现，原因是setTimeout里面的this在第二次以后都变成指向window了。。我们的目的是让this指向test。搜了一 阅读全文
摘要：
SASS：2007年诞生，最早也是最成熟的CSS预处理器。同样的CSS预处理器有LESS（2009年）和Stylus(2010年)。LESS和SASS最大的区别是它们的处理方式：LESS是javascript库，所以它在客户端执行，而SASS需要Ruby，在服务端运行。作为前端，考虑到网速问题，为了不加重客户端的负担，所以我选择SASS。 SASS目前有两种语法，最新的语法称为“SCSS”（受LESS影响，全面兼容CSS，扩展名为.scss）。第二种语法是SASS的老语法，也称为缩进语法，不是用大括号和分号来区分块，而是用缩进来指定块。SCSS语法SCSS语法规则和CSS的语法规则可以说... 阅读全文
摘要：
今天在写一个js拖拽的时候，遇到一个小问题。。就是浏览器默认允许拖拽图片。这样子我鼠标移动的时候，没有触发onmousemove事件绑定的函数。操作起来很别扭。。后来自己整理了一下。。一共有三个办法可以解决这个问题。。具体哪个办法更优，现在还不清楚。以后有能力判断优劣的时候再判断吧1、document.images[i].ondragstart=function (){return false;};直接循环页面所有的img标签。。然后把它的ondragstart事件return false；这样子就禁止了浏览器图片的默认拖拽动作了。感觉这里要遍历所有IMG标签。。个人不喜欢用这种办法。。觉得性 阅读全文
摘要：
杂#以下内容大部分摘于网络，如有……（此处省略N个字）#做单的时候不时会遇到说姓名，手机号码、出生地，然后要求两端对齐，这时候就要用text-align：text-justify这个属性了。设定玩text-align为justify之后，还要设定text-justify的值。之前有用过，但是对其还是不够了解。IE的取值如下：auto :允许浏览器用户代理确定使用的两端对齐法则inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精 阅读全文
摘要：
在第二个练习里面，饭哥导师要求我引用一个flash和自己写一个原生的js。其他的~基本和上个专题差不多，只要按照规范来做就可以了。。。不过这个专题还是花了我两天的时间。。。前途可堪呀~~在专题里面~每个栏目的title都需要用一个标签写上栏目的标题。然后隐藏掉（给我感觉就好像之前在网上看到的黑帽seo的做法）既然这边是这样要求的，我也只有这样操作好了。隐藏的方式是用一个欺骗浏览器的方式。样式如下height:0px; width:0px; display:block; text-indent:-9999px; overflow:hidden;一开始我的text-indent设定的值是9999p 阅读全文
摘要：
...很久没上面写博了~~其实自己压根就没养成过写博的习惯~接下来慢慢养成这习惯才行，毕竟以后遇到相同的问题的时候可以直接打开自己的博客来寻找解决方法。今天是第四天在新公司上班，很惭愧。导师给我第一个任务——做专题页面，我花了两天才做完。今天才给他们发过去。其实我自己也知道很多地方很不完善，而且可能压根都没根据公司的规范来写。不过。。。路还长着呢。等他们指出我的问题所在，然后我再根据这些问题来一一解决。做这个专题页面其实我都学到了不少，首先是基础拉。。有很多很基础的操作自己都不习惯，弄得还百度使得效率变低。接下来我说一下自己在做这专题遇到的一些问题和自己解决这些问题的方法吧。背景PNG透明兼容 阅读全文
摘要：
以橙色渐变举个例子如下：.orange{ color:white; border:1px #e38515 solid; background:#fe8d00; background:-moz-linear-gradient(top, #feac00, rgba(225, 110, 0, 1)); background:-webkit-gradient(linear, 0 0, 0 bottom, from(#feac00), to(rgba(225, 110, 0, 1))); filter:alpha(opacity=100 finishopacity=... 阅读全文
摘要：
以前学过Java，对this大概有个理解，也不难。现在来看看javascript中的this,那变化可是不少。本文主要说说几个经常应用到的例子，关于全局作用于和对象作用域的东东。1.把this看成当前对象，是最常见到的用法，也是最容易理解的如：1 <input type="button" value="我是谁？" onclick="this.value='我是中国人！'"/>这里当按钮被触发时，this指向当前这个button对象。value值随之改变。2.跟java一样，指向当前实例如：1 functio 阅读全文
摘要：
规范目的 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则 符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范 1.html,css,js,images文件均归档至<系统开发规范>约定的目录中; 2.html文件命名:英文命名,后缀.htm.同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与ht 阅读全文
摘要：
html5新添元素有：<article> 定义article<aside> 定义页面内容之外的内容<audio> 定义声音内容<bdi> 定义文本的文本方向，使其脱离其周围文本的方向设置<canvas> 定义图形<command> 定义命令按钮<datalist> 定义下拉列表<details> 定义元素的细节<embed> 定义外部交互内容或插件<figcaption> 定义figure元素的标题<figure> 定义媒介内容的分组，以及它们的标题<foo 阅读全文