一、SpeedText的用法

用SpeedText测试网速

SpeedText可以用来测试你的电脑连接某网站或服务器的速度,结果会以柱状图的形式表示。该软件的使用方法很简单:在软件主界面的“Server”栏填写网址,回车即可得到测试结果(用SpeedText测试连接新浪网的速度。如果想将该结果与标准速度进行比较,可以执行“Compare”菜单,并从中选择一个标准)。

speedtext(SpeedText的用法)

二、sublime text2如何更改行间距和字符间距

在设置,用户里面增加下面两行.

//行底部的内填充数字大小就是行间距

"line_padding_bottom":1,

//行顶部的内填充数字大小就是行间距

"line_padding_top":1,

speedtext(SpeedText的用法)

//行号边栏和文字的间距“margin”:4,

以下是设置详解:

Preferences.sublime-settings文件:

//Whileyoucaneditthisfile,it’sbesttoputyourchangesin

//“User/Preferences.sublime-settings”,whichoverridesthesettingsinhere.

//

//Settingsmayalsobeplacedinfiletypespecificoptionsfiles,for

//example,inPackages/Python/Python.sublime-settingsforpythonfiles.

{

//Setsthecolorsusedwithinthetextarea

//主题文件的路径

“color_scheme”:“Packages/ColorScheme–Default/Monokai.tmTheme”,

//Notethatthefont_faceandfont_sizeareoverridenintheplatform

//specificsettingsfile,forexample,“Preferences(Linux).sublime-settings”.

//Becauseofthis,settingthemherewillhavenoeffect:youmustsetthem

//inyourUserFilePreferences.

//设置字体和大小,必须在Settings-User里重写,这里设置没有任何效果

“font_face”:“Consolas”,

“font_size”:12,

//Validoptionsare“no_bold”,“no_italic”,“no_antialias”,“gray_antialias”,

//“subpixel_antialias”and“no_round”(OSXonly)

//字体选项:no_bold不显示粗体字,no_italic不显示斜体字,no_antialias和no_antialias关闭反锯齿

//subpixel_antialias和no_round是OSX系统独有的

“font_options”:[],

//Charactersthatareconsideredtoseparatewords

//在文字上双击会全选当前的内容,如果里面出现以下字符,就会被截断

“word_separators”:“./\\()\”‘-:,.;<>~!@#$%^&*|+=[]{}`~?”,

//Settofalsetopreventlinenumbersbeingdrawninthegutter

//是否显示行号

“line_numbers”:true,

//Settofalsetohidethegutteraltogether

//是否显示行号边栏

“gutter”:true,

//Spacingbetweenthegutterandthetext

//行号边栏和文字的间距

“margin”:4,

//Foldbuttonsarethetrianglesshownintheguttertofoldregionsoftext

//是否显示代码折叠按钮

“fold_buttons”:true,

//Hidesthefoldbuttonsunlessthemouseisoverthegutter

//不管鼠标在不在行号边栏,代码折叠按钮一直显示

“fade_fold_buttons”:true,

//Columnsinwhichtodisplayverticalrulers

//列显示垂直标尺,在中括号里填入数字,宽度按字符计算

“rulers”:[],

//Settotruetoturnspellcheckingonbydefault

//是否打开拼写检查

“spell_check”:false,

//Thenumberofspacesatabisconsideredequalto

//Tab键制表符宽度

“tab_size”:4,

//Settotruetoinsertspaceswhentabispressed

//设为true时,缩进和遇到Tab键时使用空格替代

“translate_tabs_to_spaces”:false,

//Iftranslate_tabs_to_spacesistrue,use_tab_stopswillmaketaband

//backspaceinsert/deleteuptothenexttabstop

//translate_tabs_to_spaces设置为true,Tab和Backspace的删除/插入作用于制表符宽度

//否则作用于单个空格

“use_tab_stops”:true,

//Settofalsetodisabledetectionoftabsvs.spacesonload

//false时禁止在载入的时候检测制表符和空格

“detect_indentation”:true,

//Calculatesindentationautomaticallywhenpressingenter

//按回车时,自动与制表位对齐

“auto_indent”:true,

//Makesautoindentalittlesmarter,e.g.,byindentingthenextline

//afteranifstatementinC.Requiresauto_indenttobeenabled.

//针对C语言的

“smart_indent”:false,

//Addswhitespaceuptothefirstopenbracketwhenindenting.Requires

//auto_indenttobeenabled.

//需要启用auto_indent,第一次打开括号缩进时插入空格?(没测试出来效果…)

“indent_to_bracket”:true,

//Trimswhitespaceaddedbyauto_indentwhenmovingthecaretoffthe

//line.

//显示对齐的白线是否根据回车、tab等操作自动填补

“trim_automatic_white_space”:true,

//Disableshorizontalscrollingifenabled.

//Maybesettotrue,false,or“auto”,whereitwillbedisabledfor

//sourcecode,andotherwiseenabled.

//是否自动换行,如果选auto,需要加双引号

“word_wrap”:false,

//Settoavalueotherthan0toforcewrappingatthatcolumnratherthanthe

//windowwidth

//设置窗口内文字区域的宽度

“wrap_width”:0,

//Settofalsetopreventwordwrappedlinesfrombeingindentedtothesame

//level

//防止被缩进到同一级的字换行

“indent_subsequent_lines”:true,

//Drawstextcenteredinthewindowratherthanleftaligned

//如果没有定义过,则文件居中显示(比如新建的文件)

“draw_centered”:false,

//Controlsautopairingofquotes,bracketsetc

//自动匹配引号,括号等

“auto_match_enabled”:true,

//Wordlisttouseforspellchecking

//拼写检查的单词列表路径

“dictionary”:“Packages/Language–English/en_US.dic”,

//Settotruetodrawaborderaroundthevisiblerectangleontheminimap.

//Thecoloroftheborderwillbedeterminedbythe“minimapBorder”keyin

//thecolorscheme

//代码地图的可视区域部分是否加上边框,边框的颜色可在配色方案上加入minimapBorder键

“draw_minimap_border”:false,

//Ifenabled,willhighlightanylinewithacaret

//突出显示当前光标所在的行

“highlight_line”:false,

//Validvaluesare“smooth”,“phase”,“blink”,“wide”and“solid”.

//设置光标闪动方式

“caret_style”:“smooth”,

//Settofalsetodisableunderliningthebracketssurroundingthecaret

//是否特殊显示当前光标所在的括号、代码头尾闭合标记

“match_brackets”:true,

//Settofalseifyou’dratheronlyhighlightthebracketswhenthecaretis

//nexttoone

//设为false时,只有光标在括号或头尾闭合标记的两端时,match_brackets才生效

“match_brackets_content”:true,

//Settofalsetonothighlightsquarebrackets.Thisonlytakeseffectif

//match_bracketsistrue

//是否突出显示圆括号,match_brackets为true生效

“match_brackets_square”:false,

//Settofalsetonothighlightcurlybrackets.Thisonlytakeseffectif

//match_bracketsistrue

//是否突出显示大括号,match_brackets为true生效

“match_brackets_braces”:false,

//Settofalsetonothighlightanglebrackets.Thisonlytakeseffectif

//match_bracketsistrue

//是否突出显示尖括号,match_brackets为true生效

“match_brackets_angle”:false,

//EnablevisualizationofthematchingtaginHTMLandXML

//html和xml下突出显示光标所在标签的两端,影响HTML、XML、CSS等

“match_tags”:true,

//Highlightsotheroccurrencesofthecurrentlyselectedtext

//全文突出显示和当前选中字符相同的字符

“match_selection”:true,

//设置每一行到顶部,以像素为单位的间距,效果相当于行距

“line_padding_top”:1,

//设置每一行到底部,以像素为单位的间距,效果相当于行距

“line_padding_bottom”:1,

//设置为false时,滚动到文本的最下方时,没有缓冲区

“scroll_past_end”:true,

//控制向上或向下到第一行或最后一行时发生什么(没明白也没试出来)

“move_to_limit_on_up_down”:false,

//按space或tab时,实际会产生白色的点(一个空格一个点)或白色的横线(tab_size设置的制表符的宽度),选中状态下才能看到

//设置为none时,什么情况下都不显示这些点和线

//设置为selection时,只显示选中状态下的点和线

//设置为all时,则一直显示

“draw_white_space”:“selection”,

//制表位的对齐白线是否显示,颜色可在主题文件里设置(guide,activeGuide,stackGuide)

“draw_indent_guides”:true,

//制表位的对齐白线,draw_normal为一直显示,draw_active为只显示当前光标所在的代码控制域

“indent_guide_options”:["draw_normal"],

//为true时,保存文件时会删除每行结束后多余的空格

“trim_trailing_white_space_on_save”:false,

//为true时,保存文件时光标会在文件的最后向下换一行

“ensure_newline_at_eof_on_save”:false,

//切换到其它文件标签或点击其它非本软件区域,文件自动保存

“save_on_focus_lost”:false,

//编码时不能自动检测编码时,将自动检测ASCII,UTF-8和UTF-16

“fallback_encoding”:“Western(Windows1252)”,

//默认编码格式

“default_encoding”:“UTF-8〃,

//包含空字节的文件被打开默认为十六进制

“enable_hexadecimal_encoding”:true,

//每一行结束的时候用什么字符做终止符

“default_line_ending”:“system”,

//设置为enabled时,在一个字符串间按Tab将插入一个制表符

//设置为true时,按Tab会根据前后环境进行代码自动匹配填补

“tab_completion”:true,

//代码提示

“auto_complete”:true,

//代码提示的大小限制

“auto_complete_size_limit”:4194304,

//代码提示延迟显示

“auto_complete_delay”:50,

//代码提示的控制范围

“auto_complete_selector”:“source–comment”,

//触发代码提示的其他情况

“auto_complete_triggers”:[{"selector":"text.html","characters":"<"}],

//设为false时,选择提示的代码按回车或点击可以输出出来,但选择true时不会输出而是直接换行

“auto_complete_commit_on_tab”:false,

“auto_complete_with_fields”:false,

//设置为false,使用Shift+tab总是插入制表符

“shift_tab_unindent”:true,

//选中的文本按Ctrl+f时,自动复制到查找面板的文本框里

“find_selected_text”:true,

//Data\Packages\Theme–Default\Default.sublime-theme控制软件的主题

“theme”:“Default.sublime-theme”,

//滚动的速度

“scroll_speed”:1.0,

//左边边栏文件夹动画

“tree_animation_enabled”:true,

//标签页的关闭按钮

“show_tab_close_buttons”:true,

//Validvaluesare“system”,“enabled”and“disabled”

//水平垂直滚动条:system和disabled为默认显示方式,enabled为自动隐藏显示

“overlay_scroll_bars”:“system”,

}

三、text-rendering

在网页设计中,文本渲染(text-rendering)属性决定了文本在显示时的优化方向,主要关注速度、易读性和几何精度。这个属性有三个值:auto、optimizeSpeed、optimizeLegibility和geometricPrecision。

auto浏览器默认根据自身规则,平衡渲染速度、易读性和几何精度。优化渲染速度(optimizeSpeed)时,文本绘制可能牺牲易读性和几何精度,导致字间距和连字无效。优化易读性(optimizeLegibility)则反之,可能影响速度和几何精度。

对于移动设备,optimizeSpeed可能会导致明显的性能问题。geometricPrecision着重于几何精度,可能影响速度和易读性,但对某些字体的显示效果有好处。在SVG中,文本缩放时,浏览器计算最终大小并请求匹配的字体大小。然而,实际显示的大小可能因系统取整而产生阶梯式效果。geometricPrecision特性,当渲染引擎支持时,可以实现流畅缩放,避免阶梯式效果,提供更精确的文本显示,即使在大比例缩放时。

需要注意的是,不同的浏览器对这些值的处理可能不同,例如,WebKit准确实现了geometricPrecision,而Gecko则按照optimizeLegibility处理。

为了直观展示text-rendering属性的效果,可以参考一些Live Example或阅读相关文章,如text-rendering。实验表明,在不同浏览器中,对这些值的反应可能有所差异,特别是移动设备上,可能会观察到性能影响。