关注前端开发微信微信号web007007

javascript keycode大全

javascript keycode大全

keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keycode 20 = Caps_Lock keycode 27 = Escape Escape keycode 32 = space space keycode 33 = Prior keycode 34 = Next keycode 35 = End keycode 36 = Home keycode 37 = Left keycode 38 = Up keycode 39 = R...

阅读全文...

JavaScript五种继承方式

JavaScript五种继承方式

1)继承第1种方式:对象冒充   2)继承第2种方式: call方法call方法是Function对象中的方法,因此我们定义的每个函数都拥有该方法。可以通过函数名来调用call方法,call方法的第一个参数会被传递给函数中的this,从第二个参数开始,逐一赋值给函数中的参数。   3)继承第3种方式: apply方法apply方法与call方法的不同之处在于,apply方法第二个参数传递的是一个数组,而不像call方法...

阅读全文...

又迈进一大步:微软开源实体框架

又迈进一大步:微软开源实体框架

北京时间7月31日消息,继微软对开源改变态度,并打算成立一个开放技术子公司后,微软又对一个有助于开发人员简化数据操作的框架开源。 微软成功走上开源发展道路,去年年初,微软开源了几个开发相关的工具,这包括NuGet和多个ASP.Net语言库。同时今年年底,微软公司宣布将所赞助的项目Node.js开发平台和大数据分析工具Apache Hadoop将移植到Windows上,它甚至使Linux可以运行在该公司Azure云计算...

阅读全文...

HTML5应用与原生应用之间的差异

HTML5应用与原生应用之间的差异

HTML5的时代已经到来,程序及优化,你们准备好了没?html5在2008年发布以后,没有被迅速应用,一直在开发人员的不断的完善之中,近段时间html5已经逐渐浮出水面。跟着浏览器的升级,它的独特魅力将越来越多地展现在用户面前。 html5的魅力体现在哪里呢?HTML5是新发布的一种技术,开发者可以在没有任何设备限制的环境中开发web应用。也许html5即将更新web,使原来的平台应用被淘汰掉。下面是html5和...

阅读全文...

无我编程十条诫律

无我编程十条诫律

来自写于1971年的《程序开发心理学(The Psychology of Computer Programming)》,下面就是这无我编程十条诫律: 理解和接受自己会犯错误。关键是要尽早发现,在错误进入到最终产品前发现它们。幸运的是,除了我们少数几个在喷气推进实验所开发火箭导航系统的人外,在软件行业中犯错误通常不会导致灾难性事故。我们可以,也应该从错误中吸取教训,微笑,并继续前进。 你不是你的代码。记住代码审...

阅读全文...

Adobe Creative Suite 6: 更强大的HTML5能量

Adobe Creative Suite 6: 更强大的HTML5能量

Adobe推出了全新版本的Creative Suite,更新了网页设计工具,以便更好地支持未来的HTML5格式,同时,它也保持了诸多优点。 HTML5是全新的互联网标记语言。支持HTML5的Creative Suite 6网页及多媒体设计工具包括了14款应用,它们被组合在4个不同的套装里,包括设计标准套装(售价1299美元),设计与网页高级套装(1899美元),Production高级套装(也是1899美元)以及Master Collection套装(售价2599美...

阅读全文...

原生应用目前是移动领域王者,HTML5代表未来

原生应用目前是移动领域王者,HTML5代表未来

北京时间7月30日消息,据国外媒体报道,市场研究公司BI Intelligence最近发表报告称,目前原生移动应用是移动领域的王者,未来是HTML5的天下。 HTML5是一种新技术,开发者可以开发出通过标准浏览器在任何设备上运行的Web应用。许多人认为HTML5将拯救Web,使与平台有关的原生应用遭到淘汰。 以下是HTML5和原生应用之间的比较: 功能:目前这是HTML5面临的一大问题,HTML5不支持某些功能,但随着HT...

阅读全文...

向非程序员解释 JavaScript

向非程序员解释 JavaScript

当我告诉非程序员我的专业工作是 JavaScript 的时候,我往往得到的回答是“是不是那个安装以后让浏览器变的缓慢的东西?”,我很惊讶: 1. 知道 Java 的人比知道 JavaScript 的人要多很多,也许是很多人都曾经被问过是否需要安装 Java。 2. 这对 Java 来说不是好事,因为它和负面的印象联系在一起。虽然 JavaScript 对 Web 来说是如此重要,但是大部分人仍然不知道它的存在。 什么是 JavaScript? ...

阅读全文...

用HTML5新特性开发移动App

用HTML5新特性开发移动App

蒋宇捷:百度技术经理,CSDN博客专家,《论道HTML5》合著作者。曾任创新工场魔图精灵项目技术总监,以及在腾讯研究院负责浏览器前端、傲游担任Web后台主管。2008、2009北京Perl大会演讲嘉宾,关注Web和移动互联网的技术,专注推动HTML5在中国的普及。

阅读全文...

HTML5应用盈利难,解决5大难题是关键

HTML5应用盈利难,解决5大难题是关键

虽然W3C预计到2022年才能正式颁布HTML5 网页标准,但是目前网络上已经有不少应用基于HTML5标准来开发,而且相当成功。相对于Flash何其它竞争对手,HTML5具有许多明显的优势,比如更加先进的图像和动画效果、动态数据存储、地理位置定位等等。 然而,对于HTML5 应用程序而言,依旧存在许多盈利障碍。以下是HTML5 应用程序在货币化过程中需要解决的5大难题:   1、去哪找HTML5应用程序? 发现好...

阅读全文...

clear:both; 用法 什么时候用

clear:both; 用法 什么时候用

clear:both; CSS手册上这样解释的:该属性的值指出了不允许有浮动对象的边。 这个属性是用来控制float属性在文档流的物理位置的。 当属性设置float(浮动)时,他所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float(浮动),或者是希望float(浮动)后面的元素不被float(浮动)所影响,这个时候我们就需要用clear:both;来清除clear:both; 例子: <p style=”float...

阅读全文...

jquery 中国省市信息联动插件

jquery 中国省市信息联动插件

分享一个jquery 中国省市信息联动插件,上代码 $._cityInfo = [{"n":"北京市","c":["北京市"]}, {"n":"天津市","c":["天津市"]}, {"n":"上海市","c":["上海市"]}, {"n":"重庆市","c":["重庆市"]}, {"n":&...

阅读全文...

免费插件WordPress实现文章自动提取tag并添加链接

免费插件WordPress实现文章自动提取tag并添加链接

现在大家都很热衷于网站的SEO优化,也是如此,有很多的方法可以实现博客的网站优化,今天前端攻城狮剥壳给大家推荐一个非常有用的SEO优化方法:免插 件给博客文章页自动给tag添加链接,通过这种方法可以给文章里面的所有tag添加链接,链接链到博客的tag标签页面,这样非常有利于博客的seo优 化。方法如下: 登录博客后台,打开博客主题的functions.php功能函数,在这个文件里面添加如下代码: ...

阅读全文...

jquery.pagination.js实现无刷新ajax分页

jquery.pagination.js实现无刷新ajax分页

1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。 首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。 2.页面js代码为 var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化,修改显示条数,修改这里即可 $(function () { InitTable(0); //Load事件,初始化表格数据,页面索引为0(第一页) //分页,Pag...

阅读全文...

60个jQuery 幻灯片插件演示和下载

60个jQuery 幻灯片插件演示和下载

jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片,一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是60款很酷的 jQuery 幻灯片,一起欣赏。 Cloud Carousel (演示 | 下载) ShineTime (演示 | 下载) Nivo Slider (演示 | 下载) Interactive Photo Desk (演示 | 下载) B...

阅读全文...

前端开发模块化高效重构

前端开发模块化高效重构

说起模块化,也许我们首先想到的是编程中的模块设计,以功能块为单位进行程序设计,最后通过模块的选择和组合构成最终产品。把这种思想运用到页面构建中,也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段:第一阶段是在一个css文件中把多个页面按自己的习惯顺序从上往下编写样式,基本不考虑有无公用样式,以完成设计呈现为首要目的;第二阶段是提取不同页面中的通用样...

阅读全文...

原生JavaScript隔行换色

原生JavaScript隔行换色

JavaScript代码: window.onload=function () { var oUl=document.getElementById('ul1'); var aLi=oUl.getElementsByTagName('li'); var i=0; for(i=0;i<aLi.length;i++) { if(i%2==0) //0,2,4,6,8,10... { aLi[i].className='alt'; } } }; css样式代码 *{padding:0;margin:0;list-style:none;} #ul1{} #ul1 li{height:30px;} #ul1 li.alt{background:#...

阅读全文...

简单CSS hack:区分IE6、IE7、IE8、Firefox、Opera

简单CSS hack:区分IE6、IE7、IE8、Firefox、Opera

一、跨浏览器的网页设计一直是让人很头疼的问题,这不只是因为浏览器的版本众多,还有一个重要的原因是相同浏览器的不同时期的版本也会有差异,甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多,具体可以查看: 本文据说的主要是通过“.”,“>”,“*”,“_”来区分。以下是本人对这四种符号的测试结果: ———————IE6—— IE7——...

阅读全文...

flash透明方法—如何将DIV层放在flash上面

flash透明方法—如何将DIV层放在flash上面

有两种:(浏览器不同) 一 。IE浏览器下可用 <param name=”wmode” value=”transparent” /> 二 。firefox下可用 <embed src=”YourFlash.swf” wmode=”transparent” … ></embed> 关于wmode属性资料: (可选)允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash P...

阅读全文...

设计师的SEO指南

设计师的SEO指南

简介 设计师和开发人员常犯的SEO错误以及为搜引擎优化的基本要点 我所做的一个调查显示,只有刚刚超过十分之一的人不认为SEO(搜索引擎优化)是设计师的职责所在,但更让我惊讶的是居然有24%的人不知道SEO为何物! 如果你也不知道SEO是啥或它如何帮助你,那你应该好好读读这篇文章。这个指南是为那些希望自己的网站或博客更容易被搜索引擎搜到的设计师所写的。他包括设计师和开发人员的一些常犯...

阅读全文...