分类目录归档：WEB开发

2014
12-03

18个高大上的浏览器小技巧

注：以下仅适用于Chrome/Firefox等网络浏览器1、Ctrl+Shift+T打开最近关闭的标签页2、在图片上按住S时点击鼠标右键，启动GoogleImage搜索相关图片3、把图片拖放到搜索框时，可以搜索相关图片(实测在打开GoogleImage时有效)4、输入网址时，按Ctrl+回车键补全.com5、按住Ctrl键(Mac用户按Command键)点击超链接，将在新标签打开页面6、在地址栏输入以下代码，可以把空标签页变成写字板(Ch... 继续阅读 >
2014
12-03

10 款有用的 Android 版本 Firefox 扩展

在Android下的Firefox继承了其优良传统，也可以安装不少有用的扩展，这里有一篇文章介绍了10款有用的Android下Firefox扩展，如果你想试试Firefox，先感受下扩展的威力吧。1.CloseAllTabs一键关闭所有标签页在菜单中新增一个CloseAllTabs按钮，可以一键关闭所有标签页。有同学可以说明下开多了标签页会卡么？2.UndoClose重新打开关闭的标签页在菜单中新增一个UndoClose按钮... 继续阅读 >
2014
12-03

IE 良心工具：提高开发效率的 F12 开发者工具

随着网站复杂程度不断增加和全新开发技术的加入，一款功能强大的浏览器开发者工具，对于所有的前端开发者来说至关重要。为了帮助开发者们提高开发效率，微软对IE11上的F12开发者工具进行了全方位的大修订，用更加现代、简洁的界面和全新完善的功能，满足开发者们的各类使用需求。对于所有开发者来说，使用IE11自带的F12开发者工具，可以让你以最高的效率调试当前开发的网页。无论是需要调整CSS布局还是查找内存泄漏，... 继续阅读 >
2014
12-03

盘点前10名的免费跨浏览器测试工具

在多个平台上测试多种浏览器不但是很困难的–它几乎不可能的，因为没有那些好的测试工具。今天，我们就为大家提供很多涉及到跨浏览器测试的选择，并且告诉你那些“顶级的浏览器测试工具”，你应该使用哪一个。这前10名的免费跨浏览器测试工具没有特定的顺序，因为他们对于任何特定的设备都同样有效。如果你手动去测试，可能既困难又耗费时间。因为你只能不断的安装更多的浏览器在你的设备上。1.Br... 继续阅读 >
2014
12-03

网速快却开打网页速度慢

有没有遇到过明明网速很快，但是在浏览器中打开网页的速度却很慢？到底是怎么回事。下面小编告诉您原因，教您怎么解决。小编总结了下原因，主要是以下问题：1.网络最小带宽：也就是平时所说的宽带不够、太小。一个网站的打开速度不仅仅看客户端（就是用户自己）的带宽，也需要看网站服务器的带宽。只要双方有一方的带宽太低就会造成网站打开速度过慢。2.DNS解析速度：DNS解析就是对域名和IP地址的互... 继续阅读 >
2014
12-03

Linux中一些最优秀的浏览器

本文讨论Linux桌面一些最优秀浏览器的优缺点，讨论对象包括Firefox，Chrome和其它浏览器。选择一款最棒的Linux浏览器来满足你所需仅费些许功夫：Linux桌面网页浏览器和在其它流行的桌面上一样已经发展了多年，随着它们的发展，其优点和缺点都被慢慢发现。优缺点涉及从新功能到被破坏的扩展程序等各方面。本文中，我将在迷茫之中充当你的向导来帮助你发现适合你的最棒的Linux浏览器。FirefoxFirefox成为一款Li... 继续阅读 >
2014
12-03

Firebug 2.0新特性

Firefox30已经在一个月前发布了，由于在29版本中做了很大的变动，这个版本并没有太大的变化，但是值得注目的是Firebug2.0在这个版本中上线了。Firebug是firefox下的一个插件，能够调试所有网站语言，如HTML,CSS等，但FireBug最吸引我的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera,Safari）。除此之外，其他功能还很强大，比如HTML，CSS，dom的查看与调试，网站整体分析... 继续阅读 >
2014
12-03

比Chrome快3倍！世界最快PC浏览器发布

Chrome向来以速度、稳定性独步天下，日前却有一款浏览器号称“世界最快”，速度是Chrome的3倍。最重要的是，这款浏览器来自国内老牌浏览器公司遨游傲游(Maxthon)。傲游浏览器虽然出道较早，但面对现在国内一众后起之秀的竞争，市场份额不断减少。现在，他们在国外发布了一款名为MxNitro的浏览器，号称“世界最快”。据傲游介绍，为了让MxNitro达到这一速度，他们大幅精简了用户界面，并移除了... 继续阅读 >
2014
12-03

开发者不可不知的 Google Chrome 七大新特性

GoogleChrome在日常生活中扮演的角色不只是一个功能强大的网络浏览器，它内置的DevTools同样也是网络开发者进行网络开发的重要工具。DevTools在不断的进行版本更新，其中有很多重要的更新细节你可能会错过。在这里罗列了GoogleChrome最值得关注的七大新特性。开始——Chrome的DevToolsExperimentChrome有一些非常棒的实验性特性，这些特性在默认情况下都是隐藏和禁用的。在浏览器地址栏输入chro... 继续阅读 >
2014
12-03

是时候重新认识 IE 了

IE6的辉煌没有人能够忘记，但随着Webkit系的崛起，原开发团队被拆散分配至其它产品的IE开始被消费者认为是“卡、慢、丑”的象征。终于，微软开始为IE打造新的Edge引擎。至少从数据上看，它是个怪物。Edge在最新的Windows10开发者预览版中已经正式对外测试，同时开发者可以通过RemoteIE服务在iOS、Android和MacOSX等设备上试用或调试这个新版本。在此前的桌面和WindowsPhone版IE... 继续阅读 >
2014
12-03

献给网页开发者的20款Firefox插件

毫无疑问，比起其他浏览器，Chrome虽有着明显的优势，但是它的劲敌Firefox却是很多前端攻城师和研发人员的挚爱，为了尽可能地提高用户体验，Firefox的社区在插件开发和运用上有着丰富的经验，说它是网站开发者的首选浏览器也并不为过。本文集合了20款为开发者而生的优质插件，在这些插件的帮助下，网页开发者可以创造出令人惊艳、极富创意的网站页面。接下来，让我们一起看看这些插件吧。1.Firebug作为开发... 继续阅读 >
2014
11-24

[转载]响应式WEB设计的9项基本原则

响应式Web设计对于解决多类型屏幕问题来说是个不错方案，但从印刷的角度来看，其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸，没有任何物理限制，让人感到无从下手。随着建立网站可用的各种小工具越来越多，像素设计局限于桌面和移动端也已经成为历史。因此，现在就让我们来说明一下如何运用响应式Web设计的各项基本原则来实现，而不是抗拒流畅的网页体验。为了简单起见，我们将着重讲布局。响应式设计vs适应式设... 继续阅读 >
2014
11-23

[转载Javascript实现全选并赋值给文本框代码

   全选的实现非常的简单，只要点击之后进行for遍历checkbox设置为checked即可，了但如果还要赋值简单的升级一下即可，下面来看看。    网上有很多的全选、赋值的js方法，但是没有小编想要的那样的代码，既然今天用到了，就把代码贴出来分享一下。js代码：代码如下<script>functionuncheckAll(){varcode_Values=document.getElementsByName('email');vartem=document.getElementById("t... 继续阅读 >
2014
11-20

流量的大小对网站排名的影响

一个网站在搜索引擎上的排名是由多种因素决定的，其中有一种因素可能最容易被忽视，那就是流量的大小对网站排名的影响!百度了一下，很少有文章来阐述流量对网站排名的影响，搜索结果大多都是在谈网站排名对流量的影响，大概的想一下，其实他们是相互作用的。有了好排名，流量自然就高了，流量高了，排名自然也就好了。。。而站在搜索引擎的角度来看待这个问题，他们可能会更重视非搜索引擎流量的价值。当然，这些可能并不... 继续阅读 >
2014
11-11

js中的trim() _去掉字符串两边的空格

js中去除字符串两端的空格可以用正则表达式来实现：String.prototype.trim=function(){returnthis.replace(/(^\s*)|(\s*$)/g,"");}当然用法很简单，varstr="Hi,MyNameisWater!";str.trim();当然也可以自己写一个函数用，或者有些人会习惯这样：functiontrim(stri){returnstri.replace(/(^\s*)|(\s*$)/g,"");}varstr="Hi,MyNameisWater!";trim(str); ... 继续阅读 >
2014
11-11

jQuery中ajax post的使用

jQuery.post(url, [data], [callback], [type])概述通过远程HTTPPOST请求载入信息。这是一个简单的POST请求功能以取代复杂$.ajax。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用$.ajax。参数url,[data],[callback],[type]String,Map,Function,StringV1.0url:发送请求地址。data:待发送Key/value参数。callback:发送成功时回调函数。type:返回内容格式，xml,html,script,json,text,... 继续阅读 >
2014
11-11

js中字符串常用判断方法大全

functionobj$(id)根据id得到对象functionval$(id)根据id得到对象的值functiontrim(str)删除左边和右边空格functionltrim(str)删除左边空格functionrtrim(str)删除右边空格functionisEmpty(str)字串是否有值functionequals(str1,str2)js判断比较两字符串是否相等functionequalsIgnoreCase(str1,str2)js判断忽略大小写比较两个字符串是否相等functionisChinese(str)js判断判断是否中文functionisEmail(strEmai... 继续阅读 >
2014
11-11

js将输入的中文逗号自动转化为英文逗号

在处理表单输入标签tags的时候经常会遇到几个标签之间的分隔符问题，一般都会使用英文逗号，但是处理中文输入的时候切换中英文输入很麻烦，所以需要在客户端输入的时候通过js将中文逗号切换成英文逗号，这样既方便后台处理也方便前台的友好输入，主要原理就是js捕捉输入中文逗号输入事件，然后对字符串进行处理，如果输入的是中文逗号则将其转化为英文逗号。废话不多说，直接贴出代码如下：<inputtype="text"name="tags"onKey... 继续阅读 >
2014
11-11

js仿淘宝在分页导航中实现跳转到指定分页功能

淘宝网搜索结果页分页导航右侧跳转到指定分页的效果是这样的：在输入框没有获取焦点之前，界面是这样的：在输入框获取焦点之后，界面呈现是这样的：其实只要用js就可以实现这样的效果，代码如下：$("#gotoBtn").hide();$("#pageNumber").on("focus",function(){$("#gotoBtn").show();$("#gotoBtn").attr({'style':'margin-left:0px;'});});$("#gotoBtn").on("click",function(){varnumber=parseInt($("#pageN... 继续阅读 >
2014
11-11

可以尝试用Google Font API来摆脱网页字体的单调

在网页设计里，字体的显示是个问题。最普遍用的是宋体，但是宋体在Win7下的表现真的很难看。雅黑端庄一些，但是随着字体大小，感觉汉字的大小也会有区别。小站现在用的字体是是宋体+Arial/Georgia，因为习惯了也没多在意，其实对于英文字体有其它更好的选择。比如Bitter字体，用来做标题倒是不错：<divstyle="text-align:center;font-size:24px;font-family:Bitter;">WelcomeToNowaMagic.net</div>CSS怎么调用Bi... 继续阅读 >
2014
11-11

利用响应式技术构建大规模社区网站

移动化是未来大趋势，做任何互联网项目都必须将移动战略放在一个很重要的位置上，对于回声来说也不例外。尽管回声现阶段仍然以文字为内容主要载体，也必须充分考虑到移动端的使用场景和体验。一般来说，社区网站的移动化策略有三种：1)开发并提供原生的app；2)制作专门的移动版网站，也就是Webapp；3)采用响应式技术，用一套代码、一个网站来适配不同的终端。我们权衡再三，最后选择了采用响应式设计技术。响应式设计是最近... 继续阅读 >
2014
11-11

JavaScript中变量的存储方式

基本原理前面文章提到过，在js中变量包括5中基本类型以及一个复杂数据类型Object，当然常用的函数和数组都是对象。对于基本类型和复杂类型，对应着两种不同的存储方式–栈存储和堆存储。为什么要实现两种存储方式的理由很简单，就是基本类型一旦初始化则内存大小固定，访问变量就是访问变量的内存上实际的数据，称之为按值访问。而对象类型说不定什么时候就会增加自身的大小，内存大小不固定。比如动态添加对象的属性、动态增加数... 继续阅读 >