博客园 - 菜心作坊
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=11683
2017-11-28T22:36:14Z
菜心作坊
https://www.cnblogs.com/ilexcai/
feed.cnblogs.com
https://www.cnblogs.com/ilexcai/archive/2011/10/18/2216417.html
web网页规范 - WCAG方针 - 菜心作坊
今天看到一个招聘信息,其中有个要求是这样的- 所开发出来的界面能通过W3C的认证, 有 WCAG 经验者优先由于自己刚出茅庐,就疑问了,什么事WCAG,上网查了下,原来如此WCAG - 网页内容亲和力方针(Web Content Accessibility Guidelines)这里的方针列出了很多,请看: 规范1: 对于听觉及视觉的内容要提供相等的替代文字内容 规范2: 不要单独靠色彩来提供特殊信息 规范3: 适当地使用标记语言和样式窗体 规范4: 阐明自然语言的使用 规范5: 建立编排良好的表格 规范6: 确保网页能在新科技下良好地呈现 规范7: 确保使用者能处理...
2011-10-18T05:57:00Z
2011-10-18T05:57:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】今天看到一个招聘信息,其中有个要求是这样的- 所开发出来的界面能通过W3C的认证, 有 WCAG 经验者优先由于自己刚出茅庐,就疑问了,什么事WCAG,上网查了下,原来如此WCAG - 网页内容亲和力方针(Web Content Accessibility Guidelines)这里的方针列出了很多,请看: 规范1: 对于听觉及视觉的内容要提供相等的替代文字内容 规范2: 不要单独靠色彩来提供特殊信息 规范3: 适当地使用标记语言和样式窗体 规范4: 阐明自然语言的使用 规范5: 建立编排良好的表格 规范6: 确保网页能在新科技下良好地呈现 规范7: 确保使用者能处理... <a href="https://www.cnblogs.com/ilexcai/archive/2011/10/18/2216417.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/10/13/2210233.html
传24券启动裁员:九江站被撤 员工被辞退 - 菜心作坊
据消息人士透露,继团宝网、窝窝团之后,团购网站24券也开始启动裁员。有消息称,24券九江站已被撤站,并辞退所有员工。电商业内人士鲁振旺微博网友微博 微博网友@重度精分马美丽爆料,继高朋和窝窝团大面积裁员以后,24券也开始裁员了,分站所有的编辑要收回到北京总部,如果不去那就离职,“这难道不是变相裁员么?什么誓死与24券站在一起,你在裁员的时候你有没有想过这些和你曾经并肩作战的兄弟姐妹么!” 另有九江人论坛的信息显示,24券已退出江西九江市场,辞退九江站所有员工。还有网友爆料称,24券在九江投资10万,但亏了15万,加上全国行情不佳,所以九江24券就裁员了;此外,九江站正式员工没有赔偿。 BiaN
2011-10-13T06:06:00Z
2011-10-13T06:06:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】据消息人士透露,继团宝网、窝窝团之后,团购网站24券也开始启动裁员。有消息称,24券九江站已被撤站,并辞退所有员工。电商业内人士鲁振旺微博网友微博 微博网友@重度精分马美丽爆料,继高朋和窝窝团大面积裁员以后,24券也开始裁员了,分站所有的编辑要收回到北京总部,如果不去那就离职,“这难道不是变相裁员么?什么誓死与24券站在一起,你在裁员的时候你有没有想过这些和你曾经并肩作战的兄弟姐妹么!” 另有九江人论坛的信息显示,24券已退出江西九江市场,辞退九江站所有员工。还有网友爆料称,24券在九江投资10万,但亏了15万,加上全国行情不佳,所以九江24券就裁员了;此外,九江站正式员工没有赔偿。 BiaN <a href="https://www.cnblogs.com/ilexcai/archive/2011/10/13/2210233.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/10/08/2202339.html
HTML5会成为移动应用的天敌吗? - 菜心作坊
好几年后的今天,我们已经给手机应用程序设计了非常多的用途了。手机应用程序依然是移动设备推出新服务或内容的首要选择。你需要知道HTML5的五件事“应用程序”的整体概念或许已悄然发生巨变,在未来的某一天,我们可能不再需要访问手机应用商店,不论是Apple的还是Google的,我们只需要点击手机主菜单页面上的一个链接,手机就会立即在它的浏览器上启动一个“应用程序”。Ⅰ。 “原生应用”占统治地位当我们为移...
2011-10-08T09:30:00Z
2011-10-08T09:30:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】好几年后的今天,我们已经给手机应用程序设计了非常多的用途了。手机应用程序依然是移动设备推出新服务或内容的首要选择。你需要知道HTML5的五件事“应用程序”的整体概念或许已悄然发生巨变,在未来的某一天,我们可能不再需要访问手机应用商店,不论是Apple的还是Google的,我们只需要点击手机主菜单页面上的一个链接,手机就会立即在它的浏览器上启动一个“应用程序”。Ⅰ。 “原生应用”占统治地位当我们为移... <a href="https://www.cnblogs.com/ilexcai/archive/2011/10/08/2202339.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/10/08/2201701.html
css 透明属性 - 菜心作坊
最近因为工作需要,需要自定义弹窗,并让背景透明。因为自己也是初学者,就碰到了比较经典的问题。看代码<div class="top"> <div class="sub">css opacity attribute!</div></div>以上结构,如果设置top的opacity属性来达到透明效果时,你会发现,里面的元素全部继承了透明的效果,这显然不能达到要求。至少字体总得看的清楚吧。从网上搜罗了下相关知识点先给出标准的css透明写法,兼容大部分浏览器.top { filter:alpha(opacity=50
2011-10-08T01:23:00Z
2011-10-08T01:23:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】最近因为工作需要,需要自定义弹窗,并让背景透明。因为自己也是初学者,就碰到了比较经典的问题。看代码<div class="top"> <div class="sub">css opacity attribute!</div></div>以上结构,如果设置top的opacity属性来达到透明效果时,你会发现,里面的元素全部继承了透明的效果,这显然不能达到要求。至少字体总得看的清楚吧。从网上搜罗了下相关知识点先给出标准的css透明写法,兼容大部分浏览器.top { filter:alpha(opacity=50 <a href="https://www.cnblogs.com/ilexcai/archive/2011/10/08/2201701.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/09/27/2192858.html
关于setInterval、setTimeout在jQuery中的使用 - 菜心作坊
以前写定时器的时候,总是习惯直接setInterval("fn()",2000);最近碰到个问题,在使用jquery写定时器时,总是会出现fn不存在的错误提示,如下$(function(){setInterval("fn()",2000);})解决方法是去掉引号和括号,采用最原始的方法$(function(){setInterval(fn,2000);})另外一种就是在书写jq的扩展,如下$(function(){$.extend({ fn:function(){ alert("im fn!"); }});setInterval(&q
2011-09-27T02:32:00Z
2011-09-27T02:32:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】以前写定时器的时候,总是习惯直接setInterval("fn()",2000);最近碰到个问题,在使用jquery写定时器时,总是会出现fn不存在的错误提示,如下$(function(){setInterval("fn()",2000);})解决方法是去掉引号和括号,采用最原始的方法$(function(){setInterval(fn,2000);})另外一种就是在书写jq的扩展,如下$(function(){$.extend({ fn:function(){ alert("im fn!"); }});setInterval(&q <a href="https://www.cnblogs.com/ilexcai/archive/2011/09/27/2192858.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/09/14/2176079.html
F5_实时网页样式调试工具 - 菜心作坊
推荐一款开发工具F5,可以在保存代码时自动刷新页面,不用手动去刷新了。而且不限制浏览器、编辑器,不用改变使用习惯。演示视频:如无法观看视频,请上官方网站!官方网站:http://www.getf5.com/
2011-09-14T05:09:00Z
2011-09-14T05:09:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】推荐一款开发工具F5,可以在保存代码时自动刷新页面,不用手动去刷新了。而且不限制浏览器、编辑器,不用改变使用习惯。演示视频:如无法观看视频,请上官方网站!官方网站:http://www.getf5.com/ <a href="https://www.cnblogs.com/ilexcai/archive/2011/09/14/2176079.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/09/05/2168094.html
DOM标准与IE的html元素事件模型区别 - 菜心作坊
事件HTML元素事件是浏览器内在自动产生的,当有事件发生时html元素会向外界(这里主要指元素事件的订阅者)发出各种事件,如click,onmouseover,onmouseout等等。DOM事件流DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素结点与根结点之间的路径传播,路径所经过的结点都会收到该事件,这个传播过程可称为DOM事件流。主流浏览器的事件模型早在2004前在HTML元素事件的订阅,发送,传播,处理模型上各浏览器实现并不一致,直到DOM Level3中规定后,多数主流浏览器才陆陆续续支持DOM标准的事件处理模型 — 捕获型与冒泡型。目前除I
2011-09-05T14:43:00Z
2011-09-05T14:43:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】事件HTML元素事件是浏览器内在自动产生的,当有事件发生时html元素会向外界(这里主要指元素事件的订阅者)发出各种事件,如click,onmouseover,onmouseout等等。DOM事件流DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素结点与根结点之间的路径传播,路径所经过的结点都会收到该事件,这个传播过程可称为DOM事件流。主流浏览器的事件模型早在2004前在HTML元素事件的订阅,发送,传播,处理模型上各浏览器实现并不一致,直到DOM Level3中规定后,多数主流浏览器才陆陆续续支持DOM标准的事件处理模型 — 捕获型与冒泡型。目前除I <a href="https://www.cnblogs.com/ilexcai/archive/2011/09/05/2168094.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/09/05/2168041.html
各种前端开发工具 - 你用过几种? - 菜心作坊
1.Firebug http://getfirebug.com/最流行的前端开发工具2.HttpWatch http://www.httpwatch.com/集成在IE和Firefox上的监听HTTP和HTTPS的工具3.Fiddler http://www.fiddler2.com/fiddler2/Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US和HTTPWatch很类似的一个工具5.Yslow http://develope
2011-09-05T13:59:00Z
2011-09-05T13:59:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】1.Firebug http://getfirebug.com/最流行的前端开发工具2.HttpWatch http://www.httpwatch.com/集成在IE和Firefox上的监听HTTP和HTTPS的工具3.Fiddler http://www.fiddler2.com/fiddler2/Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US和HTTPWatch很类似的一个工具5.Yslow http://develope <a href="https://www.cnblogs.com/ilexcai/archive/2011/09/05/2168041.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/09/04/2166148.html
经典HTML5学习资源 - 菜心作坊
HTML5致力于为前端开发提供全面的标记语言。以下30多个资源可帮你开始学习HTML5。Blowing up HTML5 video and mapping it into 3D space(将HTML5视频吹散并组成3D效果)最近我研究了HTML 5中的Canvas 和Video 标签,并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3(用HTML5 和CSS3 打造向下兼容的网页)HTML5更加语义化,使用HTM
2011-09-04T05:41:00Z
2011-09-04T05:41:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】HTML5致力于为前端开发提供全面的标记语言。以下30多个资源可帮你开始学习HTML5。Blowing up HTML5 video and mapping it into 3D space(将HTML5视频吹散并组成3D效果)最近我研究了HTML 5中的Canvas 和Video 标签,并发现了一些很酷的特性。其中之一就是Canvas.drawImage() api。此为详细介绍。Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3(用HTML5 和CSS3 打造向下兼容的网页)HTML5更加语义化,使用HTM <a href="https://www.cnblogs.com/ilexcai/archive/2011/09/04/2166148.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/09/03/2165471.html
重复字符的统计 - 从网上总结来的几种方法 - 菜心作坊
前些天去面试,碰到了比较基础的js题:“重复字符的统计”,一下子没能写出来。毕竟是个初学者,基础甚是差呀,对算法掌握又不好。回家就恶补了下,从网上总结了几个方法如下://类似count3,也是使用正则匹配重复的字符,然后根据个数也就是数组长度去排序。String.count1 = function(str){ var t = str.split("") .sort() .join("") .replace(/((.)\2*)/g,"$1,") .split(",") .sort(...
2011-09-03T08:33:00Z
2011-09-03T08:33:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】前些天去面试,碰到了比较基础的js题:“重复字符的统计”,一下子没能写出来。毕竟是个初学者,基础甚是差呀,对算法掌握又不好。回家就恶补了下,从网上总结了几个方法如下://类似count3,也是使用正则匹配重复的字符,然后根据个数也就是数组长度去排序。String.count1 = function(str){ var t = str.split("") .sort() .join("") .replace(/((.)\2*)/g,"$1,") .split(",") .sort(... <a href="https://www.cnblogs.com/ilexcai/archive/2011/09/03/2165471.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/24/2151924.html
鼠标指针 - 标准写法 - 菜心作坊
平时在写一些交互效果的时候,经常会用到鼠标指针所在的坐标位置。由于浏览器的不同,解析的方式不同,经常会出现计算上的差异。下面列出标准的、兼容性比较好的写法。1.指针在页面中的坐标位置属性选择:pageX、pageY - DOM标准 clientX、clientY - 诡异IE document.documentElement - DOM标准 document.body - 诡异IE函数: 1 function getP(e){ 2 3 var e = e || window.event; 4 5 return { 6 7 x...
2011-08-24T06:19:00Z
2011-08-24T06:19:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】平时在写一些交互效果的时候,经常会用到鼠标指针所在的坐标位置。由于浏览器的不同,解析的方式不同,经常会出现计算上的差异。下面列出标准的、兼容性比较好的写法。1.指针在页面中的坐标位置属性选择:pageX、pageY - DOM标准 clientX、clientY - 诡异IE document.documentElement - DOM标准 document.body - 诡异IE函数: 1 function getP(e){ 2 3 var e = e || window.event; 4 5 return { 6 7 x... <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/24/2151924.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/23/2151165.html
高朋网突袭裁员直击:每月烧钱几千万人民币 - 菜心作坊
背靠腾讯和美国Groupon的高朋网,陷入裁员之困。 8月22日,近百名在上周末突然被通知离职的高朋网员工来到上海办公室,与从北京赶来的高朋网一位高姓副总裁、人力资源总监杨莉以及法务Sammy进行了几小时的谈判。 “他们松口满足了我们的要求。”此次被通知离职的员工Ace从谈判间出来后告诉记者,“大部分人拿到了2个月工资的赔偿额度。” 据这位在高朋客户管理部任职的员工透露,8月18日下午四点,他突然被叫到办公室,人事没有说明任何原因,直接让他签离职协议。随后,他的办公电脑被要求格式化后直接上交,指纹被消除,整个过程不到十分钟。 和Ace一样遭遇到“突袭”裁员的高朋上海办公室员工超过1...
2011-08-23T11:40:00Z
2011-08-23T11:40:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】背靠腾讯和美国Groupon的高朋网,陷入裁员之困。 8月22日,近百名在上周末突然被通知离职的高朋网员工来到上海办公室,与从北京赶来的高朋网一位高姓副总裁、人力资源总监杨莉以及法务Sammy进行了几小时的谈判。 “他们松口满足了我们的要求。”此次被通知离职的员工Ace从谈判间出来后告诉记者,“大部分人拿到了2个月工资的赔偿额度。” 据这位在高朋客户管理部任职的员工透露,8月18日下午四点,他突然被叫到办公室,人事没有说明任何原因,直接让他签离职协议。随后,他的办公电脑被要求格式化后直接上交,指纹被消除,整个过程不到十分钟。 和Ace一样遭遇到“突袭”裁员的高朋上海办公室员工超过1... <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/23/2151165.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/20/2147566.html
js获取元素样式属性值 - 较为灵活的函数 - 菜心作坊
1.获取指定元素的样式属性值,兼容IE与其他标准DOM 1 //parameter:el具体元素、name样式属性名("width"、"background") 2 //return:el元素的样式属性name的值 3 function getStyle(el,name){ 4 if(el.style[name]){ 5 return el.style[name]; 6 } 7 else if(e.currentStyle){ 8 return el.currentStyle[name]; 9 }10 else if(document.defaultVi
2011-08-20T15:29:00Z
2011-08-20T15:29:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】1.获取指定元素的样式属性值,兼容IE与其他标准DOM 1 //parameter:el具体元素、name样式属性名("width"、"background") 2 //return:el元素的样式属性name的值 3 function getStyle(el,name){ 4 if(el.style[name]){ 5 return el.style[name]; 6 } 7 else if(e.currentStyle){ 8 return el.currentStyle[name]; 9 }10 else if(document.defaultVi <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/20/2147566.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/20/2147471.html
各种css hack - 兼容性探测 - 菜心作坊
CSS HACK:浏览器兼容的一些写法人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以方便维护。而解决兼容的方法就是(必须是,因为这才最容易有问题的)其中一个最重要的、要解决的规范之一。在解决兼容方法上,想定出一个统一的规范,个人认为应该以下面3点为基本原则:权衡成本:在浏览器被淘汰后,如何快速清理掉无用代码 可维护:在资源成本和完美间
2011-08-20T13:28:00Z
2011-08-20T13:28:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】CSS HACK:浏览器兼容的一些写法人一旦习惯了某些东西就很难去改,以及各种各样的原因,新的浏览器越来越多,而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容,CSS HACK自然而然地被我们想起。今天,我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事,需要我们有统一的规范来进行Coding,以方便维护。而解决兼容的方法就是(必须是,因为这才最容易有问题的)其中一个最重要的、要解决的规范之一。在解决兼容方法上,想定出一个统一的规范,个人认为应该以下面3点为基本原则:权衡成本:在浏览器被淘汰后,如何快速清理掉无用代码 可维护:在资源成本和完美间 <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/20/2147471.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/20/2147173.html
js在IE和FF下的兼容性问题 - 菜心作坊
本文出自前端档案,以作学习参考之用。自己也补充了一些内容长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件处理; 五、其他差异的兼容处理。一、函数和方法差异1. getYear()方法【分析说明】先看一下以下代码:var year= new Date().getYear();document.write(year); 在IE中得到的日期是"
2011-08-20T07:03:00Z
2011-08-20T07:03:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】本文出自前端档案,以作学习参考之用。自己也补充了一些内容长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一、函数和方法差异; 二、样式访问和设置; 三、DOM方法及对象引用; 四、事件处理; 五、其他差异的兼容处理。一、函数和方法差异1. getYear()方法【分析说明】先看一下以下代码:var year= new Date().getYear();document.write(year); 在IE中得到的日期是" <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/20/2147173.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/19/2146196.html
navigator浏览器信息 - 菜心作坊
1.检测浏览器类型 1 var ua = navigator.userAgent.toLowerCase(); 2 var info = { 3 ie:/msie/.test(ua) && !/opera/.test(ua), 4 op:/opera/.test(ua), 5 sa:/version.*safari/.test(ua), 6 ch:/chrome/.test(ua), 7 ff:/gecko/.test(ua) && !/webkit/.test(ua) 8 }; 9 (info.ie) && alert("ie浏览器&
2011-08-19T13:40:00Z
2011-08-19T13:40:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】1.检测浏览器类型 1 var ua = navigator.userAgent.toLowerCase(); 2 var info = { 3 ie:/msie/.test(ua) && !/opera/.test(ua), 4 op:/opera/.test(ua), 5 sa:/version.*safari/.test(ua), 6 ch:/chrome/.test(ua), 7 ff:/gecko/.test(ua) && !/webkit/.test(ua) 8 }; 9 (info.ie) && alert("ie浏览器& <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/19/2146196.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/19/2145998.html
js的样式操作回顾 - 菜心作坊
今天回顾了一下element.style相关的一些方法。当我们需要用Js对一个元素的css样式进行一些额外的控制时,我们需要用到这些方法。1.动态的设置样式。习惯的做法是:1 <div id="test">我是中国人</div>2 3 <script type="text/javascript">4 vat ele = document.getElementById("test");5 ele.style.fontSize = "24px";6 </script>这样
2011-08-19T09:15:00Z
2011-08-19T09:15:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】今天回顾了一下element.style相关的一些方法。当我们需要用Js对一个元素的css样式进行一些额外的控制时,我们需要用到这些方法。1.动态的设置样式。习惯的做法是:1 <div id="test">我是中国人</div>2 3 <script type="text/javascript">4 vat ele = document.getElementById("test");5 ele.style.fontSize = "24px";6 </script>这样 <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/19/2145998.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/19/2145713.html
this指向剖析 - 菜心作坊
以前学过Java,对this大概有个理解,也不难。现在来看看javascript中的this,那变化可是不少。本文主要说说几个经常应用到的例子,关于全局作用于和对象作用域的东东。1.把this看成当前对象,是最常见到的用法,也是最容易理解的如:1 <input type="button" value="我是谁?" onclick="this.value='我是中国人!'" />这里当按钮被触发时,this指向当前这个button对象。value值随之改变。2.跟java一样,指向当前实例如:1 functi
2011-08-19T06:48:00Z
2011-08-19T06:48:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】以前学过Java,对this大概有个理解,也不难。现在来看看javascript中的this,那变化可是不少。本文主要说说几个经常应用到的例子,关于全局作用于和对象作用域的东东。1.把this看成当前对象,是最常见到的用法,也是最容易理解的如:1 <input type="button" value="我是谁?" onclick="this.value='我是中国人!'" />这里当按钮被触发时,this指向当前这个button对象。value值随之改变。2.跟java一样,指向当前实例如:1 functi <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/19/2145713.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/19/2145596.html
js面向对象总结 - 菜心作坊
关于js面向对象的内容很多,很多人看书觉得很乱。因为内容太多了,又是原型,又是继承什么的。今天在园里看到“农村出来的大学生”写得一些js面向对象总结,自己一扫而过,很清晰,现在分享出来。一、首先创建js对象的四种方式:1.普通模式1 var person=new Object();2 person.name="盼盼";3 person.age=22;4 person.sayHi=function(){5 alert(this.name);6 }但是这样每次去创建一个类的对象相当的麻烦。所以有了下面的集中创建对象的模式。2.工厂模式1 function person(name
2011-08-19T05:14:00Z
2011-08-19T05:14:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】关于js面向对象的内容很多,很多人看书觉得很乱。因为内容太多了,又是原型,又是继承什么的。今天在园里看到“农村出来的大学生”写得一些js面向对象总结,自己一扫而过,很清晰,现在分享出来。一、首先创建js对象的四种方式:1.普通模式1 var person=new Object();2 person.name="盼盼";3 person.age=22;4 person.sayHi=function(){5 alert(this.name);6 }但是这样每次去创建一个类的对象相当的麻烦。所以有了下面的集中创建对象的模式。2.工厂模式1 function person(name <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/19/2145596.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/ilexcai/archive/2011/08/18/2145165.html
web前端开发规范文档 - 菜心作坊
规范目的 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则 符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范 1.html,css,js,images文件均归档至<系统开发规范>约定的目录中; 2.html文件命名:英文命名,后缀.htm.同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与ht
2011-08-18T15:21:00Z
2011-08-18T15:21:00Z
菜心作坊
https://www.cnblogs.com/ilexcai/
【摘要】规范目的 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则 符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范 1.html,css,js,images文件均归档至<系统开发规范>约定的目录中; 2.html文件命名:英文命名,后缀.htm.同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与ht <a href="https://www.cnblogs.com/ilexcai/archive/2011/08/18/2145165.html" target="_blank">阅读全文</a>