分类目录归档：全部列表

2014
11-11

创建您自己的浏览器扩展，第二部分: 将您的触角延伸至 Firefox

每个浏览器都有其自己的支持者、批评者、优势和劣势。它们的共同点是人们将越来越多的时间花费于其中。本系列文章将介绍如何为Chrome、Firefox和Safari构建相同的基础扩展。您将了解到扩展每个浏览器是什么样子，执行这些常见任务是困难还是简单，以及如何发布您的扩展。在本文中，您将构建一个Firefox扩展。Gawkblocker扩展回忆一下，Gawkblocker支持您（以及其他用户）屏蔽某些您不喜欢访问的域，比如耗时的博客。Gawk... 继续阅读 >
2014
11-11

jquery ajax回调函数中调用$(this)的问题

今天在用jquery的ajax的回调函数时出现了问题，就是在回调函数中不能使用$(this)。这个问题一直弄了很久，怎么也解决不了，后来是在调用函数前先把$(this)存入变量，然后再在回调函数中使用就没问题了，在这作一下笔记。$(document).ready(function(){$(“.del”).click(function(){obj=$(this).parent();//回调函数前先写入变量;delid=$(this).attr(‘delid’);$.get(‘drag.php’,{‘op’:‘de... 继续阅读 >
2014
11-11

Web 开发者必备的 14 个 JavaScript 音频库

网页设计可能是现在最有趣的领域之一了。这块的东西对所有的人，不管是知识储备里有料没料的，都敞开大门，机会多多。 其最大的特点就是随着时间的推移，实践的深入，你可以慢慢学习着成为一个大鸟。 涉足这个领域，Google将会是你最好的导师，同时她也将毫无偏颇的对你的水平进行评价。设计并不全是铁定的要为应用程序的创建或者编程语言的一些逻辑应用进行大量的编码工作。她更像是创造力同逻辑代码的结合，从而可以使您开发出... 继续阅读 >
2014
11-11

如何用PhotoShop制作网站的favicon.ico

所谓favicon，即FavoritesIcon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和InternetExplorer(5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不... 继续阅读 >
2014
11-11

关于浮动（float）的最优清除方案推荐

对于日新月异的WEB开发技术和浏览器更新频率来说，清除浮动已然是一个被人嚼碎了的话题。说是这些年过去了，有关float的地方，还依然少不了清除浮动的标签和css代码。W3C整天研究html5，就不能抽出点时间来把这种烦人的小细节修正一下吗？抱怨归抱怨，饭还得吃，钱还得挣，清除浮动就不能停止。为了清除浮动增加无语义代码已经是最稳定和简单的方式，但总叫开发者心里感到不舒服，毕竟这么多年来早已习惯了结构和样式的分离，非要... 继续阅读 >
2014
11-11

一个不错的JavaScript解析浏览器路径方法

JavaScript中有时需要用到当前的请求路径等涉及到url的情况,正常情况下我们可以使用location对象来获取我们需要的信息,本文从另外一个途径来解决这个问题,而且更加巧妙方法如下：functionparseURL(url){vara=document.createElement('a');//创建一个链接a.href=url;return{source:url,protocol:a.protocol.replace(':',''),host:a.hostname,port:a.port,qu... 继续阅读 >
2014
11-11

JSON资料搜集整理大全

1.什么是JSONJSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。它基于JavaScript的一个子集。JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C,C++,C#,Java,JavaScript,Perl,Python等）。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。2.JSON语法规则JSON 语法是JavaScript 对象表示法语法的子集。l 数据在名称/值对中l 数据... 继续阅读 >
2014
11-11

配置SyntaxHighlighter的Autoloader（自动加载）

因为使用SyntaxHighlighter的时候会使用到多种语言，一次必载入全部的语言配置文件下载的东西会比较多，所以SyntaxHighlighter提供了一个shAutoloader.js脚本。官方给出的例子如下:functionpath(){varargs=arguments,result=[];for(vari=0;i<args.length;i++)result.push(args[i].replace('@','/pub/sh/current/scripts/'));returnresult};SyntaxHighlighter.autoloader.apply(null,pat... 继续阅读 >
2014
11-11

关于CSS浮动(float,clear)的通俗讲解

写在前面的话：由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。小菜水平有限，本文仅仅是入门教程，不当之处请谅解！本文以div元素布局为例。教程开始：首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在di... 继续阅读 >
2014
11-11

flappy bird游戏源代码揭秘和下载 —— 可运行于android、ios和html5多平台

背景：最近火爆全球的游戏flappybird让笔者叹为观止，于是花了一天的时间山寨了一个一模一样的游戏，现在把游戏的思路和源码分享出来，代码是基于javascript语言，cocos2d-x游戏引擎，cocos2d-xeditor手游开发工具完成的，请读者轻砸；ps：运行demo必须配置好cocos2d-xeditor，暂不支持其他工具。还有demo是跨平台的，可移植运行android，ios，html5移动系统等；AndroidApk下载：（演示效果）暂时只移植打包到android系统... 继续阅读 >
2014
11-11

如何在电脑上测试手机网站（一）—— Chrome 篇

chrome模拟手机总共有四种方法，原理都一样，通过伪装User-Agent，将浏览器模拟成Android设备。以下标星的为推荐方法。1.新建Chrome快捷方式右击桌面上的Chrome浏览器图标，在弹出的右键菜单中选择“复制”，复制一个图标副本到桌面。右击该副本，选择“属性”，打开相应的对话框，在“目标”文本框的字符后面添加以下语句：“–user-agent=”Android””，如下图：意user前面是两个“-”，并且“chrome.exe”与“–user”之间... 继续阅读 >
2014
11-11

如何在电脑上测试手机网站（二）—— Firefox 篇

1.修改user-agent和chrome一样安装插件修改user-agent的方法（参考上一篇文章：如何在电脑上测试手机网站（一）——Chrome篇）1）下载firefox。点击菜单，工具-〉附加组件-〉获取附加组件。2）查询安装三个组件：wmlbrowser、XHTMLMobileProfile以及UserAgentSwitcherwmlbrowser、XHTMLMobileProfile是用来兼容解析WAP网页格式的组件。UserAgentSwitcher是模拟UserAgent(UA)的组件，就是让浏览器假装成手机UA头... 继续阅读 >
2014
11-11

如何在电脑上测试手机网站（三）—— Opera 篇

1.修改user-agent和chrome和firefox类似，可自行安装插件，自opera12之后，opera改用webkit内核，故可安装chrome的插件，也可自行在opera的商店中搜索插件UserAgentChanger下载： https://addons.opera.com/zh-cn/extensions/details/user-agent-changer/?display=en2.OperaMobileEmulator+dragonfly*下载适合自己的版本，安装完毕会开如下界面：左侧选择平台，右侧选择参数，选择完毕点击启动，如下的几面，用过手机... 继续阅读 >
2014
11-11

Opera 16——功能优秀性能出众的小众网页浏览器

Chrome 最近春风得意，搞得Firefox和Opera显得黯淡了很多。虽然Opera并不大众，但它也并没有就此气馁，而是一直保持在创新与努力。网络在进化，你的浏览器也需要进化，你准备好了吗？Opera 是一款高性能且完全免费的浏览器，除了支持Windows之外，还支持 Linux 以及苹果 Mac 操作系统以及 Android、iOS 版本。它拥有众多创新特性，速度快、安全性高，提供了便捷的鼠标手势与快捷键，整合搜索引擎、多标签页、网页拨号... 继续阅读 >
2014
11-11

20款发展最快的开发者工具

VC和天使投资者对于投资开发者工具均趋之若鹜。据估计2012年对该领域的投资达到了6.46亿美元，使之成为最热门的创业领域之一。当然，众多开发者工具里面也是良莠不齐，给开发者及投资者的选择带来了难题。为此，Mattermark分别从前端工具和后端工具中各挑选了10款发展势头最猛的工具，供各位参考。Mattermark的挑选依据来自多种来源，包括新闻文章、AngelList、应用商店排名、Alexa.com排名等。以下就是Mattermark... 继续阅读 >
2014
11-11

Evernote 5 Windows桌面版正式发布

云笔记应用Evernote本周将会正式发布全新的Windows桌面版5.0.新版应用带有改进的可快捷访问的快捷方式面板，提供提醒功能及并支持相关笔记显示。Evernote5forWindows采用全新的扁平化设计，其UI与Mac版已经非常接近。新版界面重新强调了对用户笔记的关注。新版Evernote在左上角设置了快捷方式区。该区可视为是用户经常需要访问的东西的快速访问点。笔记、笔记本、标签、保存过的搜索等均可拖放至该区。用户可以把... 继续阅读 >
2014
11-11

Smart QQ——腾讯新一代网页版 WebQQ，更简洁纯粹的实用在线聊天工具！

对于经常在外面跑使用不同电脑的朋友来说，不必下载和安装的网页版QQ是最合适也是最实用的通讯方案，因为无论在哪儿，只要有一个能上网的浏览器即可与QQ好友联系。经过了一段时间的沉寂，原本的网页版 WebQQ 终于推出了新版本并改名为 SmartQQ！腾讯这次很果断地将之前WebQQ各种繁杂的附加功能通通删掉，只留下最重要的聊天功能，相比之前要简洁实用许多！而这次不仅换上了类似手机版 QQ 的界面，聊天方式也改成跟iPad平... 继续阅读 >
2014
11-11

印象笔记发布剪藏6.0 Chrome版，融合了圈点等多款产品的功能

印象笔记今天发布了剪藏6.0Chrome版，将圈点等多款印象笔记旗下的产品功能整合到一起，为用户提供网页浏览全新丰富体验。剪藏6.0Chrome版采用了全新的设计和界面。轻点工具栏里的大象图标，剪藏功能就会从右侧滑出。几款亮点功能简介如下：保存网页内容时，可以选择网页正文、去广告、整个网页、屏幕截图或者选中部分几种模式，还可以自动保存并创建一条包括网页内容摘要和网址的笔记，可以当做浏览器书签使用。剪藏6.0... 继续阅读 >
2014
11-11

助你开始使用 git 的简易指南

1.安装：下载gitOSX版下载gitWindows版下载gitLinux版2.创建新仓库创建新文件夹，打开，然后执行gitinit以创建新的git仓库。3.检出仓库执行如下命令以创建一个本地仓库的克隆版本：gitclone/path/to/repository如果是远端服务器上的仓库，你的命令会是这个样子：gitcloneusername@host:/path/to/repository4.工作流你的本地仓库由git维护的三棵“树”组成。第一个是你的 工作目录，它持有实际文... 继续阅读 >
2014
11-11

使用Vim配置一个高效的PHP开发环境

一、首先确认电脑或服务器上已经安装VIM，如果不行没有的话可以去VIM官网（http://www.vim.org/download.php）载相应的版本进行安装。安装过程不再叙述。二、开始配置vim配置之前有几点先说明一下：  I.为了方便叙述下文中如无特殊说明$VIM均为VIM的安装目录。  II.下文中的配置安装均在Linux（redhat）下完成，如有不同请自行调节或者给我留言，我会尽力解答。  III. 双引号"为配置文件注释符号  IV.当... 继续阅读 >
2014
11-11

无所不能的vim——vim到底能做什么

其实很早就想写这篇文章了，虽然晚上介绍vim的文章很多，本博也已经就vim的使用写了70多篇博文，但是由于历史的原因，还有很多人对vim能做什么存在误解，包括:vim对中文支持不好vim适合临时编辑文本，对IDE的支持不好vim的内嵌脚本语言不够强大，不像emacs的lisp那样无所不能我不知道提出这些论断的人是因为不了不了解vim的现状，还是是对vim心存偏见。本博在写vim相关文章的时候，一直坚持只谈技术的原则，不会涉及到与其他... 继续阅读 >
2014
11-11

大数据基础技术——爬虫的工具选择

大数据是神马？怎么样才算拥有一只善良又可爱的大数据？一种传统的方法是爬取相关的网页，所以咱们今天讲讲爬虫的一些简单知识和可以选择的工具。爬虫的原理就不必多说了，可以自行Google首先，应该认真考虑你需要什么样的大数据，也就是你的需求是什么。爬取普通网页、博客、新闻、社交网络还是图片？貌似咋一看都是爬虫去爬好了，其实不然，细节上的需求可能导致你需要的工具属性不一样。其次，讲讲笔者用过的一些爬虫工具... 继续阅读 >