前端咖

摘要： 有关js动态绑定事件//为元素绑定事件function addEvent(elem,type,fn){ if(window.addEventLister){ elem.addEventLister(type,fn,false); } else if(window.attachEvent){ elem.attachEvent("on"+type,fn); } else{ elem["on" + type] = fn; }}//将元素和方法放到数组arrelems中function bind(elem,fn){ v... 阅读全文

摘要： 推荐jade、sass、artTemplate方式书写，代替传统的方式 主要是方便管理及维护，提高工作效率 采用jade方式对html，官方网站http://jade-lang.com/ 采用scss方式对css，官方网站http://sass-lang.com/ 采用artTemplate，官方网站https://github.com/aui/artTemplate这是开始探索的开始。。。接下来慢慢熟悉，这是个成长的过程哈接下来了将展示相关demo 阅读全文

摘要： 伴随着html5和css3的成熟，页面展现的越来越绚丽越吸引人，尤其体现在各大网站的专题活动上。现在写了一个简略的框框。实现思想：当滚动条滚动时，滚动到底部切换到下一屏，滚动到顶部时切换到上一屏。点击按钮时滚动到对应的屏。代码简略：1、滚动条滚动方向，-1向下，1向上，注意：如用ie，请用ie9以上的浏览器看效果。document.addEventListener(mousewheel,function(e){ e = e || window.event; if(!isFirefox){ direct = e.wheelDelta>0?-1:1; } el... 阅读全文

摘要： 有个顺序数组，由小到大存放1到100这些数字。这些数字要按照下面的方式输出例子一：输出 1 2 3 4 5 6 7 8 9 1011 12 13 14 ...解答：for(var i=0;i<arr.length;i++){ if(0===arr[i]%10){ var tmp = new Array(); for(var j=9;j>-1;j--){ tmp.push(arr[i-j]); } console.log(tmp) }}例子二：输出1 2 3 4 5 6 7 8 9 1020 19 18 1... 阅读全文

摘要： iframe介绍父页面：<input id="pbtn" type="button" value="父按钮" /><iframe id="test" name="test" src="sub.html" scrolling="no" frameborder="0" width="400px" height="150px"></iframe><div id= 阅读全文

摘要： 前端智勇大闯关-第二季-第三题10的世界在我们的世界里，字母A很好理解键盘兄表示65无压力CPU表示01000001才是王道1、题目中描述的三句话：二进制与十进制与A之间的相互转换2、在textarea元素中包含了一长串的二进制编码（0和1的世界）3、下图展示由二进制码转换成字母的过程每八位一组由二进制转化十进制，由十进制找到对应的asc码，将这些asc码每四个组成一组，再转换成十进制，最后，把十进制转成成asc码，对应的字母相应的就出来了。。。4、详细代码var str = "00110000001100000011011000111000001100000011000000110 阅读全文

摘要： 元宵节快乐，哈哈哈。。。搬运工之解HTML：<!-- textarea 元素 placeholder新属性 --><textarea id="mtest" class="mtextarea" placeholder="请在这儿输入适当的CSS代码"></textarea>CSS：// textarea样式.mtextarea{ height: 140px; width: 260px; border: 1px solid #CCCCCC; margin-left: 2em; margin-right: 阅读全文

摘要： 新春之际，新朋友老朋友，祝大家新年快乐。哈哈，给大家拜个晚年。UED 前端智勇大闯关-第二季（http://ued.taobao.com/quiz2/）这里给出了第一的答案及实现原理，与大家探讨，可随便吐槽。题目：请画一个三角形穿过4个点画这个三角形，相对比较容易。如下图所示：现在讨论的如何实现画板功能1、准备画布（新标签canvas）设置画布的宽高，为canvas设置属性width及heightvar cs = document.getElementById("ktest");var mcs = cs.getContext('2d');2、画一条线段obj 阅读全文

摘要： ：!command：执行shell命令command ：r!command：将命令command的输出结果放到当前行 ：e filename：打开文件filename进行编辑 ：w ：保存当前文件 ：x：保存当前文件并退出 ：q：退出vi h：将一个文字移动到左边 j:往下移动一个文字 k: 往上移动一个文字 l: 将一个文字移动到右边 dd：删除行命令，即删除光标所在的行。yy: 复制行命令。p: 粘贴命令。u: 撤消最后一次修改 :set nu 每行前打印行号 阅读全文

摘要： jade:https://github.com/visionmedia/jade基本示例介绍：1、DOCTYPE2、元素标签的使用3、元素的id、class属性4、元素的其他属性及自定义属性5、| 的作用示例：-------------------------------------------------------------------------------------------------doctype 5html head title jadeTest link(rel="stylesheet",href="*.css") script(s 阅读全文