Day: April 29, 2015

如何做到 jQuery-free?

jQuery是现在最流行的JavaScript工具库。   据统计,目前全世界57.3%的网站使用它。也就是说,10个网站里面,有6个使用jQuery。如果只考察使用工具库的网站,这个比例就会上升到惊人的91.7%。   虽然jQuery如此受欢迎,但是它臃肿的体积也让人头痛不已。jQuery 2.0的原始大小为235KB,优化后为81KB;如果是支持IE6、7、8的jQuery 1.8.3,原始大小为261KB,优化后为91KB。   这样的体积,即使是宽带环境,完全加载也需要1秒或更长,更不要说移动设备了。这意味着,如果你使用了jQuery,用户至少延迟1秒,才能看到网 页效果。考虑到本质上,jQuery只是一个操作DOM的工具,我们不仅要问:如果只是为了几个网页特效,是否有必要动用这么大的库?   2006年,jQuery诞生的时候,主要用于消除不同浏览器的差异(主要是IE6),为开发者提供一个简洁的统一接口。相比当时,如今的情况已经发生了很大的变化。IE的市场份额不断下降,以ECMAScript为基础的JavaScript标准语法,正得到越来越广泛的支持。开发者直接使用JavScript标准语法,就能同时在各大浏览器运行,不再需要通过jQuery获取兼容性。   下面就探讨如何用JavaScript标准语法,取代jQuery的一些主要功能,做到jQuery-free。   一、选取DOM元素   jQuery的核心是通过各种选择器,选中DOM元素,可以用querySelectorAll方法模拟这个功能。… Read More

《实用技巧》——让你的网站变成响应式的3个简单步骤

如今,一个网站只在桌面屏幕上好看是远远不够的,同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸,自动响 应客户端尺寸变化。在这篇文章中,我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式(Responsive)。 1 – 布局 当创建一个响应式网站,或让现有的网站变成响应式的,首先要关注的元素的布局。我在建立响应式的网站,总是先创建一个非响应的布局,页面宽度固定大小。如果非响应版本完成得非常不错,我再添加媒体查询(Media Queries)和响应式代码。这种操作方式更容易实现响应式特性,在同一时间专注于一个任务。 当你已经完成了无响应的网站,做的第一件事是在你的 HTML 页面,粘贴下面的代码到<head>和</head>标签之间。这将设置屏幕按1:1的尺寸显示,在 iPhone 和其他智能手机的浏览器提供网站全视图浏览,并禁止用户缩放页面。 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">… Read More

IRC 聊天工具(xchat,chatzilla,pidgin)入门教程

IRC,是常用于linux系统下,使用非常广泛的,古董级别的一种聊天工具,它支持普通的 文本聊天,还有文件传输功能。既然是聊天用的,自然要有客户端软件了。这次的教程,分别讲述了3种客户端软件的使用,包括:xchat(主要介绍和推 荐), Pidgin和 Firefox浏览器的一个IRC插件”chatzilla“。   一. xchat客户端软件的安装: 安装方法非常简单了,在终端里面输入: sudo apt-get install xchat 回车就行了。 安装后,我们退出终端,从“应用程序”—“Internet”,里面可以找到 xchat,点击运行吧   二.… Read More

什么是MARC数据?

MARC简介 机读目录是机器可读目录的简称,英文为Machine-Readable Catalogue,简写为MARC。是计算机编目的产品。它是以代码形式和特定格式结构记录在计算机存贮载体上,能够被计算机识别并编辑输出书目信息的目录形式。 机读目录最早产生于美国。1961年,美国国会图书馆开 始图书馆自动化的设想,随着计算机技术的进步,1963年,美国国会图书馆组织了在内部工作中采用电子计算机技术的可行性调查,1966年1月,产生了 《标准机器能读目录款式的建议》,即MARC-1格式,1967年提出MARC-2,它是目前使用的各种机读目录格式的母本。1969年开始向全国发行 MARCII格式书目磁带,并将MARCII格式称为US- MARC,即美国机器可读目录。作为一种计算机技术发展早期形成的数据格式,这一格式在定义时比较充分地照顾到图书馆书目数据在文献形式描述、内容描述、 检索等方面的需要,表现为:字段数量多;著录详尽;可检索字段多;定长与不定长字段结合,灵活实用;保留主要款目及传统编目的特点;扩充修改功能强;并能 在实践中不断发展完善。美国机读目录适合美国国情,英法等国家根据各自情况创建了自己的机读目录,为了进一步协调、促进国际交流,统一各国机读目录格式, 国际图书馆联合会在USMARC基础上制订了“国际机读目录通信格式”,即UNIMARC,现在许多国家都采用UNIMARC进行文献编目。   CNMARC简介   CNMARC是中国机读目录(China Machine-Readable Catalogue)的缩写,是用于中国国家书目机构同其它国家书目机构以及中国国内图书馆与情报部门之间,以标准的计算机可读形式交换书目信息。中国机 读目录研制于20世纪70年代。1979年成立了全国信息与文献标准化技术委员会,成立北京地区机读目录研制小组;1982年,中国标准总局公布了参照… Read More

Twitter开放平台api key申请流程 (Twitter Consumer Key)

一、登录Twitter开放平台 https://developer.twitter.com/ 你可以申请一个developer账户,如果你已经创建过 App,那么直接登录  https://apps.twitter.com/ 然后 Apply for a developer account.   二、申请 developer account 现在需要申请一个 developer 帐号需要手机验证了,输入验证码即可继续:… Read More

从零开始构建HTML 5 Web页面

HTML 5是时下Web开发领域炒得火热的一个术语,是的,很多人都看好它,也有很多业内知名公司开始正式使用HTML 5重新构建自己的网站,如YouTube开始使用HTML 5视频,Google 已经弃用自家的Gears,开始全面拥抱HTML 5实现离线解决方案,各大浏览器厂家也纷纷开始支持HTML 5,连被人诟病的微软也声称要在IE 9中增加对HTML 5的支持。本文打算为大家详细介绍一下如何构建一个完整的HTML 5 Web页面,以加深对HTML 5的理解。 HTML 5有何不同? 首先我们要明白HTML 5是新的语义结构标记,包括画布,离线存储规范和一些新的内联语义标记,但由于客观原因(主要是浏览器支持的原因),我们不得不限制标记的讨论范围,如画布,离线存储,原生视频或地理定位API等,还不是所有的浏览器都支持。 由于新的HTML 5标记大都是结构性的,它们的行为与块元素有些类似,为了帮助大家加深对HTML… Read More

Google Shopping Feed 数据整理之XML格式实现方法

伴随着越来越多的外贸B2C电商企业开始投放Google PLA广告,Google Shopping Feed 的数据创建一直困扰着一些外贸电商企业;创建数据 Feed 时,一定要选择最适合商家需要的格式。Google 支持两种常规格式的数据 Feed:文本 (.txt) 和 XML (.xml)。   对于大多数外贸商家,建议你使用 .txt 格式,因为这种格式对技术知识的要求最低。您可以使用电子表格编辑器(例如 Microsoft… Read More

Google Webmaster Tools 结构化数据标记使用入门指南

要想使自己的产品在Google搜索结果有一个好的排名,我们不仅可以在提高Google搜索排名上下功夫,也可以改善我们的产品在Google搜索结果页的结构化数据样式,这样就能够以更准确、更具吸引力的方式将它们呈现给 Google用户,提高我们产品的点击率(CTR)。然后搜索结果点击率又和搜索排名是相互相成的,CTR越高,排名就可能越好。例如,当Google发现你的网页内容为结构化的产品详情、活动、食谱、评价或类似内容时,Google的算法便可以通过“丰富网页摘要”来完善您的搜索结果。     2012年12月,Google Webmaster Tools推出两项功能,它们可让你以更简单的方式使用结构化数据功能。 Google数据标注工具   Google对数据标注工具进行了扩展,现在可支持八种新的结构化数据类型(八种类型:产品、本地商家、文章、软件应用、电影、餐馆和电视剧集)。可协助Google解读你网站上各种活动的相关结构化数据的格式,不用修改网站的 HTML。   访问Google Webmaster Tools,选择你的网站,点击左侧边栏中的“Search Appearance”链接,然后点击“Data Highlighter”,最后再点击右上角的“START HIGHLIGHTING”。出现以下图:… Read More

Google Adwords 关键字策略 – SEO数据搭配

做 Google Adwords 搜索广告的时候,关键字策略关系到我们的ROI高低,我们怎样优化我们的 Adwords 关键字列表,今天我这篇文章主要介绍借助SEO电子商务数据优化 Google Adwords 搜索广告,提高关键字广告ROI;该主要使用多渠道路径数据来加强付费关键字广告系列,两种方法:确定账户缺少的价值关键字并制作或者添加到相关广告组, 另外确定投资不足的关键字,提高出价。   实施前提条件: 1.Google Analytics 和 Google Adwords 管理员级别的账号关联;… Read More

MySQL数据库的FIND_IN_SET函数使用方法详解 (字符串是否被包含)

MySQL 的 find_in_set函数使用方法: 很多时候我们在设计数据库时有这种情况,比如: 有个文章表里面有个type字段,他存储的是文章类型,有 1头条,2推荐,3热点,4图文 …..11,12,13等等 现在有篇文章他既是 头条,又是热点,还是图文, type中以 1,3,4的格式存储. 那们我们如何用sql查找所有type中有4图文标准的文章呢, 这就要我们的find_in_set出马的时候到了. 先看mysql手册中find_in_set函数的语法: FIND_IN_SET(str,strlist) 假如字符串str 在由N 子链组成的字符串列表strlist… Read More

使用SSH更新WordPress

WordPress的更新十分方便,但是你有没有试图使用SSH更新过你的WordPress呢?这篇文章对那些喜欢使用SSH以及对服务器指令的站长有点儿用处,喜欢的朋友可以试一试。   提示: 1一定要首先备份好你的网站,我想在进行任何根目录操作前都应该养成备份的好习惯 2如果你使用WP-Cache插件,一定要停用它,最好停用全部插件,否则可能最后你会得到一个大大的500错误页面! 首先通过SSH连接到你的服务器上,我使用的是Putty。如果你是共享主机的话要首先确认主机商是否支持SSH。连接到WordPress安装的根目录,一般该目录都会有wp-config.php这个文件。然后一步步的按照下面的指令开始。   从官网下载最新版本的WP wget http://wordpress.org/latest.tar.gz 然后解压 tar xfz latest.tar.gz 删除wp-includes 和 wp-admin 这两个文件夹… Read More