一、SpeedText的用法
用SpeedText测试网速
SpeedText可以用来测试你的电脑连接某网站或服务器的速度,结果会以柱状图的形式表示。该软件的使用方法很简单:在软件主界面的“Server”栏填写网址,回车即可得到测试结果(用SpeedText测试连接新浪网的速度。如果想将该结果与标准速度进行比较,可以执行“Compare”菜单,并从中选择一个标准)。
二、sublime text2如何更改行间距和字符间距
在设置,用户里面增加下面两行.
//行底部的内填充数字大小就是行间距
"line_padding_bottom":1,
//行顶部的内填充数字大小就是行间距
"line_padding_top":1,
//行号边栏和文字的间距“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。实验表明,在不同浏览器中,对这些值的反应可能有所差异,特别是移动设备上,可能会观察到性能影响。