Microsoft Visual C++ 6.0安装教程

工具/原料

  • Microsoft Visual C++ 6.0软件包

方法/步骤

  1. 1

    下载Microsoft Visual C++ 6.0软件,下载地址见百度网盘,解压压缩包,打开

    Microsoft Visual C++ 6.0下载地址及安装教程
  2. 2

    点AUTORUN.EXE

    Microsoft Visual C++ 6.0下载地址及安装教程
  3. 3

    选择中文版或者英文版

    Microsoft Visual C++ 6.0下载地址及安装教程
  4. 4

    出现兼容提醒,忽略,点运行

    Microsoft Visual C++ 6.0下载地址及安装教程
  5. 5

    接下按着提示一步一步的安装

    Microsoft Visual C++ 6.0下载地址及安装教程
  6. 6
    Microsoft Visual C++ 6.0下载地址及安装教程
  7. 7
    Microsoft Visual C++ 6.0下载地址及安装教程
  8. 8
    Microsoft Visual C++ 6.0下载地址及安装教程
  9. 9
    Microsoft Visual C++ 6.0下载地址及安装教程
  10. 10
    Microsoft Visual C++ 6.0下载地址及安装教程
    Microsoft Visual C++ 6.0下载地址及安装教程
  11. Microsoft Visual C++ 6.0下载地址及安装教程
  12. Microsoft Visual C++ 6.0下载地址及安装教程
  13. Microsoft Visual C++ 6.0下载地址及安装教程
  14. Microsoft Visual C++ 6.0下载地址及安装教程
  15. Microsoft Visual C++ 6.0下载地址及安装教程
  16. Microsoft Visual C++ 6.0下载地址及安装教程
  17. Microsoft Visual C++ 6.0下载地址及安装教程
  18. Microsoft Visual C++ 6.0下载地址及安装教程
  19. Microsoft Visual C++ 6.0安装完成,接下来可以退出了

    Microsoft Visual C++ 6.0下载地址及安装教程
  20. Microsoft Visual C++ 6.0下载地址及安装教程
    END

注意事项

  • 以上教程供学习C的同学参考学习

sublime text 2安装zenCoding

zenCoding 是sublime下的一个插件。 sublime安装插件有两种方式,一种是直接下载插件文件,放到sublime安装目录 下,另一种是使用Package Control来安装。 Package Control安装插件比较方便,我使用的就是这种方法。

一. 安装 Package Control 插件
按Ctrl+`调出console,然后输入以下代码
import urllib2,os;pf=’Package Control.sublime-package’;ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) elseNone open(os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ’,'%20′)).read())
等待安装完毕,然后重启Sublime Text 2,在Perferences->package settings中有package control这一项,表示安装成功!

二. 安装zenCoding
按下Ctrl+Shift+P调出命令面板, 输入Install Package(会有下拉菜单提示),然后回车,会出现能安装的插件列表。
再输入 zen Coding, 然后选择并安装。

如果用Package Install安装Zencoding却始终无法装上。主要问题可能出在https的安装方式,后来改为http也不行。才知道原来zencoding包似乎没找到或是出现了其他问题。

没关系,自动装不上就手动安装。

1、按教程(一)步骤,安装Package Install。

2、进入网址:   https://bitbucket.org/sublimator/sublime-2-zencoding/downloads

下载:
Branches

Branch  Revision    Message    Date       Download

default 8be235edaf1c auto    2012-01-31     zip / gz / bz2

一定要下载branches,至于压缩包格式,选zip/gz/bz2格式随便。

再解压缩出文件夹“sublimator-sublime-2-zencoding-8be235edaf1c”,重命名为“zencoding”。此时,在sublime里,主菜单“Preferences”->“Browse Packages…”,弹出xp下的zencoding的package安装存放目录,我的是“C:\Documents and Settings\Administrator\Application Data\Sublime Text 2\Packages”。

现在很简单啦,把解压出来改了名的zencoding剪切到这里。重启sublime。

最后,一定要新建一个文件并保存起来,最好是html文件。因为zencoding对于未保存的文件是无效的。

不要忘了ctrl+alt+enter是进入Koan的钥匙!

Sublime Text – 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux

代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大、灵活的编辑器,相信你和我一样,都不会例外。

我用过的编辑器不少,真不少~ 但却没有哪款让我特别心仪的,直到我遇到了 Sublime Text 2 !如果说“神器”是我能给予一款软件最高的评价,那么我很乐意为它封上这么一个称号。它小巧绿色且速度非常快,跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮、代码补全等,但它有着很多其他编辑器没有的超酷的特性,让它的好用达到了前所未有的程度……

曾经有人说过,世界上有两种编辑器,好用和不好用的;而在好用的编辑器中,又分两种,免费的和死贵死贵的。譬如说 VIMTextMate,就是免费和死贵的典型。很不幸,今天的主角 Sublime Text 2 也是个死贵死贵的代表,它是一款收费的商业软件,个人授权费高达 59 美刀

虽然它很贵,但作者很厚道地给用户们提供了免费无限制无限期的试用权,它只会偶尔提醒一下你木有购买,而且频率也很低,仅此而已,一直免费使用下去几乎是没有任何影响的。另外值得一提的是,用户购买一个授权即可同时在不同平台上使用.

因为 Sublime Text 2 编辑器的特性和使用技巧实在太过多,本人也未算用得精通,所以无法一一列举展现,只能选几个我认为比较有特色的特点进行介绍,而且这里也没有篇幅去介绍各种编辑技巧、快捷键使用之类的了。如果你愿意花时间折腾一下,你会发现它的能力是远超本文介绍的那么几点的,所以本文只能算是抛砖引玉吧,希望大家有好的技巧可以分享出来。

语法高亮、代码提示补全、代码折叠、自定义皮肤/配色方案、多便签页:

SublimeText2 支持但不限于 C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile and XML 等主流编程语言的语法高亮。ST2 拥有优秀的代码自动完成功能 (自动补齐括号,大括号等配对符号;自动补全已经出现的单词;自动补全函数名),非常智能;另外 ST2 也拥有代码片段(Snippet)的功能,可以将常用的代码片段保存起来,在需要时随时调用。当然,语法高亮、代码折叠、行号显示、自定义皮肤、配色方案 等这些已经是一款现代编辑器应有的标配功能了,所以这里就不多做介绍了。

代码提示补全功能

代码地图、多种界面布局与全屏免打扰模式:

Sublime Text 2 在界面上比较有特色的是支持多种布局和代码地图,也提供了 F11 和 Shift+F11 进入全屏免打扰模式,文字难描述,看下图吧

代码地图与多标签页

完全开放的用户自定义配置与神奇实用的编辑状态恢复功能:

Sublime Text 2 的各种配置均由配置文件控制,完完全全的可以由用户自定义,如果你愿意折腾,甚至可以将它改得于原版完全不一样的操作体验。看下面的图,Setting – Default 菜单会打开默认的软件配置文件(这个文件会记录一些诸如使用什么字体等很多很多配置信息),Key Bindings – Default 是默认的快捷键配置文件,大家可以打开它们看看原本的一些设置是怎样配置的,但非常不建议直接在这里修改!你可以在 – User 结尾的文件(也就是用户自定义配置的意思)里面照样画葫芦那样来改,如果两边有相同的项目,它会以 – User 文件里面定义的为准。

用户自定义配置

这个例子里我在 Key Bindings – User 里面的第一行:{ “keys”: ["alt+up"], “command”: “swap_line_up” }, 意思就是按 Alt+方向键上时将当前选择的那一行向上移(与上一行交换位置),如果语法神马的没问题,保存好这个文件之后马上就可以使用这个快捷键了。

Sublime Text 2 的快捷键还支持双重组合,譬如默认情况下,将选中的文字改成大写的热键是 “Ctrl+K, Ctrl+U”,意思是当你先按下 Ctrl+K 之后迅速再按 Ctrl+U 进行触发(只按下Ctrl+K是没有作用的),这样可以避免很多热键冲突,也可以更灵活更多选择地进行热键自定义。不过在这里就不打算教大家怎样修改各种 配置或修改热键了,这恐怕能出一个手册的,这里有一个套比较完整的官方文档(鸟语),有兴趣的朋友可以去参考一下。

另外,SublimeText  还有一个值得一提的细节——”编辑状态恢复”,就是当你修改了一个文件,但没有保存,这时退出软件,ST2是不会很烦人地提示你要不要保存的,因为无论是 用户自发退出还是意外崩溃退出,下次启动软件后,你之前的编辑状态都会被完整恢复,就像你退出前一样。这个细节我认为非常非常的赞!因为我经常会尝试性地 去修改一些地方,但在确保没有问题之前又不想保存,这时如果有些事情打断自己,需要离开时,这个特性就很有用了,直接退出就行,不用烦,下次回来打开软件 继续编辑即可。当然,有了这个恢复特性再也不怕系统崩溃、断电了吧,真心让人觉得ST2特别特别的安全可靠,妥妥的啊!

强大的多行选择和多行编辑:

在写代码的过程中,我们经常需要同时编辑多行代码或者多个变量。在 Sublime Text 2 中拥有非常实用的多行操作技巧,灵活运用可以大大提高编辑速度哟!相信日后你可能会这样问自己:“当年没有这种方式的编辑器时我究竟是怎么活过来的?!”

下面是一些我所了解的多行编辑方法:
鼠标选中多行,按下 Ctrl+Shift+L (Command+Shift+L) 即可同时编辑这些行;
鼠标选中文本,反复按 CTRL+D (Command+D) 即可继续向下同时选中下一个相同的文本进行同时编辑;
鼠标选中文本,按下 Alt+F3 (Win) 或 Ctrl+Command+G(Mac) 即可一次性选择全部的相同文本进行同时编辑;
Shift+鼠标右键 (Win) 或 Option+鼠标左键 (Mac) 或使用鼠标中键可以用鼠标进行竖向多行选择;
Ctrl+鼠标左键(Win) 或 Command+鼠标左键(Mac) 可以手动选择同时要编辑的多处文本
类似的技巧还有很多,求大家补充……

多行编辑

雷电般快速的文件切换:

如果你同时打开了多个文件,或者你的项目里经常需要编辑不同的文件,在文件数量较多的时候,在过去往往需要花费很多的精力去寻找,很是烦人。而现 在,Sublime Text 2 里只需按下 Ctrl+P(Win) 或 Shift+Command+P(Mac) 即可调出文件切换面板,接着你只需输入文件名,回车后即可瞬间切换过去!并且它支持模糊匹配,只需输入你记得的一部分即可,譬如我想要找一个 “www.iplaysoft.com.php”的文件来编辑,那么你只需要输入“ipl”或者是”ips.c”这样的字符都能匹配出来,这个特性非常非 常的棒!

快速切换文件

图中 ca 匹配了 capabilities.php 和 classese.php,选择就能快速切换

类 似的功能,我只在类似 Eclipse 等大型(笨重)的IDE中才见到过,然而小巧快速的编辑器中,我还是首次遇到。使用这个功能,你除了可以在已打开的文件中切换之外,如果你使用项目管理 (将一个文件夹设置成一个项目),它还能懂得去搜索匹配项目文件夹下未被打开过的文件。现在你还需要用鼠标去一个一个点标签页来切换吗?你还要打开“我的 电脑”慢慢在各个不同文件夹去找需要编辑的文件吗?使用ST2,你只需输入几个字符即可~只有一句话:前所未有的方便!

随心所欲的跳转:快速罗列与定位函数/HTML的元素、跳转到指定行

使用上面介绍的快速文件切换功能,可以很轻易地打开/切换到自己想要编辑的文档了, 但如果这个文件的代码很长很长,想要轻松跳到要编辑的地方又有什么好方法呢? Sublime Text 2 早就帮你想好了,同样是按下前面所说的 Ctrl+P(Win) 或 Shift+Command+P(Mac),这次试试先输入一个 @ 号看看?嗯,好样的!这列表马上帮你罗列出这文件里全部的 Function 了!同样使用模糊匹配,快速输入几个关键字,马上就能定位到那个Function去了!!!在需要不停在多个Function之间跳转的时候这个功能尤显 实用~妈妈再也不用担心我找函数找到蛋疼了!当你编辑的是HTML时,这货给你罗列的则是HTML的各个ID元素,相信搞前端的同学们都鸡冻了吧。

快速罗列与定位函数

Ctrl+P之后输入@号或者 直接按Ctrl+R,即可列出该文件里的全部function

输 入@号开始有此般神奇功效,那么再试试输入一个英文冒号 : 开始吧,然后再输入一个数字,嗯,这次则可以跳到指定的行数了;输入一个#号开始,可以罗列/搜索文本;而且你还可以使用更快速的快捷键,譬如快速列出 /跳转函数就是 Ctrl+R (Mac下是Command+R),它完全等同于Ctrl+P之后输入@;跳转到指定行号是 Ctrl+G (Mac是Command+G)。

而且更让人叫绝的是,这些切换定位方法你还可以配合在一起使用!譬如我有一个名为”hello-iplaysoft.js”的文件,里面其中有一个function叫做”visit_iplaysoft_com”,我现在想要编辑这个函数,那么我只需按下 Ctrl+P,然后输入“heip@vi”回车(模糊匹配,注意前面有颜色的字符),ST2 马上就给我到打开这个文件并定位进去了!够方便了吧?!熟记这几个快捷键,你可以很一气呵成地进行文件切换和编辑,你会发现世界更美好哦亲……

集所有功能于一身的命令面板:

Sublime Text 2 的一大特色是拥有一个相当强大的命令面板,它几乎无所不能!任何时候,按下 Ctrl+Shift+P(Win) 或 Command+Shift+P(Mac) 即可调出。利用它,你可以实现很多很多很多很多很多功能,例如“Set Syntax:PHP”即可将当前文档设置成PHP语法高亮;“Convert Case: Swap Case”可以将选中的文本大小写反转;“File: Save All”可以一次保存全部文件;“File: Close All”一次关闭全部文件等等……而且,这里的列表一样支持模糊匹配(这货真心是个好东西啊!)。因为这里面命令实在太多了,覆盖的作用范围也很广,我这 里实在不能一一介绍,大家如果有兴趣,可以经常调个面板出来看看列表中都有些什么命令,多多去了解、尝试、再慢慢消化,相信它会让你再也离不开它。

命令面板

Package Control(绝不可错过的扩展包管理器)

阅读文章 皇冠排行        淘一淘        手机数码        天天疯狂

Sublime Text 2 – 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux

[ 编程办公]

Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux
253,490
251

代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大、灵活的编辑器,相信你和我一样,都不会例外。

我用过的编辑器不少,真不少~ 但却没有哪款让我特别心仪的,直到我遇到了 Sublime Text 2 !如果说“神器”是我能给予一款软件最高的评价,那么我很乐意为它封上这么一个称号。它小巧绿色且速度非常快,跨平台支持Win/Mac/Linux,支持32与64位,支持各种流行编程语言的语法高亮、代码补全等,但它有着很多其他编辑器没有的超酷的特性,让它的好用达到了前所未有的程度……

关于 Sublime Text 2:

曾经有人说过,世界上有两种编辑器,好用和不好用的;而在好用的编辑器中,又分两种,免费的和死贵死贵的。譬如说 VIMTextMate,就是免费和死贵的典型。很不幸,今天的主角 Sublime Text 2 也是个死贵死贵的代表,它是一款收费的商业软件,个人授权费高达 59 美刀

Sublime Text 2

不过大家不用慌,虽然它很贵,但作者很厚道地给用户们提供了免费无限制无限期的试用权,它只会偶尔提醒一下你木有购买,而且频率也很低,仅此而已,一直免费使用下去几乎是没有任何影响的。另外值得一提的是,用户购买一个授权即可同时在不同平台上使用,对于像我这种经常需要在 Mac 和 Win 之间切换使用的用户来说的确能省下一笔钱了。

因为 Sublime Text 2 编辑器的特性和使用技巧实在太过多,本人也未算用得精通,所以无法一一列举展现,只能选几个我认为比较有特色的特点进行介绍,而且这里也没有篇幅去介绍各种编辑技巧、快捷键使用之类的了。如果你愿意花时间折腾一下,你会发现它的能力是远超本文介绍的那么几点的,所以本文只能算是抛砖引玉吧,希望大家有好的技巧可以分享出来。

语法高亮、代码提示补全、代码折叠、自定义皮肤/配色方案、多便签页:

SublimeText2 支持但不限于 C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile and XML 等主流编程语言的语法高亮。ST2 拥有优秀的代码自动完成功能 (自动补齐括号,大括号等配对符号;自动补全已经出现的单词;自动补全函数名),非常智能;另外 ST2 也拥有代码片段(Snippet)的功能,可以将常用的代码片段保存起来,在需要时随时调用。当然,语法高亮、代码折叠、行号显示、自定义皮肤、配色方案 等这些已经是一款现代编辑器应有的标配功能了,所以这里就不多做介绍了。

代码提示补全功能实用方便的代码提示补全功能

代码地图、多种界面布局与全屏免打扰模式:

Sublime Text 2 在界面上比较有特色的是支持多种布局和代码地图,也提供了 F11 和 Shift+F11 进入全屏免打扰模式,文字难描述,看下图吧。往右边拉可以看到更多图>>

代码地图与多标签页代码地图与多标签页
多种布局设置,在大屏幕或需同时编辑多文件时尤为方便多种布局设置,在大屏幕或需同时编辑多文件时尤为方便
全屏免打扰模式,更加专心于编辑全屏免打扰模式,更加专心于编辑

完全开放的用户自定义配置与神奇实用的编辑状态恢复功能:

Sublime Text 2 的各种配置均由配置文件控制,完完全全的可以由用户自定义,如果你愿意折腾,甚至可以将它改得于原版完全不一样的操作体验。看下面的图,Setting – Default 菜单会打开默认的软件配置文件(这个文件会记录一些诸如使用什么字体等很多很多配置信息),Key Bindings – Default 是默认的快捷键配置文件,大家可以打开它们看看原本的一些设置是怎样配置的,但非常不建议直接在这里修改!你可以在 – User 结尾的文件(也就是用户自定义配置的意思)里面照样画葫芦那样来改,如果两边有相同的项目,它会以 – User 文件里面定义的为准。

用户自定义配置

这个例子里我在 Key Bindings – User 里面的第一行:{ “keys”: ["alt+up"], “command”: “swap_line_up” }, 意思就是按 Alt+方向键上时将当前选择的那一行向上移(与上一行交换位置),如果语法神马的没问题,保存好这个文件之后马上就可以使用这个快捷键了。

Sublime Text 2 的快捷键还支持双重组合, 譬如默认情况下,将选中的文字改成大写的热键是“Ctrl+K, Ctrl+U”,意思是当你先按下 Ctrl+K 之后迅速再按 Ctrl+U 进行触发(只按下Ctrl+K是没有作用的),这样可以避免很多热键冲突,也可以更灵活更多选择地进行热键自定义。不过在这里就不打算教大家怎样修改各种 配置或修改热键了,这恐怕能出一个手册的,这里有一个套比较完整的官方文档(鸟语),有兴趣的朋友可以去参考一下。

另 外,SublimeText  还有一个值得一提的细节——”编辑状态恢复”,就是当你修改了一个文件,但没有保存,这时退出软件,ST2是不会很烦人地提示你要不要保存的,因为无论是 用户自发退出还是意外崩溃退出,下次启动软件后,你之前的编辑状态都会被完整恢复,就像你退出前一样。这个细节我认为非常非常的赞!因为我经常会尝试性地 去修改一些地方,但在确保没有问题之前又不想保存,这时如果有些事情打断自己,需要离开时,这个特性就很有用了,直接退出就行,不用烦,下次回来打开软件 继续编辑即可。当然,有了这个恢复特性再也不怕系统崩溃、断电了吧,真心让人觉得ST2特别特别的安全可靠,妥妥的啊!

强大的多行选择和多行编辑:

在写代码的过程中,我们经常需要同时编辑多行代码或者多个变量。在 Sublime Text 2 中拥有非常实用的多行操作技巧,灵活运用可以大大提高编辑速度哟!相信日后你可能会这样问自己:“当年没有这种方式的编辑器时我究竟是怎么活过来的?!”

下面是一些我所了解的多行编辑方法:
鼠标选中多行,按下 Ctrl+Shift+L (Command+Shift+L) 即可同时编辑这些行;
鼠标选中文本,反复按 CTRL+D (Command+D) 即可继续向下同时选中下一个相同的文本进行同时编辑;
鼠标选中文本,按下 Alt+F3 (Win) 或 Ctrl+Command+G(Mac) 即可一次性选择全部的相同文本进行同时编辑;
Shift+鼠标右键 (Win) 或 Option+鼠标左键 (Mac) 或使用鼠标中键可以用鼠标进行竖向多行选择;
Ctrl+鼠标左键(Win) 或 Command+鼠标左键(Mac) 可以手动选择同时要编辑的多处文本
类似的技巧还有很多,求大家补充……

多行编辑Shift+鼠标右键轻松实现多行编辑,批量给变量加前缀了

雷电般快速的文件切换:

如 果你同时打开了多个文件,或者你的项目里经常需要编辑不同的文件,在文件数量较多的时候,在过去往往需要花费很多的精力去寻找,很是烦人。而现 在,Sublime Text 2 里只需按下 Ctrl+P(Win) 或 Shift+Command+P(Mac) 即可调出文件切换面板,接着你只需输入文件名,回车后即可瞬间切换过去!并且它支持模糊匹配,只需输入你记得的一部分即可,譬如我想要找一个 “www.iplaysoft.com.php”的文件来编辑,那么你只需要输入“ipl”或者是”ips.c”这样的字符都能匹配出来,这个特性非常非 常的棒!

快速切换文件图中 ca 匹配了 capabilities.php 和 classese.php,选择就能快速切换

类 似的功能,我只在类似 Eclipse 等大型(笨重)的IDE中才见到过,然而小巧快速的编辑器中,我还是首次遇到。使用这个功能,你除了可以在已打开的文件中切换之外,如果你使用项目管理 (将一个文件夹设置成一个项目),它还能懂得去搜索匹配项目文件夹下未被打开过的文件。现在你还需要用鼠标去一个一个点标签页来切换吗?你还要打开“我的 电脑”慢慢在各个不同文件夹去找需要编辑的文件吗?使用ST2,你只需输入几个字符即可~只有一句话:前所未有的方便!

随心所欲的跳转:快速罗列与定位函数/HTML的元素、跳转到指定行

使用上面介绍的快速文件切换功能,可以很轻易地打开/切换到自己想要编辑的文档了, 但如果这个文件的代码很长很长,想要轻松跳到要编辑的地方又有什么好方法呢? Sublime Text 2 早就帮你想好了,同样是按下前面所说的 Ctrl+P(Win) 或 Shift+Command+P(Mac),这次试试先输入一个 @ 号看看?嗯,好样的!这列表马上帮你罗列出这文件里全部的 Function 了!同样使用模糊匹配,快速输入几个关键字,马上就能定位到那个Function去了!!!在需要不停在多个Function之间跳转的时候这个功能尤显 实用~妈妈再也不用担心我找函数找到蛋疼了!当你编辑的是HTML时,这货给你罗列的则是HTML的各个ID元素,相信搞前端的同学们都鸡冻了吧。

快速罗列与定位函数Ctrl+P之后输入@号或者 直接按Ctrl+R,即可列出该文件里的全部function

输 入@号开始有此般神奇功效,那么再试试输入一个英文冒号 : 开始吧,然后再输入一个数字,嗯,这次则可以跳到指定的行数了;输入一个#号开始,可以罗列/搜索文本;而且你还可以使用更快速的快捷键,譬如快速列出 /跳转函数就是 Ctrl+R (Mac下是Command+R),它完全等同于Ctrl+P之后输入@;跳转到指定行号是 Ctrl+G (Mac是Command+G)。

而且更让人叫绝的是,这些切换定位方法你还可以配合在一起使用!譬如我有一个名为”hello-iplaysoft.js”的文件,里面其中有一个function叫做”visit_iplaysoft_com”,我现在想要编辑这个函数,那么我只需按下 Ctrl+P,然后输入“heip@vi”回车(模糊匹配,注意前面有颜色的字符),ST2 马上就给我到打开这个文件并定位进去了!够方便了吧?!熟记这几个快捷键,你可以很一气呵成地进行文件切换和编辑,你会发现世界更美好哦亲……

集所有功能于一身的命令面板:

Sublime Text 2 的一大特色是拥有一个相当强大的命令面板,它几乎无所不能!任何时候,按下 Ctrl+Shift+P(Win) 或 Command+Shift+P(Mac) 即可调出。利用它,你可以实现很多很多很多很多很多功能,例如“Set Syntax:PHP”即可将当前文档设置成PHP语法高亮;“Convert Case: Swap Case”可以将选中的文本大小写反转;“File: Save All”可以一次保存全部文件;“File: Close All”一次关闭全部文件等等……而且,这里的列表一样支持模糊匹配(这货真心是个好东西啊!)。因为这里面命令实在太多了,覆盖的作用范围也很广,我这 里实在不能一一介绍,大家如果有兴趣,可以经常调个面板出来看看列表中都有些什么命令,多多去了解、尝试、再慢慢消化,相信它会让你再也离不开它。

命令面板强大的命令面板,可以在这里调用一切SublimeText提供的功能

Package Control(绝不可错过的扩展包管理器)

Sublime Text 2 除了自身拥有无数实用功能和特性之外,它还能安装使用各种扩展/皮肤/配色方案等来增强自己。现在介绍的这个 Package Control 可以看做是一个ST2的扩展管理器,使用它,你可以用非常神奇、非常简单方便的方法去下载、安装、删除 Sublime Text 2 的各种插件、皮肤等,相信我,想更好地使用 ST2 绝对不能没有它!不过 ST2 本身并没有自带这个工具,我们需要自行安装它,方法很简单:
1、在 SublimeText2 的目录里面找到 Data > Installed Packages 的文件夹 (如没有请手动新建)
2、在这里下载 Package Control.sublime-package 文件
3、将下载到的文件放进去 Installed Packages 里面
4、重新启动 Sublime Text 即可

如果 Package Control 已经安装成功,那么 Ctrl+Shift+P 调用命令面板,我们就会找到一些以“Package Control:”开头的命令,我们常用到的就是几个 Install Package (安装扩展)、List Packages (列出全部扩展)、Remove Package (移除扩展)、Upgrade Package (升级扩展)。但如果你按照上面的方法确实搞不定,可以试试按键盘 Ctrl+~ (数字1左边的按键)调出控制台,然后拷贝下面的代码进去并回车,它会自动帮你新建文件夹并下载文件的,与上面的方法最终效果是一样的:

import urllib2,os; pf=’Package Control.sublime-package’; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20′)).read()); print ‘Please restart Sublime Text to finish installation’

Package Control

成功安装 Package Control 之后,在命令面板里会出现以其命名开头的一系列命令

在命 令面板输入 “Package Control: Install Package“即会列出全部可以安装的扩展(必需连接网络,如下图),从列表可以看到,4GL、AAAPackageDev 那些就是插件的名称,选择它们就可以进行下载安装了。从该列表可以看到,目前ST2的各种扩展已经非常丰富了!此外,你还可以在这里看到 Web 版的扩展列表和详细的说明 (这俩列表的数据应该是同步的。在截稿为止 2012-7-8,这里已经收集了482个扩展包了)

安装扩展

我这里以安装“JsFormat”插件为例,简单介绍一下 SublimeText 里面怎样安装与使用插件吧。JsFormat 的功能就是可以将一些凌乱的 JavaScript 代码重新排版,以方便更好地阅读与编辑。使用 Ctrl+Shift+P 调用命令面板,输入“Package Control: Install Package”(安装扩展包),在插件列表中选择安装“JsFormat”(可以输入字符过滤),待提示成功之后即已完成安装。随便打开一个js文件 (最好是换行、对齐特别凌乱的那种),按下 Ctrl+Shift+P 调用命令面板,你会发现已经多了一项命令叫做“Format: Javascript”,如图:JsFormat

使用之后,你的代码瞬间就变整齐了有木有!你也可以使用这个插件的热键“CTRL+ALT+F”进行整理(命令面板右方可以看到)。

JsFormat

当然,不同的扩展,使用的方法与表现的形式都不一样,这个就只能去web版查一下这个插件的一些具体的使用说明了,这里是不能一概而论的。不过大体上,安 装和使用插件就是这么的简单。通过各种插件,你几乎可以实现任何你想要的功能。而且 ST2 也开放了插件API,如果你有能力,也可以试试开发一个,可以参考这里的API文档。本文后面会推荐一些实用的插件。

更换主题或配色方案:

如果你看腻了 SublimeText 的原版皮肤,也可以折腾一下换肤的。譬如下图是一款比较流行的主题 Theme – Soda,和安装插件基本上一样,使用 Package Control 进入 Install Package 的列表里面找到它进行安装即可。你也可以在网上找到一些 ST2 的主题,下载回来放到安装目录的 Data\Packages 文件夹里面,然后选择切换主题。配色方案的操作也是类似,大家自己研究研究吧,这里不多做介绍了。

Soda主题

另外,SublimeText 还有很给力的一点,就是它能原生支持 TextMate 的 Bundle 和配色方案,同样也是放在 Packages 文件夹里即可使用。TextMate 的 Bundle 和配色方案资源都比较丰富,网上可以找到不少。

Sublime Text 2 的介绍视频:

http://v.youku.com/v_show/id_XMzU5NzQ5ODgw.html

推荐的部分插件:

这里补充一些我认为不错的插件吧,欢迎大家推荐与补充:
Gits:可以轻松集成 GitHub
SFTP:直接编辑 FTP 或 SFTP 服务器上的文件
ZenCoding:这货对于前端的同学来说不得了,可以超快速编写HTML文件 (视频演示)
ConvertToUTF8:ST2只支持utf8编码,该插件可以显示与编辑 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的文件
Clipboard History:剪切板历史
WordPress:集成一些WordPress的函数,对于像我这种经常要写WP模版和插件的人特别有用!
HtmlTidy:清理与排版你的HTML代码
PHPTidy:整理与排版PHP代码
YUI Compressor:压缩JS和CSS文件

一些补充:

因为 SublimeText 是绿色软件,用户的自定义配置、下载的插件等都是位于软件目录内的,所以一旦你配置好之后,使用 Dropbox金山快盘之类的同步网盘进行同步(无网络的朋友用U盘也行),去到哪里运行都是自己的配置,非常方便!以后大家在不同的电脑上工作相信也能很顺手了。

另外,很多朋友反映表示打开中文会有乱码,其实是因为ST2本身只支持UTF-8编码,而我们常遇到的中文文件可能是GBK或者GB2312等编码,解决方法是安装一个 ConvertToUTF8 或者 GBK Encoding Support 插件即可完美解决,这个并不是什么大问题。

之前我一直使用的编辑器是 EditPlus,至少有4年+了吧,主要的原因是它的启动迅速和长久以来使用已经习惯了,但这次在试用后我毫不犹豫叛变到 SublimeText2 来了!从各种使用体验来说,ST2 给人最多的感觉就是“快”和“流畅”。“快”就像 Chrome 浏览器与 其他一般浏览器的比那样,启动速度让人非常满意;“流畅”就是当你熟悉了它的一些快捷操作之后,编辑文档时那种不需打乱思绪的行云流水般的操作,非常让人 有成就感!作为一款功能、扩展性如此强大,可配置性如此自由的软件,能做到速度如此之快实属极致了,想想看那些大型笨重的IDE们吧,你就恨不得马上去告 诉所有人世界上还有 SublimeText 这样的神器~

Sublime Text 2 比 TextMate 在跨平台和软件更新上有很大优势,比另一款同样是神器级别的编辑器 VIM 入门又简单得多,比各大IDE又要轻巧快速,比网上大部分的编辑器功能和扩展性上要强,而且暗色系的界面也很酷很讨好人,可以说是目前除VIM、emacs外又一个代码编辑器的最佳选择了!(更现代更先进的界面比VIM更适合普通用户)

当然,一款的极致的编辑器就像小说里的绝世宝剑,从的适应到灵活运用需要很长时间的坚持、学习和尝试。建议大家多多了解和学习它的各种快捷键,那样写代码就像开极品飞车啊有木有。

引用google的在线jQuery库的地址和方法

google ajax libraries API 是Google的一个项目(http://code.google.com/apis/ajaxlibs/documentation /index.html#AjaxLibraries)。它提供当前流行的各种Javascript库的快速引用方式。(官方承诺永久可用!)

使用google ajax libraries API 引用 jQuery库有两种方式。

 

第一种方法:是使用google提供的API进行导入

<script src=”http://www.google.com/jsapi?key=Goolge”></script>

<script type=”text/javascript”>

  google.load(“jquery”,”1.3.2″,{uncompressed:true});

    google.setOnLoadCallback(initialize);

  function initialize(){

    //函数或方法

  } 

</script>

// 测试引用是否成功

$(document).ready(function(e) {

   alert(‘test!’);

});

google.load()函数有3个参数,第一个参数为js库的名称,如:”jquery”或 “extjs”等;

第二个参数为该库的版本号,如:”1.3.2″;

第三个参数设定是否使用压缩版本的库文件,使用未压缩版本格式: {uncompressed:true} ;

前两个参数必选,第三个参数为可选参数

 

第二种方法:直接引用google服务器上的jquery库文件

<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”></script>

// 测试引用是否成功

$(document).ready(function(e) {

   alert(‘test!’);

});

google服务器上存放jquery版本号有jquery-1.2.6, jquery-1.3.2, jquery-1.4.2, jquery-1.5.2, jquery-1.6.2, jquery-1.6.4,  jquery-1.7.1, jquery-1.7.2, jquery-1.8.0, jquery-1.8.1, jquery-1.8.2

开发者可以根据所需而选择

详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

一、$.get(url,[data],[callback])

说明:url为请求地址,data为请求数据的列表(是可选的,也可以将要传的参数写在url里面),callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数。而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明。

$.get(“data.php”,$(“#firstName.val()”),function(data){

$(“#getResponse”).html(data); }//返回的data是字符串类型

);

二、$.post(url,[data],[callback],[type])

说明:这个函数跟$.get()参数差不多,多了一个type参数,type为返回的数据类型,可以是html,xml,json等类型,如果我们设置这个参数为:json,那么返回的格式则是json格式的,如果没有设置,就 和$.get()返回的格式一样,都是字符串的。

$.post(“emp.do?p=getAllEmp”,{id:deptId,x:Math.random()},function(data){
var arry = eval(“(“+data+”)”);
//去引号,将json字符串去引号编程json类型数组,也可以在$.post函数后面加一个参数”json”,指定接收的数据为json类型的
for(var i=0;i<arry.length;i++){
var op = new Option(arry[i].empName,arry[i].empId);
document.getElementById(“emp”).options.add(op);
}
});

也可以写成下面这样,返回的就是json类型数组了,就不要难过去引号了,可以直接遍历。

$.post(“emp.do?p=getAllEmp”,{id:deptId,x:Math.random()},function(arry){
for(var i=0;i<arry.length;i++){
var op = new Option(arry[i].empName,arry[i].empId);
document.getElementById(“emp”).options.add(op);
}
},”json”);

三、$.ajax(opiton)

说明:$.ajax()这个函数功能强大,可以对ajax进行许多精确的控制,需要详细说明的请参照相关资料

$.ajax({
url: “ajax/ajax_selectPicType.jsp”,
data:{Full:”fu”},
type: “POST”,
dataType:’json’,
success:CallBack,
error:function(er){
BackErr(er);}
});

四、$.getJSON(url,[data],[callback])

说明:$.getJSON(url,[data],[callback])函数没有type参数,返回的是json类型的,不需要转换。

$.getJSON(“dep.do?p=getAllDep”,{x:Math.random()},function(arry){
for(var i=0;i<arry.length;i++){
var op = new Option(arry[i].deptName,arry[i].deptId);
document.getElementById(“dep”).options.add(op);
}
});

jquery的其他一些函数:

载入静态页面

load( url, [data], [callback] );
url (String) 请求的HTML页的URL地址
data (Map)(可选参数) 发送至服务器的 key/value 数据
callback (Callback) (可选参数) 请求完成时(不需要是success的)的回调函数

load()方法可以轻松载入静态页面内容到指定jQuery对象。
$(‘#ajax-div’).load(‘data.html’);

这样,data.html的内容将被载入到ID为ajax-div的DOM对象之内。你甚至可以通过制定ID来实现载入部分内容的Ajax操作,如:

$(‘#ajax-div’).load(‘data.html#my-section’);
实现GET和POST方法

get( url, [data], [callback] )
url (String) 发送请求的URL地址.
data (Map)(可选参数) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中
callback (Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)

很显然这是一个专门实现GET方式的函数,使用起来也相当的简单
$.get(‘login.jsp’, {
id      : ‘Robin’,
password: ’123456′,
gate    : ‘index’
}, function(data, status) {
//data为返回对象,status为请求的状态
alert(data);
//此时假设服务器脚本会返回一段文字”你好,Robin!”,
那么浏览器就会弹出对话框显示该段文字
alert(status);
//结果为success, error等等,但这里是成功时才能运行的函数
});

post( url, [data], [callback], [type] )

url (String) 发送请求的URL地址.
data (Map)(可选参数) 要发送给服务器的数据,以 Key/value 的键值对形式表示
callback (Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)
type (String) (可选参数) 请求数据的类型,xml,text,json等

同样是jQuery提供的一个简便函数,其实用法

$.post(‘regsiter.jsp’, {
id:’Robin’,
password: ’123456′,
type:’user’
},function(data, status) {
alert(data);
}, “json”);

事件驱动的脚本载入函数:getScript()

getScript( url, [callback] )
url (String) 待载入 JS 文件地址
callback (Function) (可选) 成功载入后回调函数

getScript()函数可以远程载入JavaScript脚本并且执行。这个函数可以跨 域载入JS文件(神奇……?!)。这个函数的意义是巨大 的,它可以很大程度的缩减页面初次载入的代码量,因为你可以根据用户的交互来载入相应的JS文件,而不必在页面初始化的时候全部载入。

$.getScript(‘ajaxEvent.js’, function() {
alert(“Scripts Loaded!”);
//载入ajaxEvent.js,并且在成功载入后显示对话框提示。
});

构建数据通讯的桥梁:getJSON()

getJSON(url,[data],[callback])
url (String) 发送请求地址
data (Map) (可选) 待发送 Key/value 参数
callback (Function) (可选) 载入成功时回调函数。

JSON是一种理想的数据传输格式,它能够很好的融合与JavaScript或其他宿主语 言,并且可以被JS直接使用。使用JSON相比传统的通过 GET、POST直接发送”裸体”数据,在结构上更为合理,也更为安全。至于jQuery的getJSON()函数,只是设置了JSON参数的 ajax()函数的一个简化版本。这个函数也是可以跨域使用的,相比get()、post()有一定优势。另外这个函数可以通过把请求url写 成”myurl?callback=X”这种格式,让程序执行回调函数X。

$.getJSON(‘feed.jsp’,{
request: images,
id:      001,
size:    large
}, function(json) {
alert(json.images[0].link);
//此处json就是远程传回的json对象,假设其格式如下:
//{‘images’ : [
// {link: images/001.jpg, x :100, y : 100},
// {link: images/002.jpg, x : 200, y 200:}
//]};
}
);

更底层的ajax()函数
虽然get()和post()函数非常简洁易用,但是对于更复杂的一些设计需求还是无法实现,比如在ajax发送的不同时段做出不同的动作等。jQuery提供一个更为具体的函数:ajax()。

ajax( options )
ajax()提供了一大票参数,所以可以实现相当复杂的功能。

参数名 类型 描述
url String (默认: 当前页地址) 发送请求的地址。
type String (默认: “GET”) 请求方式 (“POST” 或 “GET”), 默认为 “GET”。
注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。
timeout Number 设置请求超时时间(毫秒)。此设置将覆盖全局设置。
async Boolean (默认: true) 默认设置下,所有请求均为异步请求。
如果需要发送同步请求,请将此选项设置为 false。
注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
beforeSend Function 发送请求前可修改 XMLHttpRequest 对象的函数,如添加自定义 HTTP 头。

XMLHttpRequest 对象是唯一的参数。

function (XMLHttpRequest) {
this; // the options for this ajax request
}

cache Boolean (默认: true) jQuery 1.2 新功能,设置为 false 将不会从浏览器缓存中加载请求信息。
complete Function 请求完成后回调函数 (请求成功或失败时均调用)。

参数: XMLHttpRequest 对象,成功信息字符串。

function (XMLHttpRequest, textStatus) {
this; // the options for this ajax request
}

contentType String (默认: “application/x-www-form-urlencoded”) 发送信息至服务器时内容编码类型。默认值适合大多数应用场合。
data Object,
String 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。
查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。
如果为数组,jQuery 将自动为不同值对应同一个名称。
如 {foo:["bar1", "bar2"]} 转换为 ‘&foo=bar1&foo=bar2′。
dataType String 预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息
返回 responseXML 或 responseText,并作为回调函数参数传递,可用值:

“xml”: 返回 XML 文档,可用 jQuery 处理。

“html”: 返回纯文本 HTML 信息;包含 script 元素。

“script”: 返回纯文本 JavaScript 代码。不会自动缓存结果。

“json”: 返回 JSON 数据 。

“jsonp”: JSONP 格式。使用 JSONP 形式调用函数时,

如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。

这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。

function (XMLHttpRequest, textStatus, errorThrown) {
// 通常情况下textStatus和errorThown只有其中一个有值
this; // the options for this ajax request
}

global Boolean (默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件,

如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件

ifModified Boolean (默认: false) 仅在服务器数据改变时获取新数据。

使用 HTTP 包 Last-Modified 头信息判断。

processData Boolean (默认: true) 默认情况下,发送的数据将被转换为对象(技术上讲并非字符串)

以配合默认内容类型 “application/x-www-form-urlencoded”。

如果要发送 DOM 树信息或其它不希望转换的信息,请设置为 false。

success Function 请求成功后回调函数。这个方法有两个参数:服务器返回数据,返回状态

function (data, textStatus) {
// data could be xmlDoc, jsonObj, html, text, etc…
this;
// the options for this ajax request
}

你 可以指定xml、script、html、json作为其数据类型,可以为beforeSend、error、sucess、complete等状态设置 处理函数,众多其它参数也可以订完完全全定义用户的Ajax体验。下面的例子中,我们用ajax()来调用一个XML文档:

$.ajax({
url: ‘doc.xml’,
type: ‘GET’,
dataType: ‘xml’,
timeout: 1000,
error: function(){
alert(‘Error loading XML document’);
},
success: function(xml){
alert(xml);
//此处xml就是XML的jQuery对象了,你可以用find()、next()或XPath等方法在里面寻找节点,
和用jQuery操作HTML对象没有区别
}
});

进一步了解AJAX事件
前面讨论的一些方法都有自己的事件处理机制,从页面整体来说,都只能说是局部函数。jQuery提供了AJAX全局函数的定义,以满足特殊的需求。下面是jQuery提供的所有函数(按照触发顺序排列如下):

ajaxStart
(全局事件) 开始新的Ajax请求,并且此时没有其他ajax请求正在进行
beforeSend
(局部事件) 当一个Ajax请求开始时触发。如果需要,你可以在这里设置XMLHttpRequest对象
ajaxSend
(全局事件) 请求开始前触发的全局事件
success
(局部事件) 请求成功时触发。即服务器没有返回错误,返回的数据也没有错误
ajaxSuccess
全局事件全局的请求成功
error
(局部事件) 仅当发生错误时触发。你无法同时执行success和error两个回调函数
ajaxError
全局事件全局的发生错误时触发
complete
(局部事件) 不管你请求成功还是失败,即便是同步请求,你都能在请求完成时触发这个事件
ajaxComplete
全局事件全局的请求完成时触发
ajaxStop
(全局事件) 当没有Ajax正在进行中的时候,触发
局部事件在之前的函数中都有介绍,我们主要来看看全局事件。对某个对象进行全局事件监听,那么全局中的AJAX动作,都会对其产生影响。比如,当页面在进行AJAX操作时,ID为”loading”的DIV就显示出来:

$(“#loading”).ajaxStart(function(){
$(this).show();
});

全局事件也可以帮助你编写全局的错误相应和成功相应,而不需要为每个AJAX请求独立设置。有必要指出,全局事件的参数是很有用的。除了 ajaxStart、ajaxOptions,其他事件均有event, XMLHttpRequest, ajaxOptions三个参数。第一个参数即事件本身;第二个是XHR对象;第三个是你传递的ajax参数对象。在一个对象里显示全局的AJAX情况:

$(“#msg”).beforeSend(function(e,xhr,o) {
$(this).html(“正在请求”+o.url);
}).ajaxSuccess(function(e,xhr,o) {
$(this).html(o.url+”请求成功”);
}).ajaxError(function(e,xhr,o) {
$(this).html(o.url+”请求失败”);
});

很显然,第三个参数也可以帮助你传递你在AJAX事件里加入的自定义参数。 在单个AJAX请求时,你可以将global的值设为false,以将此请求独立于AJAX的全局事件。

$.ajax({
url: “request.jsp”,
global: false,
// 禁用全局Ajax事件.
});

如果你想为全局AJAX设置参数,你会用上ajaxSetup()函数。例如,将所有AJAX请求都传递到request.php,;禁用全局方法;强制用POST方法传递:

$.ajaxSetup({
url: “request.jsp”,
global: false,
type: “POST”
});

一些你不得不知道的方法
写AJAX肯定离不开从页面获取相应的值。在这里简单列举一些方法:

val()
val()函数可以返回表单组建的值,例如任何种类input的值。配合选择符操作,你可以轻易获取选项组、输入框、按钮等元素的值。

$(“input[name='info']:text”).val();
//返回名字为info的文本框的值
$(“input[name='pass']:password”).val();
//返回名字为pass的密码框的值
$(“input[name='save']:radio”).val();
//返回名字为save的单选项的值
//以此类推

serialize()

serialize函数可以帮你把表单对象的所有值都转换为字符串序列。如果你要写GET格式的请求,这个就非常方便了。
serializeArray()
和serialize()类似,只不过它返回的是JSON对象。

三分钟快速削菠萝

买菠萝要认真看菠萝的叶子,管叶子上没有刺的菠萝叫“金菠萝”,价格也比普通的菠萝大概贵一倍的样子,普通的菠萝削好和没削好的都有的卖,但是金菠萝可能因为买的人相对少些,水果店和超市都只卖没有削皮的,称重以后得自己回家削。

   这里提供一个快速削菠萝的简便方法,自己动手三分钟就能全部搞定了,金菠萝和普通菠萝还有一个区别是,普通菠萝削好后需要用淡盐水浸泡半个小时以后再吃,而金菠萝削好后可以直接食用,而且吃得再多也不会有口涩的感觉。

削菠萝的方法:

1、  用大刀切去菠萝头部和底部

2、  将去头去尾的菠萝对半切开

3、  再分成八个小块(这个数量可大可小,分成四块、六块或者更多都可以)

4、  取其中的一小块,竖着切成N个小块

5、  再用水果刀贴着菠萝皮切过去,菠萝就切好了,如果喜欢更小的块,可以继续切

其实平时切西瓜、哈密瓜啥的,都可以这么切,吃的时候也不会弄得到处都是果汁。

三分钟快速削菠萝

css手段解决Google Chrome浏览器字体最小12px问题

有些网页设计中要会用到小号文字,通常是装饰性英文或者网站备案信息等无关紧要的文字,由于英文和数字的辨识性很强完全可以在10号以下清晰辨认,(在英文Chrome下是没有这个问题的。如果有字体为11px的情况, 会造成页面的错乱!).合理使用小号文字能让网页显得精致,但在Chrome中文版中默认将最小字号限制在12号(凭记忆,可能有误),应该是为了保证汉字的辨析度吧,如此一来模板中的小号文字都无法实现了,其实Chrome提供了一个私有属性可以解决这个问题:

.classname{-webkit-text-size-adjust:none;}
意思是浏览器不得干扰网页中的字号,这样浏览器的默认设置最小字号就不起作用了,缺点就是按住Ctrl滚动鼠标滚轮缩放网页时,应用了该样式的文字同样不会随页面缩放而缩放,因此不建议使用全局样式,只要针对性的解决个别需要小号文字的地方即可。

附: 路径“Documents and Settings你的用户名Local SettingsApplication DataGoogleChromeUser DataDefault”中用记事本打开Preferences文件。在”webkit”的”webprefs”里面加多这两行:
“minimum_font_size”: 8,
“minimum_logical_font_siz”: 12,

当然你可以把最小的8改为6,那就可以显示6像素的字体了。不过相信6像素的字已经看不清楚了。

修改后为:
“webkit”: {
“webprefs”: {
“default_fixed_font_size”: 13,
“default_font_size”: 16,
“fixed_font_family”: “u65B0u5B8Bu4F53″,
“inspector_settings”: “lastActivePanel:string:elementsn”,
“minimum_font_size”: 8,
“minimum_logical_font_siz”: 12,
“sansserif_font_family”: “Simsun”,
“serif_font_family”: “Simsun”
}
}

移动平台前端开发总结(针对iphone,Android等手机)

移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,需要对HTML5和CSS3有一定的了解。

1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用

       (1)<meta content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0″ name=”viewport” />
       (2)<meta content=”yes” name=”apple-mobile-web-app-capable” />
       (3)<meta content=”black” name=”apple-mobile-web-app-status-bar-style” />
       (4)<meta content=”telephone=no” name=”format-detection” />
        第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开,如果不规范将不会起作用。
        第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;
        第三个meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式;
        第四个meta标签表示:告诉设备忽略将页面中的数字识别为电话号码

2、如何去除Android平台中对邮箱地址的识别
看 过iOS webapp API的同学都知道iOS提供了一个meta标签:用于禁用iOS对页面中电话号码的自动识别。在iOS中是不自动识别邮件地址的,但在Android平 台,它会自动检测邮件地址,当用户touch到这个邮件地址时,Android会弹出一个框提示用户发送邮件,如果你不想Android自动识别页面中的 邮件地址,你不妨加上这样一句meta标签在head中

        <meta content=”email=no” name=”format-detection” />

3、如何去除iOS和Android中的输入URL的控件条
你的老板或者PD或者交互设计师可能会要求你:能否让我们的webapp更加像nativeapp,我不想让用户看见那个输入url的控件条?
答案是可以做到的。我们可以利用一句简单的javascript代码来实现这个效果

      setTimeout(scrollTo,0,0,0);

请注意,这句代码必须放在window.onload里才能够正常的工作,而且你的当前文档的内容高度必须是高于窗口的高度时,这句代码才能有效的执行。

4、如何禁止用户旋转设备
我曾经也想禁止用户旋转设备,也想实现像某些客户端那样:只能在肖像模式或景观模式下才能正常运行。但现在我可以很负责任的告诉你:别想了!在移动版的webkit中做不到!
至 少Apple webapp API已经说到了:我们为了让用户在safari中正常的浏览网页,我们必须保证用户的设备处于任何一个方位时,safari都能够正常的显示网页内容 (也就是自适应),所以我们禁止开发者阻止浏览器的orientationchange事件,看来苹果公司的出发点是正确的,苹果确实不是一般的苹果。
iOS已经禁止开发者阻止orientationchange事件,那Android呢?对不起,我没有找到任何资料说Android禁止开发者阻止浏览器orientationchange事件,但是在Android平台,确实也是阻止不了的。

5、如何检测用户是通过主屏启动你的webapp
看 过Apple webapp API的同学都知道iOS为safari提供了一个将当前页面添加主屏的功能,按下iphone\ipod\ipod touch底部工具中的小加号,或者ipad顶部左侧的小加号,就可以将当前的页面添加到设备的主屏,在设备的主屏会自动增加一个当前页面的启动图标,点 击该启动图标就可以快速、便捷的启动你的webapp。从主屏启动的webapp和浏览器访问你的webapp最大的区别是它清除了浏览器上方和下方的工 具条,这样你的webapp就更加像是nativeapp了,还有一个区别是window对像中的navigator子对象的一个standalone属 性。iOS中浏览器直接访问站点时,navigator.standalone为false,从主屏启动webapp 时,navigator.standalone为true, 我们可以通过navigator.standalone这个属性获知用户当前是否是从主屏访问我们的webapp的。
在Android中从来没有添加到主屏这回事!

6、如何关闭iOS中键盘自动大写
我 们知道在iOS中,当虚拟键盘弹出时,默认情况下键盘是开启首字母大写的功能的,根据某些业务场景,可能我们需要关闭这个功能,移动版本webkit为 input元素提供了autocapitalize属性,通过指定autocapitalize=”off”来关闭键盘默认首字母大写。