Month: December 2015

Proxy、SSH 和 VPN 的区别

虽然翻墙工具有成百上千个,但是如果把它们分类,绝大部分都是 Proxy、SSH 和 VPN 这三类。 那么,Proxy、SSH 和 VPN 之间有什么区别呢?谁的安全性最高呢? 如果把传输的信息看作一个包裹,那么我们就可以用三个简单的比喻来做比较。 1、Proxy Proxy (代理),可以看作是一个快递员,负责将你的包裹送达收件人。 2、SSH SSH (Secure Shell, 安全外壳协议)是一种加密渠道,本身并不能翻墙,需要结合代理服务器才能够翻墙。所以,我们通常所说的用来翻墙的 SSH,都是指 SSH 代理。 也就是说,SSH 代理 = 代理 + SSH,可以看作是加密了的代理,就好比把包裹装在保险箱里面再交给快递员。 3、VPN 图片… Read More

Javascript 创建书签小工具 (bilibili视频下载为例)

书签小工具(Bookmarklets)是一个非常棒的javascript代码小片断伪装成的小应用,它驻留在你的浏览器里并为网页提供额外的功能。这里我们将研究如何从头开始创建一个书签小工具及一些最佳实践的建议。 我们一直在寻找增加浏览体验的方法,有的方法众所周知,有的则鲜为人知。我原本认为书签小工具属于后者,非常令人讨厌的东西。令我非常懊恼的是我发现在这 个问题上我完全是错误的。它并不是令人厌烦的,而是以用户为中心的,能实现很多出色的功能,而且就像人们所预期的一样,它成为了我与浏览者以及网络交互的 核心部分。 这里我想向你介绍开发书签小工具以实现一些精妙的书签的全过程。是的,书签,我们将创建不只一个书签… Read More

prototype.js教程及prototype中文手册

在线API文档:   http://www.prototypejs.org/api 1.4网页版: http://thinhunan.cnblogs.com/archive/2006/04/01/DeveloperNotesForPrototype.html 收集了网上的prototype.js教程及prototype中文手册,方便大家使用 prototype.js 1.4中文教程doc格式 下载:prototype1.4 prototype.js 1.4中文教程以及prototype 1.5英文教程以及prototype.js 1.5.1.1源文件 下载:prototype   我收集的一些prototype… Read More

Magento搬家、换域名、重新安装教程

范例:从http://www.youdomain.com 迁移到http://www.newsite.com。 将原来网站文件中的var文件中的cache和session文件删除,将media中的缓存文件删除。然后将所有文件制作成一个压缩包,以减少文件体积,方便转移。 将压缩包转移到新的服务器域名指向的文件夹,解压。 一、首先要通过phpMyAdmin备份整个magento的数据库。备份数据并且存为.SQL. 二、接着打开你的备份文件(.SQL),查找并且替换所有的 “www.youdomain.com” 到“www.newsite.com”. 必须在导入数据之前完成,不然新的MAGENTO将会全部瘫痪。 三、… Read More

Magento 1.8+/1.9+ 无法更新购物车产品数量 Quantity in checkout shopping cart doesn’t work properly

In your theme directory In your /app/design/frontend/yourthemepackage/default/template/checkout/cart.phtml file OR /app/design/frontend/default/yourtheme/template/checkout/cart.phtml file <form action="<?php echo $this->getUrl('checkout/cart/updatePost') ?>" method="post"> <?php echo $this->getBlo… Read More

详解CSS display:inline-block的应用

本文详细描述了display:inline-block的基础知识,产生的问题和解决方法以及其常见的应用场景,加深了对inline-block应用的进一步理解。 基础知识 display:inline-block是什么呢?相信大家对这个属性并不陌生,根据名字inline-block我们就可以大概猜出它是结合了 inline和block两者的特性于一身,简单的说:设置了inline-block属性的元素既拥有了block元素可以设置width和 height的特性,又保持了inline元素不换行的特性。 举例说明:以前我们做横向菜单列表的时候,我们可以通过li和float:left两者来实现,现在可以通过l… Read More

教你一分钟学会提交店铺公司地址到各大网络地图

现在说互联网能为我们商家带来巨大的便利,我想没人去反对,而且各路商家积极探索自己的互联网道路的趋势就足 以可以证明。而在想要在互联网上有点儿作为,找存在感是不可或缺的一个大工程。于是大家总是绞尽脑汁去思考,做网站、做推广、做宣传,甚至亏本买热闹。而 地图这个玩意在当下随着O2O概念的流行有让大家关注。 记得多年前,我们查地图还是用着Google,而现在各路豪杰争相做地图。如百度地图、高德地图、腾讯地图、好搜地图等等,可想而知对于那些互联网 巨头而言,地图肯定是一个获取流量的入口。而对于我们需要宣传和推广的商户而言,同样是获取关注的一种渠道。我认为这样形形色色的地图能带给我们商家的好 处主要有如下几点: 1… Read More

减少HTTP请求之合并图片详解(大型网站优化技术)

一、相关知识讲解 看过雅虎的前端优化35条建议,都知道优化前端是有多么重要。页面的加载速度直接影响到用户的体验。80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。 减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时加快响应时间呢?嗯,确实有鱼和熊掌兼得的办法。 这里我们就拿雅虎的第一条建议:尽量减少HTTP请求数里的减少图片请求数量 进行讲解。 我们都知道,一个网站的一个页面可能有很多小图标,例如一些按钮、箭头等等。当加载html文档时,只… Read More

减少HTTP请求(大型网站优化技术)

在网站开发过程中,对于页面的加载效率一般都想尽办法求快。那么,怎么让才能更快呢?减少页面请求 是一个优化页面加载速度很好的方法。上一篇博文 我们讲解了 “利用将小图标合成一张背景图来减少HTTP请求”,那么,这一篇博文将讲解  “ 将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片”。 一、为何选择将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片的方法减少HTTP请求数? 为什么我会讲解 “将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片” 这一种方式来减少HTTP请求,进而优化页面呢?这里呢,是涉及到移动端的图标使用。上一篇博文所讲的方法能否… Read More

DOM Element节点类型详解

上文中我们讲解了 DOM 中最重要的节点类型之一的 Document 节点类型,本文我们继续深入,谈谈另一个重要的节点类型 Element 。 1、概况 Element 类型用于表现 HTML 或 XML 元素,提供了对元素标签名、子节点及特性的访问。 Element 节点具有以下特征: nodeType 的值为 1 nodeName 的值为元素的标签名 nodeValue 的值为null parentNode 可能是 Document 或者 Element 其子节点可能是 Element、Text、Comment、ProcessingInstruction、CDATASection 或者 EntityReference 要访问… Read More

DOM中Property与Attribute的区别

property和attribute的汉语翻译几乎相同,都有“属性”的意义(这里姑且称attribute为“特性”,以方便区分),而他们的取值也经常相同,但有时又会踩坑,发现二者会不相等,不同步。 0.奇葩的IE 本文开始之前不得不提一下万恶之源IE,在IE<9中,浏览器会把所有的property和attribute强制映射,即property = attribute. (class特殊:className = class)。正因为IE<9中的这种映射误导了很多人以为二者完全相同。 1. Property 每个DOM节点都是一个object对象,它可以像其他的js Object一样具有自己的proper… Read More

高性能JavaScript DOM编程

我们知道,DOM是用于操作XML和HTML文档的应用程序接口,用脚本进行DOM操作的代价很昂贵。有个贴切的比喻,把DOM和 JavaScript(这里指ECMScript)各自想象为一个岛屿,它们之间用收费桥梁连接,ECMAScript每次访问DOM,都要途径这座桥, 并交纳“过桥费”,访问DOM的次数越多,费用也就越高。因此,推荐的做法是尽量减少过桥的次数,努力待在ECMAScript岛上。我们不可能不用 DOM的接口,那么,怎样才能提高程序的效率? 1、DOM访问与修改 访问DOM元素是有代价的(“过桥费”你懂的),修改元素代价更是昂贵,因为它会导致浏览器重新计算页面的几何变化(重排和重绘)。 当然最… Read More

Javascript操作DOM常用API总结

文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识。 基本概念 在讲解操作DOM的api之前,首先我们来复习一下一些基本概念,这些概念是掌握api的关键,必须理解它们。 Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现的。在IE9以下版本无法访问到这个类型,JS中所有节点都继承自Node类型,都共享着相同的基本属性和方法。 Node有一个属性nodeType表示Node的类型,它是一个整数,其数值分别表示相应的Node类… Read More