0

三百六十行大全

Posted by Alan on November 22, 2014 in 个人随笔 |

常听人说三百六十行,行行出状元,那究竟这三百六行指的是什么呢?以下来自民国早期资料,按分类列举如下:

一、农林牧渔行业

1.耕地、2.车水、3.割稻、4.种玉米、5.种甘薯、6.种洋葱、7.花农、8.卖花、9.卖君子兰、10.卖南天竹、11.卖盆栽、12.蚕农、13.采桑叶、14.放蜂、15.抓蛤蟆、16.养猪、17.羊倌、18.牧牛、19.牧马、20.猎人、21.屠夫、22.渔人、23.鸬鹚捕鱼

[转载]三百六十行大全(您知晓吗?)
二、饮食糖果行业
24.卖包子、25.卖蟹黄汤包、26.卖烧卖、27.卖饽饽、28.卖爱窝窝、29.卖金糕、30.卖年糕、31.卖糖粥、32.卖糕饼、33.卖馍头蒸饼、34.卖缸炉烧饼、35.卖茯苓夹饼、36.早餐“四大金刚”、37.卖春卷、38.卖麻油馓子、39.馄饨挑、40.卖饺子、41.担担面、42.卖云梦鱼面、43.卖凉面、44.卖切面、45.卖过桥米线、46.卖元宵、47.卖八宝饭、48.卖及第粥、49.卖粽子、50.爆炒米花、51.米粮店、52.卖凉粉、53.卖松花粉、54.烘山芋、55.切薯干、56.卖胡萝卜、57.卖鲜藕、58.煮玉米、59.卖金针菜、60.卖山野菜、61.卖花生、62.卖火腿、63.卖东坡肉、64.卖猪头肉、65.卖夫妻肺片、66.卖涮羊肉、67.烤羊肉、68.卖狗肉、69.卖白果烧鸡、70.卖叫花鸡、71.卖茶叶蛋、72.卖烤鸭、73.卖鹌鹑、74.卖清水大闸蟹、75.豆腐挑、76.炸豆腐、77.炸臭干、78.卖乳腐、79.卖榨菜、80.盐商、81.卖醋、82.换馍做酱、83.卖小磨香油、84.葱姜摊、85.卖西瓜、86.卖啥密瓜、87.卖葡萄
88.卖白果、89.卖橄榄、90.卖糖炒栗子、91.卖冰糖葫芦、92.卖甘蔗、93.卖梨膏糖、94.卖水、95.老虎灶、96.卖豆浆、97.卖马奶、98.卖冷饮、99.卖雪花酪、100.茶馆业、101.卖酒业、102.卖甜酒酿、103.卖西凤酒、104.卖茅台酒、105.卖烟袋嘴、106.卖香烟、107.鼻烟铺

[转载]三百六十行大全(您知晓吗?)
三、纺织服饰行业
108.轧棉花、109.纺纱、110.蓝印花布、111.蜡染、112.染工、113.漂工、114.缂丝工、115.织锦、116.蜀锦业、117.绸缎庄、118.刺绣、119.卖绒线、120.地毯织、121.裁缝、卖布、122.张小泉剪刀、123.制造熨斗、124.卖缝针、125.卖纽扣、126.制作中山装、127.制作旗袍、128.卖估衣、129.缝穷婆、130.鞋铺、131.卖三寸金莲、132.卖包脚布、133.修鞋匠、134.修阳伞、补套鞋、135.打草鞋、136.缝袜子、137.卖虎头鞋、帽、138.卖毡帽、139.卖缠腰

[转载]三百六十行大全(您知晓吗?)
四、手工业行业
140.木匠、141.车匠、142.雕花匠、143.瓦匠、144.石匠、145.造园业、146.打井、147.卖门铃、148.煤矿工、149.烧炭工、150.炭铺、151.卖灯草、152.烛坊、153.香烛摊、154.卖筷子、155.制作屏风、156.修棕绷、157.弹棉花、158.卖枕头、159.卖胭脂、160.淘金、161.金箔工匠、162.卖戒指、163.制作长命锁、164.修钟表、165.铁匠、166.削刀磨剪刀、167.铜匠、168.秤匠、169.制伞匠、170.卖伞、171.卖竹竿、172.篾匠、173.绳匠

[转载]三百六十行大全(您知晓吗?)
五、交通运输行业
174.抬轿子、175.拉黄包车、176.赶脚、177.邮差、178.制作信牌、179.更夫、180.窝脖儿、181.制造车、182.修马路、183.摆渡、184.放筏、185.纤夫、186.码头挑夫、187.造船匠
188.制作灯塔

[转载]三百六十行大全(您知晓吗?)
六、医药卫生行业
189.游医、190.拔火罐、191.拔牙、192.绞脸、193.接生婆、194.中药堂、195.草药摊、196.卖三七、197.卖蒲艾、198.卖枸杞子、199.卖杭白菊、200.卖蒲公英、201.卖百合、202.销售云南白药、203.卖狗皮膏药、204.卖蛇酒、205.卖凉烟、206.卖耗子药、207.卖香包、208.卖眼镜、209.理发、210.卖假发套、211.卖木梳、212.卖耳勺、213.“穿”牙刷、214.卖手杖、215.卖蒲扇、216.卖羽扇、217.制团扇、218.卖折扇、219.卖冰、220.卖鸡毛掸子、221.卖夜壶、222.粪夫、223.澡堂、224.修脚

[转载]三百六十行大全(您知晓吗?)
七、文化教育行业
225.私塾师、226.绍兴师爷、227.办学校、228.书贩、229.卖报、230.卖碑帖、231.卖贺年卡、232.照相馆、233.卖相片、234.小书摊、235.装订制书、236.雕版、237.造纸匠、238.制毛笔、239.制砚、240.制墨、241.卖八宝印泥、242.卖算盘、243.代写书信、244.写春联、245.卖“福”字、246.制牌匾、247.作家

[转载]三百六十行大全(您知晓吗?)
八、休闲娱乐行业
248.卖毽子、249.套圈圈、250.转糖博彩、251.卖花炮、252.卖象棋、253.围棋手、254.摆棋局、255.卖麻将牌、256.卖响铃、257.旅游业、258.养鸟、259.斗鸡、260.斗蟋蟀、261.跑狗场、262.猴子耍把戏、263.马戏、264.顶技、265.蹬技、266.变戏法、267.卖武艺、268.掼跤、269.舞狮子、270.舞龙灯、271.打花鼓、跑马灯、272.跑旱船、273.踩高跷、274.卖乐器、275.班鼓匠、276.小堂茗、277.放话匣子、278.歌女、279.扭秧歌、280.舞蹈者、281.舞女、282.唱鼓书、283.打连厢、284.宣卷、285.说相声、286.串双簧、287.唱戏、288.京剧、289.看西洋景、290.木偶戏、291.皮影戏、292.电影

1216 010.jpg
九、工艺美术行业
293.印年画、29,1.杨柳青年画、295.卖春画、296.指画、297.漆画、298.画肖像、299.卖烟画、300.卖月份牌、301.铸铁画、302.裱画、303.内画鼻烟壶、304.卖泥人“大阿福”、305.卖不倒翁玩具、306.做面塑、307.制作戏曲脸谱、308.吹糖人、309.陶瓷工、310.卖唐三彩、311.刻瓷、312.龙眼木雕业、313.砖雕、314.石狮子雕刻、315.琢玉成器、316.象牙雕、317.制作景泰蓝、318.剪纸花样、319.卖“嚣”字、320.糊风筝、321.灯笼作、322.制作灯彩、323.卖中国结

[转载]三百六十行大全(您知晓吗?)
十、其他社会行业
324.会计、325.经纪人、326.跨国经商、327.铸钱币、328.钱庄、329.当铺、330.卖彩票、331.跑堂倌、332.鸡毛换糖、333.换取灯、334.打鼓的、335.收破烂、336.捡烂纸、337.奶妈、338.媒婆、339.乞丐、340.殡葬业、341.棺材铺、342.卖“长锭”、锡箔、343.算命先生、344.测字先生、345.仙姑、346.巫师、347.妓女、348.拉皮条、349.相公、350.小偷、351.强盗、352.卖蒙汗药、353.制作洛阳铲、354.卖烟枪、355.卖白粉、356.宦官、357.保镖、358.刽子手、359.狱警、360.巡警

[转载]三百六十行大全(您知晓吗?)

[转载]三百六十行大全(您知晓吗?)

[转载]三百六十行大全(您知晓吗?)

[转载]三百六十行大全(您知晓吗?)

[转载]三百六十行大全(您知晓吗?)

[转载]三百六十行大全(您知晓吗?)

1216 006.jpg

1216 007.jpg

[转载]三百六十行大全(您知晓吗?)

注:另外还可参见首都博物馆的老北京三百六十行系列http://bjsc2008.cn/gjbj/lbjsblsh.htm

 

Tags:

0

WordPress模板集合

Posted by Alan on November 22, 2014 in 模板专区 |

Alterna – Ultra Multi-Purpose WordPress Theme

Alterna is an retina-ready, fully responsive Multi-Purpose WordPress Theme.Alterna gives you an awesome premium theme to create your website for any type of website; business, corporate, portfolio, blog, products, magazine, shop etc…Alterna also Integrate WooCommerce, WPML, Facebook Page etc…

Alterna includes Drag & Drop Visual Composer Page Builder value 25$; 2 Premium WP Slider : Layer Slider (3D & 2D transitions Slider new features) value 15$ , Revolution Slider value $15 ; premium isotope value 25$; Amazing fancyBox lightbox value 89$ and has a lot of awesome features, check them out below!

Wordpress 主题 Alterna

预览地址:http://themeforest.net/item/alterna-ultra-multipurpose-wordpress-theme/3946450

下载地址:http://pan.baidu.com/s/1nt9h6Lr

Book Store Responsive WooCommerce Theme

Bookstore is a clean responsive WooCommerce powered WordPress store theme suitable for book stores, libraries, book shops, digital products, ebooks, software apps or can be used to create affiliate sites linking to store like Amazon and B&N. It is compatible with all modern mobile devices. Other then being an eCommerce, it also has portfolio included.

Wordpress主题 Book Store

预览地址:http://themeforest.net/item/book-store-responsive-woocommerce-theme/5243193

下载地址:http://pan.baidu.com/s/1gdEJ21P

Directory v2.0.1 + Childthemes, Plugins, Payments & Guides

Create, manage and monetize a local or global directory site using this most popular, responsive directory theme.

Wordpress主题Directory

预览地址:http://templatic.com/app-themes/directory-theme

下载地址:http://pan.baidu.com/s/1o6OEAhW

 GoodStore v1.5 – WooCommerce Responsive Theme

SEO optimized multipurpose online store responsive, flat, retina ready design with unlimited colors, skins and layouts Look Book slider & Catalog Mode WooCommerce plugin & all shortcodes included easy to manage and customizable, WPML ready improvements in layout manager – drag & drop page builder.

Wordpress主题Good Store

预览地址:http://themeforest.net/item/goodstore-woocommerce-responsive-theme/7314327

下载地址:http://pan.baidu.com/s/1qWAxwaK

Grovepixels Full Theme Pack – November 2014

Our collection features premium WordPress themes for bloggers, designers, startups, businesses and freelancers. Browse our wide selection of WordPress themes to find the right one for you.

Wordpress模板Grovepixels

预览地址:http://www.grovepixels.com/themes/

下载地址:http://pan.baidu.com/s/1qWDLlOo

Law Business WordPress Theme is an ideal solution for a private attorney website as well as for larger law office websites. It includes all the neccesary functionality to present legal services online. Custom Services post type lets you provide a gallery of services in an attractive and handy way, describing legal solutions your office offers. If there is a team of lawyers working for your office, Law Business theme provides a great way to showcase attorney personal profiles.

One of the greatest benefits of LawBusiness theme by cmsmasters is a fantastic simplicity of website management it offers. Custom visual composer provides an easy content formatting within drag-and-drop interface. A collection of great shortcodes allows you create diverse and attractive pages.

To make sure your law office gets more clients, Law Business theme has sophisticated SEO options for each of the pages and posts. You can add custom meta for each of them. Valid and optimized HTML5 and CSS3 code help to make sure your Law Offices site is well crawled and indexed by search engine to improve your search performance.

Wordpress主题Law Business

预览地址:http://themeforest.net/item/lawbusiness-attorney-lawyer-wordpress-theme/7581460

下载地址:http://pan.baidu.com/s/1hqzivuW

Office Responsive Business Theme

Office is the ultimate WordPress theme for any corporate business. Featuring a very professional design, 7 custom post types, drag and drop homepage modules, unlimited highlight color option, optional navigation icons, 3 menu regions, an optional responsive layout…Office has everything you’ll want for your business website.

Wordpress模板Office

预览地址:http://themeforest.net/item/office-responsive-business-theme/1718861

下载地址:http://pan.baidu.com/s/1eQoxe4E

Oxygen – WooCommerce WordPress Theme

Oxygen – is a WooCommerce theme, built exclusively for online shopping and offers great variety of options to customize the look and feel of the theme via theme options panel.

You can choose between 4 header types, change typography, toggle shop and blog settings and create unique page layouts with Visual Composer premium plugin, which comes free with this theme.

Slider revolution its also included as a free component for the theme and you can create great presentations for your shop.

Wordpress主题Oxygen

预览地址:http://themeforest.net/item/oxygen-woocommerce-wordpress-theme/7851484

下载地址:http://pan.baidu.com/s/1mgIDbBE

Trend – Photography WordPress Theme

Trend is excellent for portfolio, article, photography, creative, gallery sites. Powerful theme options, thousands of color combinations, easy use, fast build, amazing look! Trend comes with a category slider, and quick view more that allows you to navigate realy fast and have a look at your last photos.

Wordpress主题Trend

预览地址:http://themeforest.net/item/trend-photography-wordpress-theme/7116292

下载地址:http://pan.baidu.com/s/1o6LWLOe

Meganews v1.5 – Magazine Responsive WordPress Theme

WordPress Theme Meganews is a Responsive Magazine WordPress Theme with many features: easy to use Layout Builder (Visual Composer), on-click Theme Options, Resposnive design, unlimited layouts, unlimited colors, different post layouts, many useful shortcodes integrated into the Visual Composer and much more. The main feature is a strong Layout Builder (Visual Composer) which offers you to create wonderful, unique layouts with just clicks. Theme is also SEO friendly.

Wordpress主题模板Meganews

预览地址:http://themeforest.net/item/meganews-magazine-responsive-wordpress-theme/7216941

下载地址:http://pan.baidu.com/s/1jGmTbAQ

Tags: , , , , , ,

0

jQuery常用插件

Posted by Alan on November 18, 2014 in Coding |

表单验证插件——validate

该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:

$(form).validate({options})

其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。

例如,当点击表单中的“提交”按钮时,调用validate插件验证用户名输入是否符合规则,并将异常信息显示在页面中,如下图所示:

在浏览器中显示的效果:

从图中可以看出,在页面中导入了validate插件,当用户在输入框中录入用户名时,自动根据规则进入验证,并显示提示信息,验证成功后,表单才能提交。

表单插件——form

通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据,调用格式如下:

$(form). ajaxForm ({options})

其中form参数表示表单元素名称,options参数表示调用方法是的配置对象。

例如,在页面中点击“提交”按钮,调用form插件的ajaxForm()方法向服务器发送录入的用户名和密码数据,服务器接收后返回并显示在页面中,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当点击“提交”按钮时,调用form表单插件中的ajaxForm()方法向指定的服务器以ajax方式发送数据,服务器接收后返回并将数据显示。

图片灯箱插件——notesforlightbox

该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片,调用格式如下:

$(linkimage).lightBox({options})

其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。

例如,以列表的方式在页面中展示全部的图片,当用户单击其中某张图片时,通过引入的图片插件,采用“灯箱”的方式显示所选的图片,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当用户点击“我的相册”中某一张图片时,则采用“灯箱”的方式显示选中图片,在显示图片时,还可以切换上下张和自动播放及关闭图片。

图片放大镜插件——jqzoom

在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果,调用格式如下:

$(linkimage).jqzoom({options})

其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。

例如,在页面中,添加一个被<a>元素包含的图片元素,当在图片元素中移动鼠标时,在图片的右边,将显示放大后的所选区域效果,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当在小图片中移动鼠标时,将调用放大镜插件的jqzoom()方法,在图片的右侧显示与小图片所选区域相同的放大区域,实现放大镜的效果。

cookie插件——cookie

使用cookie插件后,可以很方便地通过cookie对象保存、读取、删除用户的信息,还能通过cookie插件保存用户的浏览记录,它的调用格式为:

保存:$.cookie(keyvalue);读取:$.cookie(key),删除:$.cookie(keynull)

其中参数key为保存cookie对象的名称,value为名称对应的cookie值。

例如,当点击“设置”按钮时,如果是“否保存用户名”的复选框为选中状态时,则使用cookie对象保存用户名,否则,删除保存的cookie用户名,如下图所示:

在浏览器中显示的效果:

从图中可以看出,由于在点击“设置”按钮时,选择了保存用户名,因此,输入框中的值被cookie保存,下次打开浏览器时,直接获取并显示保存的cookie值。

搜索插件——autocomplete

搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用格式如下:

$(textbox).autocomplete(urlData,[options]);

其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。

例如,当用户在文本框输入内容时,调用搜索插件的autocomplete()方法返回与输入内容相匹配的字符串数据,显示在文本框下,提示选择,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当文本框与搜索插件相绑定后,输入任意字符时,都将返回与之相匹配的字符串,提示用户选择,文本框在空白双击时,显示全部提示信息。

右键菜单插件——contextmenu

右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素,点击右键,便通过该插件弹出一个快捷菜单,点击菜单各项名称执行相应操作,调用代码如下:

$(selector).contextmenu(menuId,{options});

Selector参数为绑定插件的元素,meunId为快捷菜单元素,options为配置对象。

例如,选中页面<textarea>元素,点击右键,弹出插件绑定的快捷菜单,点击菜单中的各个选项,便在页面中显示操作的对应名称。如下图所示:

在浏览器中显示的效果:

从图中可以看出,当文本框与右键菜单通过插件contextmenu()方法绑定后,选中文本框,点击右键时,弹出快捷菜单,点击“新建”选项时,显示操作对应内容。

自定义对象级插件——lifocuscolor插件

自定义的lifocuscolor插件可以在<ul>元素中,鼠标在表项<li>元素移动时,自定义其获取焦点时的背景色,即定义<li>元素选中时的背景色,调用格式为:

$(Id).focusColor(color)

其中,参数Id表示<ul>元素的Id号,color表示<li>元素选中时的背景色。

例如,在页面中,调用自定义的lifocuscolor插件,自定义<li>元素选中时的背景色,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当<ul>元素调用focusColor()方法绑定自定义的插件之后,当鼠标在<li>元素间移动时,显示自定义的背景色。

自定义类级别插件—— twoaddresult

通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算,导入插件后,调用格式分别为:

$.addNum(p1,p2) $.subNum(p1,p2)

上述调用格式分别为计算两数值相加和相减的结果,p1和p2为任意数值。

例如,在页面的两个文本框中输入任意数值,点击“计算”按钮调用自定义插件中$.addNum()方法,计算两数值的和并将结果显示在另一文本框中,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当点击“计算”按钮时,调用了自定义插件中的$.addNum()方法计算两个文本框中输入数值的和,并将该值显示在另一文本框中。

Tags: , ,

0

CSS3实现照片墙效果

Posted by Alan on November 16, 2014 in HTML5&CSS3 |

HTML5和CSS3已经被谈论很久了,关于W3C等既得利益体的争论这里按下不表,下面通过简单的CSS3代码来实现一个酷炫的照片墙效果,可以用于制作家庭的生活照相册,也可以在追女孩子时适时小秀一把:)

整个代码中用到的主要有CSS3中的transform中的旋转(rotate),过渡(transition),阴影(box-shadow),同时通过position来进行位置的定位,z-index来控制显示的层次。

相关示例代码如下:

	img{
		padding:10px 10px 15px;
		background:#fff;
		border:1px solid #ddd;
		position:absolute;
		transition:0.5s;
		-webkit-transition:0.5s;
		-moz-transition:0.5s;
		z-index:0;
		top:50px;
		left:100px;
		-webkit-transform:rotate(20deg);
		-moz-transform:rotate(20deg);
		transform:rotate(20deg);
	}

	img:hover{
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		transform:rotate(0deg);
		box-shadow:5px 5px 10px #ccc;
		z-index:1;
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		transform:scale(1.2);
	}

Tags: ,

0

PPC CTR, QS, CPC的对应关系

Posted by Alan on November 13, 2014 in 电商经验 |

Google 广告排名与CTR(Click Through Rate)对应关系

Google 广告排名与CTR对应关系

案例账户的广告排名与CTR对应关系

案例账户的广告排名与CTR对应关系

质量得分(Quality Score)与CTR的对应关系

质量得分与CTR的对应关系

质量得分与CPC的对应关系

质量得分与CPC的对应关系

以上数字来源于SEMRUSH分享上的PPT,有兴趣的朋友可以点击下面的超链接进行下载

Semrush WordStream Webinar PPT

Tags: , ,

0

Magento圣诞雪花插件

Posted by Alan on November 11, 2014 in Magento |

雪花圣诞节

一年一度的圣诞购物季即将来临,各个商家都在运筹帷幄,布局这一年中最重要的销售计划。除了精心设计促销、加强各渠道的推广、开发新渠道之外,不管是实体店还是网站都需要添加一些应景的设计,今天就为大家推荐一款针对Magento的雪花插件,可在网站上出现缓缓飘落雪花的效果,配合应景的背景更换和站内设计将更好地突出圣诞节的节日氛围。

演示地址:http://inchoo.net/wp-content/uploads/2011/12/InchooSnowflakes/snow.html

下载地址:Magento圣诞节雪花插件

Tags: , ,

0

jQuery实现Ajax

Posted by Alan on November 3, 2014 in Coding |

使用load()方法异步请求数据

使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为:

load(url,[data],[callback])

参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。

例如,点击“加载”按钮时,向服务器请求加载一个指定页面的内容,加载成功后,将数据内容显示在<div>元素中,并将加载按钮变为不可用。如下图所示:

在浏览器中显示的效果:

从图中可以看出,当点击“加载”按钮时,通过调用load()方法向服务器请求加载fruit.html文件中的内容,当加载成功后,先显示数据,并将按钮变为不可用。

使用getJSON()方法异步加载JSON格式数据

使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数组,并对获取的数据进行解析,显示在页面中,它的调用格式为:

jQuery.getJSON(url,[data],[callback])$.getJSON(url,[data],[callback])

其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。

例如,点击页面中的“加载”按钮,调用getJSON()方法获取服务器中JSON格式文件中的数据,并遍历数据,将指定的字段名内容显示在页面中。如下图所示:

在浏览器中显示的效果:

从图中可以看出,当点击“加载”按钮时,通过getJSON()方法调用服务器中的sport.json文件,获取返回的data文件数据,并遍历该数据对象,以data[“name”]取出数据中指定的内容,显示在页面中。

使用getScript()方法异步加载并执行js文件

使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示:

jQuery.getScript(url,[callback])$.getScript(url,[callback])

参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。

例如,点击“加载”按钮,调用getScript()加载并执行服务器中指定名称的JavaScript格式的文件,并在页面中显示加载后的数据内容,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当点击“加载”按钮调用getScript()方法加载服务器中的JavaScript格式文件后,自动执行文件代码,将数据内容显示在<ul>元素中。

使用get()方法以GET方式从服务器获取数据

使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下:

$.get(url,[callback])

参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。

例如,当点击“加载”按钮时,调用get()方法向服务器中的一个.php文件以GET方式请求数据,并将返回的数据内容显示在页面中,如下图所示:

在浏览器中显示的效果:

从图中可以看出,通过$.get()方法向服务器成功请求数据后,在回调函数中通过data参数传回请求的数据,并以data.name格式访问数据中各项的内容。

使用post()方法以POST方式从服务器发送数据

get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下:

$.post(url,[data],[callback])

参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。

例如,在输入框中录入一个数字,点击“检测”按钮,调用post()方法向服务器以POST方式发送请求,检测输入值的奇偶性,并显示在页面中,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当点击“检测”按钮时,获取输入框中的值,并将该值使用$.post()方法一起发送给服务器,服务器接收该值后并进行处理,最后返回处理结果。

使用serialize()方法序列化表单元素值

使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下:

$(selector).serialize()

其中selector参数是一个或多个表单中的元素或表单元素本身。

例如,在表单中添加多个元素,点击“序列化”按钮后,调用serialize()方法,将表单元素序列化后的标准URL编码文本字符串显示在页面中,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当点击“序列化”按钮后,调用表单元素本身的serialize()方法,将表单中元素全部序列化,生成标准URL编码,各元素间通过&号相联。

使用ajax()方法加载服务器数据

使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下:

jQuery.ajax([settings])$.ajax([settings])

其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。

例如,点击页面中的“加载”按钮,调用ajax()方法向服务器请求加载一个txt文件,并将返回的文件中的内容显示在页面,如下图所示:

在浏览器中显示的效果:

从图中可以看出,当点击“加载”按钮时,调用$.ajax()方法请求服务器中txt文件,当请求成功时调用success回调函数,获取传回的数据,并显示在页面中。

使用ajaxSetup()方法设置全局Ajax默认选项

使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为:

jQuery.ajaxSetup([options])$.ajaxSetup([options])

可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。

例如,先调用ajaxSetup()方法设置全局的Ajax选项值,再点击两个按钮,分别使用ajax()方法请求不同的服务器数据,并将数据内容显示在页面,如下图所示:

在浏览器中显示的效果:

从图中可以看出,使用ajaxSetup()方法设置了Ajax请求时的一些全局性的配置选项后,在两次调用ajax请求服务器txt文件时,只需要设置url地址即可。

使用ajaxStart()和ajaxStop()方法

ajaxStart()ajaxStop()方法是一个绑定Ajax事件的方法,当Ajax请求发出前触发ajaxStart()方法,请求完成后触发ajaxStop ()方法,它们的调用格式为:

$(selector).ajaxStart(function())$(selector).ajaxStop(function())

其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。

例如,在调用ajax()方法请求服务器数据前,使用动画显示正在加载中,当请求成功后,该动画自动隐藏,如下图所示:

在浏览器中显示的效果:

从图中可以看出,由于使用ajaxStart()ajaxStop()方法绑定了动画元素,因此,在开始发送Ajax请求时,元素显示,请求完成时,动画元素自动隐藏。

Tags: ,

0

SEO常用工具大全

Posted by Alan on October 31, 2014 in SEO |

本文介绍一些常用的SEO工具,内容基于Zac昝辉的《SEO实战密码:60天网站流量提高20倍》一书。

1.Xenu

Xenu (/ˈziːnuː/)是一款模拟蜘蛛爬行的英文软件,界面较为简单,输入一个网址(通常为网站首页)它会延着链接去爬行其它网址,这样就可以检查网站的可收录性以及有无错误链接。通过勾选Check external links可以爬行站外链接,如只需查看本站的链接请不要勾选。

下面Include / Exclude部分包含Consider URLs beginning with this as “internal”和Do not check any URLs beginning with this两个输入框,可用于仅查询固定子域名或分类等下面的链接。

Xenu运行完成后,会列出所有的错误链接来供站长参考,同时还可以将抓取的页面生成XML网站地图。

SEO检测工具Xenu

软件下载地址:http://home.snafu.de/tilman/xenulink.html

2.Alexa

Alexa是Amazon旗下的用于查询网站排名等相关数据的工具,站长们经常使用这一免费工具查看自己和竞争对手的网站排名来进行SEO优化时的参考。早期Alexa主要通过它自身的工具条来进行数据收集,现在又加入从各ISP等处购买的数据。

当然Alexa的数据只能作为参考,且不说存在作弊的作法,其数据源本身也不能保证足够大,不过作为一款免费工具,它提供了站长跳出率、各国和全球排名、主要搜索关键词、流量来源、用户年龄、收入、地域等数据,还是可以作为不错的参考的。

亚马逊Alexa排名数据

3.Google Trends

Google Trends主要用于查看和比较关键词在不同地域的搜索次数、变化趋势以及相关的搜索词,工具地址:http://www.google.com/trends/。Google Trends曾经包含针对域名来查询网站流量等数据的功能,但在2012年9月27号的更新中去除了这一功能,值得一提的是这里显示的流量都是相对数字,主要是供查询趋势参考之用。对比多个关键词可在中音加英文半角逗号进行搜索,也可通过Topics版块下面的Add term来进行关键词的添加,如下图为搜索nfl,nba后的结果:

Google Trends流行趋势查看

 

 4.百度指数

百度指数类似于Google Trends,功能在不断完善中,除了关键词趋势之外,它还提供了与关键组合的“需求图谱”,用于查看与某个关键词组合的其它相关关键词,另外“舆情管家”方便查询相应关键词的新闻报道趋势,最后“人群画像”更出了关键词在各地的流行程度并列出了一些人口统计 学数据,工具地址:http://index.baidu.com/。

百度指数查询工具

 

 

Tags: , ,

0

购物季准备贴士和商家清单

Posted by Alan on October 28, 2014 in 电商经验, 翻译社区 |

Yahoo Small Business(简称YSB,呵呵这名字挺逗Why SB?)的老大Amit Kumar在Entrepreneur上写了一篇讨论Holiday Season常见的一些错误 。文章内容源自Amit的切身体验以及YSB的客服和商户开发团队。在为购物季做准备的时候,请牢记这几点建议,在文章结尾处可下载一份清单供您核对。

1. 广告和营销并驾齐驱

中小企业主需要为购物季调整广告支出和营销策略以保持竞争力。如果平常你不做PPC广告,在购物季时建议开启,如果平常你已经做PPC广告,请保证广告支出来维持竞争力。不要忘了,你的竞争对手也会花费更多的广告费。

在营销方面,提前细致规划好促销邮件和社交策略。在购物季期间,通常会发出比平常更多的邮件,尤其是在Black Friday和Cyber Monday前后。

2. 过多的结账步骤

在购物季期间, 减少客户在结账期间填写和阅读的内尤为重要,应当重新调整一下优先级。你可能要去除掉用户注册(如果你的网站重复购买率低的话),去除掉积分政策、其它网站的广告、banner以及其它与购物季无关却占据页面空间的内容。

3. 在11月进行网站更新

请勿在11月中旬后对网站进行更新或修改,包括代码更新,新功能上线,域名系统调整等影响网站可用性和速度的更新。所有的修改都应在Black Friday之前上线并测试能正常使用。

4. 缺乏指引

盲目进入的客户需要指引,将客户引向他们要购买的产品极为重要。礼品指南、店铺精选等都有助于客户发现他们所要购买的产品。还需要专门创建一个针对购物季的问答页面来回答客户会遇到的常见问题。

5. 不明晰的发货期限和退货政策
如果客户觉得不能准备收到礼品的话,他们会放弃购物车中的商品。为购物车制定一个发货截止日期并在网站和邮件中予以强调。

明确的退换货政策也相当重要,给顾客比平常更多充分的时间来进行退货和换货。这样顾客在购买时会更有安全感,你的团队也会有更充足的时间来满足客户的需求。在购物季期间可以推出一个延长退货政策。

通过避免上述错误,你在购物季销售过程中会更加的如鱼得水。预祝商祺!

2014年购物季确认清单

原文地址:http://yahoosmallbusiness.tumblr.com/post/100522475359/entrepreneur-posts-ysb-tips-on-holiday-readiness

Tags: , , ,

0

SEOVIP Zac培训之链接建设

Posted by Alan on October 26, 2014 in SEO |

本文内容总结自SEOVIP第四期培训中的外链建设部分的内容,主讲人为Zac,他是在国内较早从事SEO工作的,是早期影响力较大的SEO论坛点石互动的创始人之一,个人博客为seozac.com。很多SEO从业人员应该都知道此人,不仅因为他较早进入行业,还因为他翻译的”SEO艺术”一书,他所著的”SEO实战密码”更是请到了Google反垃圾的老大Matt Cutts作序。

闲话少说,以下是对Zac在去年SEOVIP第四期培训中有关链接建设讲课中的个人总结:

大型网站

这次讲课所列举的例子包括中文站美丽说和英文Amazon.com站,都是大型网站,前者整体架构并没有采用传统的SEO友好的面包屑导航同时采用了一定的cloaking技术在搜索引擎和客户访问时返回了不同的信息,这点在后者身上更为明显,亚马逊英文站大量的使用了canonical标签使得客户和搜索引擎访问时得到的链接完全不同,一方面保证了对客户的相关追踪,另一方面也在搜索引擎抓取时返回了包含关键词的url。美丽说采用了扁平化的结构,通过动态的sitemap页以及良好的互链(页面相互推荐)保证了充分的收录,而亚马逊采用了良好的分类层级以及业界领先的商品推荐引擎来实现充分收录。内容上美丽说作为一个以图片为主的网站在同一页面上采用更多的推荐来保持丰富的内容,亚马逊则除了描述等信息外包含了大量的评论信息。

对于以上所说的这种大型站点链接建设上更为重要的内链上的合理安排,因为大型站点通常拥有较高的知名度以及众多的合作伙伴等相关资源使其很容易获得较多的外链。合理地安排内部链接会让网站得到更充分的收录。

外链建设

  • 外部链接建设方面首先是在论坛、博客上发外链、写软文,这里建议重质不重量,一个网站的投票权是有限的,所以在同一站点上发布大量的外链实际上并没有太大的作用。
  • 购买链接虽然被搜索引擎所明令禁止,但通过线下交易实际上并不会被搜索引擎发现。建议不要在常见的交易平台上购买外链,选择一些外链较少权重较高的站点来购买外链。
  • 开放目录无疑是高质量的外部链接,在提交时不要添加商业性的内容也不写什么业界最好等相关信息,目录提交审核不通过的话可以考虑申请成为开放目录相应分类的编辑,在适当的时候再行提交。也可以通过自建目录在其他站长提交收录时与其互换链接的方式来进行外链建设。
  • 通过在线小工具来进行外链建设。可选择一些与行业有关又常用的一些小工具来获得外链,如在线单位(如英寸->厘米)转换,消耗卡路里计算器,贷款、汇款计算器等在线工具。
  • 通过插件模板获取外链。比如制作Wordpress模板然后免费分享,在底部放上链接,大多数用户可能都不会去删除这个链接,这里锚文本不建设放自己的品牌(放的话建议不要高于此类外链的20%),可以用自己的名字或其它内容作为锚文本。
  • 通过资源性内容获取外链。比如十大最xx的xx,如何… …,怎样… …以及深度分析文章(即肉容较长的文章),通常之类文章会获得较多的关注和转载。
  • 通过幽默、有趣、好玩的内容来获取外链。除了一些段子外也可以有一些如输入用户姓名替换著名新闻事件(如颁发了xx奖)的主人公名称,上传图片然后放到杂志封面等等。
  • 利益交换。除了普通的交换外链外,可以有通过送礼品让别人在博客上添加外链,甚至是发现其它网站的漏洞告知对方换取链接等方法。
  • 挖掘用户资源。送小礼品外,举办进行评选之类的活动,以学生为例,举办一个比赛活动必然会获得家长及其亲友的关注,还可请家长或学生写感想进行评选,这些都可能获得分享并获取到外链。

Tags: , , ,

Copyright © 2012-2014 Alan Hou All rights reserved.