a316212802
a316212802

工具篇 -- sublime text 快捷键

说起前端开发利器很多。我之前比较喜欢的是Notepad++。最近心血来潮，下载了subLime Text 感觉不错。

首先给出下载地址：http://www.xp85.com/html/SublimeText.html

默认安装了Emmet。

那么Emmet快捷键语法在这个网页有写。也可以下载文档。

http://docs.emmet.io/cheat-sheet/


The Bridge WordPress theme comes packed with superior tools and features. ads via Carbon

Syntax

Child: >

nav>ul>li
<nav> <ul> <li></li> </ul></nav>

Sibling: +

div+p+bq
<div></div><p></p><blockquote></blockquote>

Climb-up: ^

div+div>p>span+em^bq
<div></div><div> <p><span></span><em></em></p> <blockquote></blockquote></div>
div+div>p>span+em^^bq
<div></div><div> <p><span></span><em></em></p></div><blockquote></blockquote>

Grouping: ()

div>(header>ul>li*2>a)+footer>p
<div> <header> <ul> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </header> <footer> <p></p> </footer></div>
(div>dl>(dt+dd)*3)+footer>p
<div> <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl></div><footer> <p></p></footer>

Multiplication: *

ul>li*5
<ul> <li></li> <li></li> <li></li> <li></li> <li></li></ul>

Item numbering: $

ul>li.item$*5
<ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li></ul>
h$[title=item$]{Header $}*3
<h1 title="item1">Header 1</h1><h2 title="item2">Header 2</h2><h3 title="item3">Header 3</h3>
ul>li.item$$$*5
<ul> <li class="item001"></li> <li class="item002"></li> <li class="item003"></li> <li class="item004"></li> <li class="item005"></li></ul>
ul>li.item$@-*5
<ul> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> <li class="item2"></li> <li class="item1"></li></ul>
ul>li.item$@3*5
<ul> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li></ul>

ID and CLASS attributes

#header
<div id="header"></div>
.title
<div class="title"></div>
form#search.wide
<form id="search" class="wide"></form>
p.class1.class2.class3
<p class="class1 class2 class3"></p>

Custom attributes

p[title="Hello world"]
<p title="Hello world"></p>
td[rowspan=2 colspan=3 title]
<td rowspan="2" colspan="3" title=""></td>
[a='value1' b="value2"]
<div a="value1" b="value2"></div>

Text: {}

a{Click me}
<a href="">Click me</a>
p>{Click }+a{here}+{ to continue}
<p>Click <a href="">here</a> to continue</p>

Implicit tag names

.class
<div class="class"></div>
em>.class
<em><span class="class"></span></em>
ul>.class
<ul> <li class="class"></li></ul>
table>.row>.col
<table> <tr class="row"> <td class="col"></td> </tr></table>

HTML

All unknown abbreviations will be transformed to tag, e.g. foo → <foo></foo>.

!

Alias of html:5

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title> Document</title></head><body> </body></html>
a
<a href=" "> </a>
a:link
<a href="http:// "> </a>
a:mail
<a href="mailto: "> </a>
abbr
<abbr title=" "> </abbr>
acronym, acr
<acronym title=" "> </acronym>
base
<base href=" " />
basefont
<basefont />
br
<br />
frame
<frame />
hr
<hr />
bdo
<bdo dir=" "> </bdo>
bdo:r
<bdo dir="rtl"> </bdo>
bdo:l
<bdo dir="ltr"> </bdo>
col
<col />
link
<link rel="stylesheet" href=" " />
link:css
<link rel="stylesheet" href=" style.css" />
link:print
<link rel="stylesheet" href=" print.css" media="print" />
link:favicon
<link rel="shortcut icon" type="image/x-icon" href=" favicon.ico" />
link:touch
<link rel="apple-touch-icon" href=" favicon.png" />
link:rss
<link rel="alternate" type="application/rss+xml" title="RSS" href=" rss.xml" />
link:atom
<link rel="alternate" type="application/atom+xml" title="Atom" href=" atom.xml" />
link:import, link:im
<link rel="import" href=" component.html" />
meta
<meta />
meta:utf
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
meta:win
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
meta:vp
<meta name="viewport" content="width= device-width, user-scalable= no, initial-scale= 1.0, maximum-scale= 1.0, minimum-scale= 1.0" />
meta:compat
<meta http-equiv="X-UA-Compatible" content=" IE=7" />
style
<style> </style>
script
<script> </script>
script:src
<script src=" "> </script>
img
<img src=" " alt=" " />
img:srcset, img:s
<img srcset=" " src=" " alt=" " />
img:sizes, img:z
<img sizes=" " srcset=" " src=" " alt=" " />
picture
<picture> </picture>
source, src
<source />
source:src, src:sc
<source src=" " type=" " />
source:srcset, src:s
<source srcset=" " />
source:media, src:m
<source media="( min-width: )" srcset=" " />
source:type, src:t
<source srcset=" " type=" image/" />
source:sizes, src:z
<source sizes=" " srcset=" " />
source:media:type, src:mt
<source media="( min-width: )" srcset=" " type=" image/" />
source:media:sizes, src:mz
<source media="( min-width: )" sizes=" " srcset=" " />
source:sizes:type, src:zt
<source sizes=" " srcset=" " type=" image/" />
iframe
<iframe src=" " frameborder="0"> </iframe>
embed
<embed src=" " type=" " />
object
<object data=" " type=" "> </object>
param
<param name=" " value=" " />
map
<map name=" "> </map>
area
<area shape=" " coords=" " href=" " alt=" " />
area:d
<area shape="default" href=" " alt=" " />
area:c
<area shape="circle" coords=" " href=" " alt=" " />
area:r
<area shape="rect" coords=" " href=" " alt=" " />
area:p
<area shape="poly" coords=" " href=" " alt=" " />
form
<form action=" "> </form>
form:get
<form action=" " method="get"> </form>
form:post
<form action=" " method="post"> </form>
label
<label for=" "> </label>
input
<input type=" text" />
inp
<input type=" text" name=" " id=" " />
input:hidden, input:h

Alias of input[type=hidden name]

<input type="hidden" name=" " />
input:text, input:t

Alias of inp

<input type=" text" name=" " id=" " />
input:search

Alias of inp[type=search]

<input type="search" name=" " id=" " />
input:email

Alias of inp[type=email]

<input type="email" name=" " id=" " />
input:url

Alias of inp[type=url]

<input type="url" name=" " id=" " />
input:password, input:p

Alias of inp[type=password]

<input type="password" name=" " id=" " />
input:datetime

Alias of inp[type=datetime]

<input type="datetime" name=" " id=" " />
input:date

Alias of inp[type=date]

<input type="date" name=" " id=" " />
input:datetime-local

Alias of inp[type=datetime-local]

<input type="datetime-local" name=" " id=" " />
input:month

Alias of inp[type=month]

<input type="month" name=" " id=" " />
input:week

Alias of inp[type=week]

<input type="week" name=" " id=" " />
input:time

Alias of inp[type=time]

<input type="time" name=" " id=" " />
input:tel

Alias of inp[type=tel]

<input type="tel" name=" " id=" " />
input:number

Alias of inp[type=number]

<input type="number" name=" " id=" " />
input:color

Alias of inp[type=color]

<input type="color" name=" " id=" " />
input:checkbox, input:c

Alias of inp[type=checkbox]

<input type="checkbox" name=" " id=" " />
input:radio, input:r

Alias of inp[type=radio]

<input type="radio" name=" " id=" " />
input:range

Alias of inp[type=range]

<input type="range" name=" " id=" " />
input:file, input:f

Alias of inp[type=file]

<input type="file" name=" " id=" " />
input:submit, input:s
<input type="submit" value=" " />
input:image, input:i
<input type="image" src=" " alt=" " />
input:button, input:b
<input type="button" value=" " />
isindex
<isindex />
input:reset

Alias of input:button[type=reset]

<input type="reset" value=" " />
select
<select name=" " id=" "> </select>
select:disabled, select:d

Alias of select[disabled.]

<select name=" " id=" " disabled="disabled"> </select>
option, opt
<option value=" "> </option>
textarea
<textarea name=" " id=" " cols=" 30" rows=" 10"> </textarea>
marquee
<marquee behavior=" " direction=" "> </marquee>
menu:context, menu:c

Alias of menu[type=context]>

<menu type="context"> </menu>
menu:toolbar, menu:t

Alias of menu[type=toolbar]>

<menu type="toolbar"> </menu>
video
<video src=" "> </video>
audio
<audio src=" "> </audio>
html:xml
<html xmlns="http://www.w3.org/1999/xhtml"> </html>
keygen
<keygen />
command
<command />
button:submit, button:s, btn:s

Alias of button[type=submit]

<button type="submit"> </button>
button:reset, button:r, btn:r

Alias of button[type=reset]

<button type="reset"> </button>
button:disabled, button:d, btn:d

Alias of button[disabled.]

<button disabled="disabled"> </button>
fieldset:disabled, fieldset:d, fset:d, fst:d

Alias of fieldset[disabled.]

<fieldset disabled="disabled"> </fieldset>
bq

Alias of blockquote

<blockquote> </blockquote>
fig

Alias of figure

<figure> </figure>
figc

Alias of figcaption

<figcaption> </figcaption>
pic

Alias of picture

<picture> </picture>
ifr

Alias of iframe

<iframe src=" " frameborder="0"> </iframe>
emb

Alias of embed

<embed src=" " type=" " />
obj

Alias of object

<object data=" " type=" "> </object>
cap

Alias of caption

<caption> </caption>
colg

Alias of colgroup

<colgroup> </colgroup>
fst, fset

Alias of fieldset

<fieldset> </fieldset>
btn

Alias of button

<button> </button>
optg

Alias of optgroup

<optgroup> </optgroup>
tarea

Alias of textarea

<textarea name=" " id=" " cols=" 30" rows=" 10"> </textarea>
leg

Alias of legend

<legend> </legend>
sect

Alias of section

<section> </section>
art

Alias of article

<article> </article>
hdr

Alias of header

<header> </header>
ftr

Alias of footer

<footer> </footer>
adr

Alias of address

<address> </address>
dlg

Alias of dialog

<dialog> </dialog>
str

Alias of strong

<strong> </strong>
prog

Alias of progress

<progress> </progress>
mn

Alias of main

<main> </main>
tem

Alias of template

<template> </template>
datag

Alias of datagrid

<datagrid> </datagrid>
datal

Alias of datalist

<datalist> </datalist>
kg

Alias of keygen

<keygen />
out

Alias of output

<output> </output>
det

Alias of details

<details> </details>
cmd

Alias of command

<command />
doc

Alias of html>(head>meta[charset=${charset}]+title{${1:Document}})+body

<html><head> <meta charset="UTF-8" /> <title> Document</title></head><body> </body></html>
doc4

Alias of html>(head>meta[http-equiv="Content-Type" content="text/html;charset=${charset}"]+title{${1:Document}})+body

<html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title> Document</title></head><body> </body></html>
ri:dpr, ri:d

Alias of img:s

<img srcset=" " src=" " alt=" " />
ri:viewport, ri:v

Alias of img:z

<img sizes=" " srcset=" " src=" " alt=" " />
ri:art, ri:a

Alias of pic>src:m+img

<picture> <source media="( min-width: )" srcset=" " /> <img src=" " alt=" " /></picture>
ri:type, ri:t

Alias of pic>src:t+img

<picture> <source srcset=" " type=" image/" /> <img src=" " alt=" " /></picture>
html:4t

Alias of !!!4t+doc4[lang=${lang}]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title> Document</title></head><body> </body></html>
html:4s

Alias of !!!4s+doc4[lang=${lang}]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title> Document</title></head><body> </body></html>
html:xt

Alias of !!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title> Document</title></head><body> </body></html>
html:xs

Alias of !!!xs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title> Document</title></head><body> </body></html>
html:xxs

Alias of !!!xxs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=${lang}]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title> Document</title></head><body> </body></html>
html:5

Alias of !!!+doc[lang=${lang}]

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title> Document</title></head><body> </body></html>
ol+

Alias of ol>li

<ol> <li> </li></ol>
ul+

Alias of ul>li

<ul> <li> </li></ul>
dl+

Alias of dl>dt+dd

<dl> <dt> </dt> <dd> </dd></dl>
map+

Alias of map>area

<map name=" "> <area shape=" " coords=" " href=" " alt=" " /></map>
table+

Alias of table>tr>td

<table> <tr> <td> </td> </tr></table>
colgroup+, colg+

Alias of colgroup>col

<colgroup> <col /></colgroup>
tr+

Alias of tr>td

<tr> <td> </td></tr>
select+

Alias of select>option

<select name=" " id=" "> <option value=" "> </option></select>
optgroup+, optg+

Alias of optgroup>option

<optgroup> <option value=" "> </option></optgroup>
pic+

Alias of picture>source:srcset+img

<picture> <source srcset=" " /> <img src=" " alt=" " /></picture>
!!!
<!DOCTYPE html>
!!!4t
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
!!!4s
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
!!!xt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
!!!xs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
!!!xxs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
c
<!-- ${child} -->
cc:ie6
<!--[if lte IE 6]> ${child} <![endif]-->
cc:ie
<!--[if IE]> ${child} <![endif]-->
cc:noie
<!--[if !IE]><!--> ${child} <!--<![endif]-->

CSS

CSS module uses fuzzy search to find unknown abbreviations, e.g. ov:h == ov-h == ovh == oh.

If abbreviation wasn’t found, it is transformed into property name: foo-bar → foo-bar: |;

You can prefix abbreviations with hyphen to produce vendor-prefixed properties: -foo

Visual Formatting

pos
position: relative;
pos:s
position:static;
pos:a
position:absolute;
pos:r
position:relative;
pos:f
position:fixed;
t
top: ;
t:a
top:auto;
r
right: ;
r:a
right:auto;
b
bottom: ;
b:a
bottom:auto;
l
left: ;
l:a
left:auto;
z
z-index: ;
z:a
z-index:auto;
fl
float: left;
fl:n
float:none;
fl:l
float:left;
fl:r
float:right;
cl
clear: both;
cl:n
clear:none;
cl:l
clear:left;
cl:r
clear:right;
cl:b
clear:both;
d
display: block;
d:n
display:none;
d:b
display:block;
d:f
display:flex;
d:if
display:inline-flex;
d:i
display:inline;
d:ib
display:inline-block;
d:li
display:list-item;
d:ri
display:run-in;
d:cp
display:compact;
d:tb
display:table;
d:itb
display:inline-table;
d:tbcp
display:table-caption;
d:tbcl
display:table-column;
d:tbclg
display:table-column-group;
d:tbhg
display:table-header-group;
d:tbfg
display:table-footer-group;
d:tbr
display:table-row;
d:tbrg
display:table-row-group;
d:tbc
display:table-cell;
d:rb
display:ruby;
d:rbb
display:ruby-base;
d:rbbg
display:ruby-base-group;
d:rbt
display:ruby-text;
d:rbtg
display:ruby-text-group;
v
visibility: hidden;
v:v
visibility:visible;
v:h
visibility:hidden;
v:c
visibility:collapse;
ov
overflow: hidden;
ov:v
overflow:visible;
ov:h
overflow:hidden;
ov:s
overflow:scroll;
ov:a
overflow:auto;
ovx
overflow-x: hidden;
ovx:v
overflow-x:visible;
ovx:h
overflow-x:hidden;
ovx:s
overflow-x:scroll;
ovx:a
overflow-x:auto;
ovy
overflow-y: hidden;
ovy:v
overflow-y:visible;
ovy:h
overflow-y:hidden;
ovy:s
overflow-y:scroll;
ovy:a
overflow-y:auto;
ovs
overflow-style: scrollbar;
ovs:a
overflow-style:auto;
ovs:s
overflow-style:scrollbar;
ovs:p
overflow-style:panner;
ovs:m
overflow-style:move;
ovs:mq
overflow-style:marquee;
zoo, zm
zoom:1;
cp
clip: ;
cp:a
clip:auto;
cp:r
clip:rect( top right bottom left);
rsz
resize: ;
rsz:n
resize:none;
rsz:b
resize:both;
rsz:h
resize:horizontal;
rsz:v
resize:vertical;
cur
cursor:${pointer};
cur:a
cursor:auto;
cur:d
cursor:default;
cur:c
cursor:crosshair;
cur:ha
cursor:hand;
cur:he
cursor:help;
cur:m
cursor:move;
cur:p
cursor:pointer;
cur:t
cursor:text;

Margin & Padding

m
margin: ;
m:a
margin:auto;
mt
margin-top: ;
mt:a
margin-top:auto;
mr
margin-right: ;
mr:a
margin-right:auto;
mb
margin-bottom: ;
mb:a
margin-bottom:auto;
ml
margin-left: ;
ml:a
margin-left:auto;
p
padding: ;
pt
padding-top: ;
pr
padding-right: ;
pb
padding-bottom: ;
pl
padding-left: ;

Box Sizing

bxz
box-sizing: border-box;
bxz:cb
box-sizing:content-box;
bxz:bb
box-sizing:border-box;
bxsh
box-shadow: inset hoff voff blur color;
bxsh:r
box-shadow: inset hoff voff blur spread rgb( 0, 0, 0);
bxsh:ra
box-shadow: inset h v blur spread rgba( 0, 0, 0, . 5);
bxsh:n
box-shadow:none;
w
width: ;
w:a
width:auto;
h
height: ;
h:a
height:auto;
maw
max-width: ;
maw:n
max-width:none;
mah
max-height: ;
mah:n
max-height:none;
miw
min-width: ;
mih
min-height: ;

Font

f
font: ;
f+
font: 1em Arial,sans-serif;
fw
font-weight: ;
fw:n
font-weight:normal;
fw:b
font-weight:bold;
fw:br
font-weight:bolder;
fw:lr
font-weight:lighter;
fs
font-style:${italic};
fs:n
font-style:normal;
fs:i
font-style:italic;
fs:o
font-style:oblique;
fv
font-variant: ;
fv:n
font-variant:normal;
fv:sc
font-variant:small-caps;
fz
font-size: ;
fza
font-size-adjust: ;
fza:n
font-size-adjust:none;
ff
font-family: ;
ff:s
font-family:serif;
ff:ss
font-family:sans-serif;
ff:c
font-family:cursive;
ff:f
font-family:fantasy;
ff:m
font-family:monospace;
ff:a
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
ff:t
font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
ff:v
font-family: Verdana, Geneva, sans-serif;
fef
font-effect: ;
fef:n
font-effect:none;
fef:eg
font-effect:engrave;
fef:eb
font-effect:emboss;
fef:o
font-effect:outline;
fem
font-emphasize: ;
femp
font-emphasize-position: ;
femp:b
font-emphasize-position:before;
femp:a
font-emphasize-position:after;
fems
font-emphasize-style: ;
fems:n
font-emphasize-style:none;
fems:ac
font-emphasize-style:accent;
fems:dt
font-emphasize-style:dot;
fems:c
font-emphasize-style:circle;
fems:ds
font-emphasize-style:disc;
fsm
font-smooth: ;
fsm:a
font-smooth:auto;
fsm:n
font-smooth:never;
fsm:aw
font-smooth:always;
fst
font-stretch: ;
fst:n
font-stretch:normal;
fst:uc
font-stretch:ultra-condensed;
fst:ec
font-stretch:extra-condensed;
fst:c
font-stretch:condensed;
fst:sc
font-stretch:semi-condensed;
fst:se
font-stretch:semi-expanded;
fst:e
font-stretch:expanded;
fst:ee
font-stretch:extra-expanded;
fst:ue
font-stretch:ultra-expanded;

Text

va
vertical-align: top;
va:sup
vertical-align:super;
va:t
vertical-align:top;
va:tt
vertical-align:text-top;
va:m
vertical-align:middle;
va:bl
vertical-align:baseline;
va:b
vertical-align:bottom;
va:tb
vertical-align:text-bottom;
va:sub
vertical-align:sub;
ta
text-align: left;
ta:l
text-align:left;
ta:c
text-align:center;
ta:r
text-align:right;
ta:j
text-align:justify;
ta-lst
text-align-last: ;
tal:a
text-align-last:auto;
tal:l
text-align-last:left;
tal:c
text-align-last:center;
tal:r
text-align-last:right;
td
text-decoration: none;
td:n
text-decoration:none;
td:u
text-decoration:underline;
td:o
text-decoration:overline;
td:l
text-decoration:line-through;
te
text-emphasis: ;
te:n
text-emphasis:none;
te:ac
text-emphasis:accent;
te:dt
text-emphasis:dot;
te:c
text-emphasis:circle;
te:ds
text-emphasis:disc;
te:b
text-emphasis:before;
te:a
text-emphasis:after;
th
text-height: ;
th:a
text-height:auto;
th:f
text-height:font-size;
th:t
text-height:text-size;
th:m
text-height:max-size;
ti
text-indent: ;
ti:-
text-indent:-9999px;
tj
text-justify: ;
tj:a
text-justify:auto;
tj:iw
text-justify:inter-word;
tj:ii
text-justify:inter-ideograph;
tj:ic
text-justify:inter-cluster;
tj:d
text-justify:distribute;
tj:k
text-justify:kashida;
tj:t
text-justify:tibetan;
to
text-outline: ;
to+
text-outline: 0 0 #000;
to:n
text-outline:none;
tr
text-replace: ;
tr:n
text-replace:none;
tt
text-transform: uppercase;
tt:n
text-transform:none;
tt:c
text-transform:capitalize;
tt:u
text-transform:uppercase;
tt:l
text-transform:lowercase;
tw
text-wrap: ;
tw:n
text-wrap:normal;
tw:no
text-wrap:none;
tw:u
text-wrap:unrestricted;
tw:s
text-wrap:suppress;
tsh
text-shadow: hoff voff blur #000;
tsh:r
text-shadow: h v blur rgb( 0, 0, 0);
tsh:ra
text-shadow: h v blur rgba( 0, 0, 0, . 5);
tsh+
text-shadow: 0 0 0 #000;
tsh:n
text-shadow:none;
lh
line-height: ;
lts
letter-spacing: ;
lts-n
letter-spacing:normal;
whs
white-space: ;
whs:n
white-space:normal;
whs:p
white-space:pre;
whs:nw
white-space:nowrap;
whs:pw
white-space:pre-wrap;
whs:pl
white-space:pre-line;
whsc
white-space-collapse: ;
whsc:n
white-space-collapse:normal;
whsc:k
white-space-collapse:keep-all;
whsc:l
white-space-collapse:loose;
whsc:bs
white-space-collapse:break-strict;
whsc:ba
white-space-collapse:break-all;
wob
word-break: ;
wob:n
word-break:normal;
wob:k
word-break:keep-all;
wob:ba
word-break:break-all;
wos
word-spacing: ;
wow
word-wrap: ;
wow:nm
word-wrap:normal;
wow:n
word-wrap:none;
wow:u
word-wrap:unrestricted;
wow:s
word-wrap:suppress;
wow:b
word-wrap:break-word;

Background

bg
background:# 000;
bg+
background: #fff url( ) 0 0 no-repeat;
bg:n
background:none;
bgc
background-color:# fff;
bgc:t
background-color:transparent;
bgi
background-image:url( );
bgi:n
background-image:none;
bgr
background-repeat: ;
bgr:n
background-repeat:no-repeat;
bgr:x
background-repeat:repeat-x;
bgr:y
background-repeat:repeat-y;
bgr:sp
background-repeat:space;
bgr:rd
background-repeat:round;
bga
background-attachment: ;
bga:f
background-attachment:fixed;
bga:s
background-attachment:scroll;
bgp
background-position: 0 0;
bgpx
background-position-x: ;
bgpy
background-position-y: ;
bgbk
background-break: ;
bgbk:bb
background-break:bounding-box;
bgbk:eb
background-break:each-box;
bgbk:c
background-break:continuous;
bgcp
background-clip: padding-box;
bgcp:bb
background-clip:border-box;
bgcp:pb
background-clip:padding-box;
bgcp:cb
background-clip:content-box;
bgcp:nc
background-clip:no-clip;
bgo
background-origin: ;
bgo:pb
background-origin:padding-box;
bgo:bb
background-origin:border-box;
bgo:cb
background-origin:content-box;
bgsz
background-size: ;
bgsz:a
background-size:auto;
bgsz:ct
background-size:contain;
bgsz:cv
background-size:cover;

Color

c
color:# 000;
c:r
color:rgb( 0, 0, 0);
c:ra
color:rgba( 0, 0, 0, . 5);
op
opacity: ;

Generated content

cnt
content:' ';
cnt:n, ct:n
content:normal;
cnt:oq, ct:oq
content:open-quote;
cnt:noq, ct:noq
content:no-open-quote;
cnt:cq, ct:cq
content:close-quote;
cnt:ncq, ct:ncq
content:no-close-quote;
cnt:a, ct:a
content:attr( );
cnt:c, ct:c
content:counter( );
cnt:cs, ct:cs
content:counters( );
ct
content: ;
q
quotes: ;
q:n
quotes:none;
q:ru
quotes:'\00AB' '\00BB' '\201E' '\201C';
q:en
quotes:'\201C' '\201D' '\2018' '\2019';
coi
counter-increment: ;
cor
counter-reset: ;

Outline

ol
outline: ;
ol:n
outline:none;
olo
outline-offset: ;
olw
outline-width: ;
olw:tn
outline-width:thin;
olw:m
outline-width:medium;
olw:tc
outline-width:thick;
ols
outline-style: ;
ols:n
outline-style:none;
ols:dt
outline-style:dotted;
ols:ds
outline-style:dashed;
ols:s
outline-style:solid;
ols:db
outline-style:double;
ols:g
outline-style:groove;
ols:r
outline-style:ridge;
ols:i
outline-style:inset;
ols:o
outline-style:outset;
olc
outline-color:# 000;
olc:i
outline-color:invert;

Tables

tbl
table-layout: ;
tbl:a
table-layout:auto;
tbl:f
table-layout:fixed;
cps
caption-side: ;
cps:t
caption-side:top;
cps:b
caption-side:bottom;
ec
empty-cells: ;
ec:s
empty-cells:show;
ec:h
empty-cells:hide;

Border

bd
border: ;
bd+
border: 1px solid #000;
bd:n
border:none;
bdbk
border-break: close;
bdbk:c
border-break:close;
bdcl
border-collapse: ;
bdcl:c
border-collapse:collapse;
bdcl:s
border-collapse:separate;
bdc
border-color:# 000;
bdc:t
border-color:transparent;
bdi
border-image:url( );
bdi:n
border-image:none;
bdti
border-top-image:url( );
bdti:n
border-top-image:none;
bdri
border-right-image:url( );
bdri:n
border-right-image:none;
bdbi
border-bottom-image:url( );
bdbi:n
border-bottom-image:none;
bdli
border-left-image:url( );
bdli:n
border-left-image:none;
bdci
border-corner-image:url( );
bdci:n
border-corner-image:none;
bdci:c
border-corner-image:continue;
bdtli
border-top-left-image:url( );
bdtli:n
border-top-left-image:none;
bdtli:c
border-top-left-image:continue;
bdtri
border-top-right-image:url( );
bdtri:n
border-top-right-image:none;
bdtri:c
border-top-right-image:continue;
bdbri
border-bottom-right-image:url( );
bdbri:n
border-bottom-right-image:none;
bdbri:c
border-bottom-right-image:continue;
bdbli
border-bottom-left-image:url( );
bdbli:n
border-bottom-left-image:none;
bdbli:c
border-bottom-left-image:continue;
bdf
border-fit: repeat;
bdf:c
border-fit:clip;
bdf:r
border-fit:repeat;
bdf:sc
border-fit:scale;
bdf:st
border-fit:stretch;
bdf:ow
border-fit:overwrite;
bdf:of
border-fit:overflow;
bdf:sp
border-fit:space;
bdlen
border-length: ;
bdlen:a
border-length:auto;
bdsp
border-spacing: ;
bds
border-style: ;
bds:n
border-style:none;
bds:h
border-style:hidden;
bds:dt
border-style:dotted;
bds:ds
border-style:dashed;
bds:s
border-style:solid;
bds:db
border-style:double;
bds:dtds
border-style:dot-dash;
bds:dtdtds
border-style:dot-dot-dash;
bds:w
border-style:wave;
bds:g
border-style:groove;
bds:r
border-style:ridge;
bds:i
border-style:inset;
bds:o
border-style:outset;
bdw
border-width: ;
bdt, bt
border-top: ;
bdt+
border-top: 1px solid #000;
bdt:n
border-top:none;
bdtw
border-top-width: ;
bdts
border-top-style: ;
bdts:n
border-top-style:none;
bdtc
border-top-color:# 000;
bdtc:t
border-top-color:transparent;
bdr, br
border-right: ;
bdr+
border-right: 1px solid #000;
bdr:n
border-right:none;
bdrw
border-right-width: ;
bdrst
border-right-style: ;
bdrst:n
border-right-style:none;
bdrc
border-right-color:# 000;
bdrc:t
border-right-color:transparent;
bdb, bb
border-bottom: ;
bdb+
border-bottom: 1px solid #000;
bdb:n
border-bottom:none;
bdbw
border-bottom-width: ;
bdbs
border-bottom-style: ;
bdbs:n
border-bottom-style:none;
bdbc
border-bottom-color:# 000;
bdbc:t
border-bottom-color:transparent;
bdl, bl
border-left: ;
bdl+
border-left: 1px solid #000;
bdl:n
border-left:none;
bdlw
border-left-width: ;
bdls
border-left-style: ;
bdls:n
border-left-style:none;
bdlc
border-left-color:# 000;
bdlc:t
border-left-color:transparent;
bdrs
border-radius: ;
bdtrrs
border-top-right-radius: ;
bdtlrs
border-top-left-radius: ;
bdbrrs
border-bottom-right-radius: ;
bdblrs
border-bottom-left-radius: ;

Lists

lis
list-style: ;
lis:n
list-style:none;
lisp
list-style-position: ;
lisp:i
list-style-position:inside;
lisp:o
list-style-position:outside;
list
list-style-type: ;
list:n
list-style-type:none;
list:d
list-style-type:disc;
list:c
list-style-type:circle;
list:s
list-style-type:square;
list:dc
list-style-type:decimal;
list:dclz
list-style-type:decimal-leading-zero;
list:lr
list-style-type:lower-roman;
list:ur
list-style-type:upper-roman;
lisi
list-style-image: ;
lisi:n
list-style-image:none;

Print

pgbb
page-break-before: ;
pgbb:au
page-break-before:auto;
pgbb:al
page-break-before:always;
pgbb:l
page-break-before:left;
pgbb:r
page-break-before:right;
pgbi
page-break-inside: ;
pgbi:au
page-break-inside:auto;
pgbi:av
page-break-inside:avoid;
pgba
page-break-after: ;
pgba:au
page-break-after:auto;
pgba:al
page-break-after:always;
pgba:l
page-break-after:left;
pgba:r
page-break-after:right;
orp
orphans: ;
wid
widows: ;

Others

!
!important
@f
@font-face { font-family: ; src:url(|);}
@f+
@font-face { font-family: ' FontName'; src: url(' FileName.eot'); src: url(' FileName.eot?#iefix') format('embedded-opentype'), url(' FileName.woff') format('woff'), url(' FileName.ttf') format('truetype'), url(' FileName.svg# FontName') format('svg'); font-style: normal; font-weight: normal;}
@i, @import
@import url( );
@kf
@-webkit-keyframes identifier { from { } to { }}@-o-keyframes identifier { from { } to { }}@-moz-keyframes identifier { from { } to { }}@keyframes identifier { from { } to { }}
@m, @media
@media screen { }
ac
align-content: ;
ac:c
align-content:center;
ac:fe
align-content:flex-end;
ac:fs
align-content:flex-start;
ac:s
align-content:stretch;
ac:sa
align-content:space-around;
ac:sb
align-content:space-between;
ai
align-items: ;
ai:b
align-items:baseline;
ai:c
align-items:center;
ai:fe
align-items:flex-end;
ai:fs
align-items:flex-start;
ai:s
align-items:stretch;
anim
animation: ;
anim-
animation: name duration timing-function delay iteration-count direction fill-mode;
animdel
animation-delay: time;
animdir
animation-direction: normal;
animdir:a
animation-direction:alternate;
animdir:ar
animation-direction:alternate-reverse;
animdir:n
animation-direction:normal;
animdir:r
animation-direction:reverse;
animdur
animation-duration: 0s;
animfm
animation-fill-mode: both;
animfm:b
animation-fill-mode:backwards;
animfm:bt, animfm:bh
animation-fill-mode:both;
animfm:f
animation-fill-mode:forwards;
animic
animation-iteration-count: 1;
animic:i
animation-iteration-count:infinite;
animn
animation-name: none;
animps
animation-play-state: running;
animps:p
animation-play-state:paused;
animps:r
animation-play-state:running;
animtf
animation-timing-function: linear;
animtf:cb
animation-timing-function:cubic-bezier( 0.1, 0.7, 1.0, 0.1);
animtf:e
animation-timing-function:ease;
animtf:ei
animation-timing-function:ease-in;
animtf:eio
animation-timing-function:ease-in-out;
animtf:eo
animation-timing-function:ease-out;
animtf:l
animation-timing-function:linear;
ap
appearance:${none};
as
align-self: ;
as:a
align-self:auto;
as:b
align-self:baseline;
as:c
align-self:center;
as:fe
align-self:flex-end;
as:fs
align-self:flex-start;
as:s
align-self:stretch;
bfv
backface-visibility: ;
bfv:h
backface-visibility:hidden;
bfv:v
backface-visibility:visible;
bg:ie
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' x.png',sizingMethod=' crop');
cm
/* ${child} */
colm
columns: ;
colmc
column-count: ;
colmf
column-fill: ;
colmg
column-gap: ;
colmr
column-rule: ;
colmrc
column-rule-color: ;
colmrs
column-rule-style: ;
colmrw
column-rule-width: ;
colms
column-span: ;
colmw
column-width: ;
d:ib+
display: inline-block;*display: inline;*zoom: 1;
fx
flex: ;
fxb
flex-basis: ;
fxd
flex-direction: ;
fxd:c
flex-direction:column;
fxd:cr
flex-direction:column-reverse;
fxd:r
flex-direction:row;
fxd:rr
flex-direction:row-reverse;
fxf
flex-flow: ;
fxg
flex-grow: ;
fxsh
flex-shrink: ;
fxw
flex-wrap: ;
fxw:n
flex-wrap:nowrap;
fxw:w
flex-wrap:wrap;
fxw:wr
flex-wrap:wrap-reverse;
jc
justify-content: ;
jc:c
justify-content:center;
jc:fe
justify-content:flex-end;
jc:fs
justify-content:flex-start;
jc:sa
justify-content:space-around;
jc:sb
justify-content:space-between;
mar
max-resolution: res;
mir
min-resolution: res;
op+
opacity: ;filter: alpha(opacity= );
op:ie
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
op:ms
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
ord
order: ;
ori
orientation: ;
ori:l
orientation:landscape;
ori:p
orientation:portrait;
tov
text-overflow:${ellipsis};
tov:c
text-overflow:clip;
tov:e
text-overflow:ellipsis;
trf
transform: ;
trf:r
transform: rotate( angle);
trf:rx
transform: rotateX( angle);
trf:ry
transform: rotateY( angle);
trf:rz
transform: rotateZ( angle);
trf:sc
transform: scale( x, y);
trf:sc3
transform: scale3d( x, y, z);
trf:scx
transform: scaleX( x);
trf:scy
transform: scaleY( y);
trf:scz
transform: scaleZ( z);
trf:skx
transform: skewX( angle);
trf:sky
transform: skewY( angle);
trf:t
transform: translate( x, y);
trf:t3
transform: translate3d( tx, ty, tz);
trf:tx
transform: translateX( x);
trf:ty
transform: translateY( y);
trf:tz
transform: translateZ( z);
trfo
transform-origin: ;
trfs
transform-style: preserve-3d;
trs
transition: prop time;
trsde
transition-delay: time;
trsdu
transition-duration: time;
trsp
transition-property: prop;
trstf
transition-timing-function: tfunc;
us
user-select:${none};
wfsm
-webkit-font-smoothing:${antialiased};
wfsm:a
-webkit-font-smoothing:antialiased;
wfsm:n
-webkit-font-smoothing:none;
wfsm:s, wfsm:sa
-webkit-font-smoothing:subpixel-antialiased;
wm
writing-mode: lr-tb;
wm:btl
writing-mode:bt-lr;
wm:btr
writing-mode:bt-rl;
wm:lrb
writing-mode:lr-bt;
wm:lrt
writing-mode:lr-tb;
wm:rlb
writing-mode:rl-bt;
wm:rlt
writing-mode:rl-tb;
wm:tbl
writing-mode:tb-lr;
wm:tbr
writing-mode:tb-rl;

XSL

tmatch, tm
<xsl:template match=" " mode=" "> </xsl:template>
tname, tn
<xsl:template name=" "> </xsl:template>
call
<xsl:call-template name=" " />
ap
<xsl:apply-templates select=" " mode=" " />
api
<xsl:apply-imports />
imp
<xsl:import href=" " />
inc
<xsl:include href=" " />
ch
<xsl:choose> </xsl:choose>
xsl:when, wh
<xsl:when test=" "> </xsl:when>
ot
<xsl:otherwise> </xsl:otherwise>
if
<xsl:if test=" "> </xsl:if>
par
<xsl:param name=" "> </xsl:param>
pare
<xsl:param name=" " select=" " />
var
<xsl:variable name=" "> </xsl:variable>
vare
<xsl:variable name=" " select=" " />
wp
<xsl:with-param name=" " select=" " />
key
<xsl:key name=" " match=" " use=" " />
elem
<xsl:element name=" "> </xsl:element>
attr
<xsl:attribute name=" "> </xsl:attribute>
attrs
<xsl:attribute-set name=" "> </xsl:attribute-set>
cp
<xsl:copy select=" " />
co
<xsl:copy-of select=" " />
val
<xsl:value-of select=" " />
each, for
<xsl:for-each select=" "> </xsl:for-each>
tex
<xsl:text> </xsl:text>
com
<xsl:comment> </xsl:comment>
msg
<xsl:message terminate="no"> </xsl:message>
fall
<xsl:fallback> </xsl:fallback>
num
<xsl:number value=" " />
nam
<namespace-alias stylesheet-prefix=" " result-prefix=" " />
pres
<xsl:preserve-space elements=" " />
strip
<xsl:strip-space elements=" " />
proc
<xsl:processing-instruction name=" "> </xsl:processing-instruction>
sort
<xsl:sort select=" " order=" " />
choose+

Alias of xsl:choose>xsl:when+xsl:otherwise

<xsl:choose> <xsl:when test=" "> </xsl:when> <xsl:otherwise> </xsl:otherwise></xsl:choose>
xsl

Alias of !!!+xsl:stylesheet[version=1.0 xmlns:xsl=http://www.w3.org/1999/XSL/Transform]>{|}

<?xml version="1.0" encoding="UTF-8"?><xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> </xsl:stylesheet>
!!!
<?xml version="1.0" encoding="UTF-8"?>

你可能感兴趣的:(工具篇 -- sublime text 快捷键)

  • android系统selinux中添加新属性property 辉色投像
    1.定位/android/system/sepolicy/private/property_contexts声明属性开头：persist.charge声明属性类型：u:object_r:system_prop:s0图12.定位到android/system/sepolicy/public/domain.te删除neverallow{domain-init}default_prop:property
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • C#中使用split分割字符串 互联网打工人no1 c#
    1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
  • LLM 词汇表 落难Coder LLMsNLP大语言模型大模型llama人工智能
    Contextwindow“上下文窗口”是指语言模型在生成新文本时能够回溯和参考的文本量。这不同于语言模型训练时所使用的大量数据集，而是代表了模型的“工作记忆”。较大的上下文窗口可以让模型理解和响应更复杂和更长的提示，而较小的上下文窗口可能会限制模型处理较长提示或在长时间对话中保持连贯性的能力。Fine-tuning微调是使用额外的数据进一步训练预训练语言模型的过程。这使得模型开始表示和模仿微调数
  • 下载github patch到本地 小米人er 我的博客gitpatch
    以下是几种从GitHub上下载以.patch结尾的补丁文件的方法：通过浏览器直接下载打开包含该.patch文件的GitHub仓库。在仓库的文件列表中找到对应的.patch文件。点击该文件，浏览器会显示文件的内容，在页面的右上角通常会有一个“Raw”按钮，点击它可以获取原始文件内容。然后在浏览器中使用快捷键（如Ctrl+S或者Command+S）将原始文件保存到本地，选择保存的文件名并确保后缀为.p
  • Xinference如何注册自定义模型 玩人工智能的辣条哥 人工智能AI大模型Xinference
    环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
  • 关于Mysql 中 Row size too large (＞ 8126) 错误的解决和理解 秋刀prince mysqlmysql数据库
    提示：啰嗦一嘴，数据库的任何操作和验证前，一定要记得先备份！！！不会有错；文章目录问题发现一、问题导致的可能原因1、页大小2、行格式2.1compact格式2.2Redundant格式2.3Dynamic格式2.4Compressed格式3、BLOB和TEXT列二、解决办法1、修改页大小（不推荐）2、修改行格式3、修改数据类型为BLOB和TEXT列4、其他优化方式（可以参考使用）4.1合理设置数据
  • TextFiled 中输入金额 宁梓茞
    要求:输入的金额不能超过六位,小数点后面只能输入两位小数如果textFIled中第一位输入的是0,后面必须输入小数点,否则禁止输入用到textfiled代理方法#pragmamark----textFiledDelegate-----(BOOL)textField:(UITextField*)textFieldshouldChangeCharactersInRange:(NSRange)range
  • JAVA·一个简单的登录窗口 MortalTom java开发语言学习
    文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计
  • 2019-07-09 AutoCompleteTextView 问题 皮皮铭
    实现自定义Adapter要实现Filterable接口，不然会报错重写getFilter()方法performFiltering()方法实现过滤数据的操作publishResults()用来接收performFiltering()的返回值，发布。
  • HarmonyOS开发实战（ Beta5.0）搜索框热搜词自动切换 让开，我要吃人了 OpenHarmonyHarmonyOS鸿蒙开发harmonyos华为鸿蒙移动开发鸿蒙系统前端开发语言
    鸿蒙HarmonyOS开发往期必看：HarmonyOSNEXT应用开发性能实践总结最新版！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）介绍本示例介绍使用TextInput组件与Swiper组件实现搜索框内热搜词自动切换。效果图预览使用说明页面顶部搜索框内热搜词条自动切换，编辑搜索框时自动隐藏。实现思路使用TextInput实现搜索框TextInput({te
  • uniapp使用内置地图选择插件，实现地址选择并在地图上标点 神夜大侠 Uniappvue.jsuniapp
    uniapp使用内置地图选择插件，实现地址选择并在地图上标点代码如下：page{background:#F4F5F6;}::-webkit-scrollbar{width:0;height:0;color:transparent;}page{height:100%;width:100%;font-size:24rpx;}image,view,input,textarea,label,text,na
  • HarmonyOS Next鸿蒙扫一扫功能实现 JohnLiu_ HarmonyOSNextharmonyos华为扫一扫鸿蒙
    直接使用的是华为官方提供的api，封装成一个工具类方便调用。import{common}from'@kit.AbilityKit';import{scanBarcode,scanCore}from'@kit.ScanKit';exportnamespaceScanUtil{exportasyncfunctionstartScan(context:common.Context):Promise{if
  • golang 实现文件上传下载 wangwei830 go
    Gin框架上传下载上传（支持批量上传）httpRouter.POST("/upload",func(ctx*gin.Context){forms,err:=ctx.MultipartForm()iferr!=nil{fmt.Println("error",err)}files:=forms.File["fileName"]for_,v:=rangefiles{iferr:=ctx.SaveUplo
  • linux 安装Sublime Text 3 hhyiyuanyu Python学习linuxsublimetext
    方法/步骤打开官网http://www.sublimetext.com/3，选择64位进行下载执行命令wgethttps://download.sublimetext.com/sublime_text_3_build_3126_x64.tar.bz2进行下载3、下载完成进行解压,执行tar-xvvfsublime_text_3_build_3126_x64.tar.bz解压4、解压完成以后，移动到
  • sublime个人设置 bawangtianzun sublimetext编辑器
    如何拥有jiangly蒋老师同款编译器(sublimec++配置竞赛向）_哔哩哔哩_bilibiliSublimeText4的安装教程（新手竞赛向）-知乎(zhihu.com)创建文件自动保存为c++打开SublimeText软件。转到"Tools"（工具）>"Developer"（开发者）>"NewPlugin"（新建插件）。在打开的新文件中，粘贴以下代码：importsublimeimport
  • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
  • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
    通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
  • 处理标签包裹的字符串，并取出前250字符 周bro 前端javascript开发语言
    //假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落，包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
  • css设置当字数超过限制后以省略号（...）显示 周bro css前端vuecss3html经验分享
    1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • Kubernetes部署MySQL数据持久化 沫殇-MS KubernetesMySQL数据库kubernetesmysql容器
    一、安装配置NFS服务端1、安装nfs-kernel-server：sudoapt-yinstallnfs-kernel-server2、服务端创建共享目录#列出所有可用块设备的信息lsblk#格式化磁盘sudomkfs-text4/dev/sdb#创建一个目录：sudomkdir-p/data/nfs/mysql#更改目录权限：sudochown-Rnobody:nogroup/data/nfs
  • JavaScript中秋快乐！ Q_w7742 javascript开发语言ecmascript
    我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
  • k8s证书过期问题处理 olina_qin kubernetes容器云原生
    k8s证书过期问题处理opensslx509-in/etc/kubernetes/pki/apiserver.crt-noout-dateskubeadmcertsrenewallsystemctlrestartkubeleopensslx509-in/etc/kubernetes/pki/apiserver.crt-noout-text|grep"NotAfter"cp/etc/kubernet
  • FlagEmbedding 吉小雨 python库python
    FlagEmbedding教程FlagEmbedding是一个用于生成文本嵌入（textembeddings）的库，适合处理自然语言处理（NLP）中的各种任务。嵌入（embeddings）是将文本表示为连续向量，能够捕捉语义上的相似性，常用于文本分类、聚类、信息检索等场景。官方文档链接：FlagEmbedding官方GitHub一、FlagEmbedding库概述1.1什么是FlagEmbeddi
  • golang学习笔记--MPG模型 xxzed golang#学习笔记学习笔记golang
    MPG模式：M（Machine）：操作系统的主线程P（Processor）：协程执行需要的资源（上下文context），可以看作一个局部的调度器，使go代码在一个线程上跑，他是实现从N：1到N：M映射的关键G（Goroutine）：协程，有自己的栈。包含指令指针（instructionpointer）和其它信息（正在等待的channel等等），用于调度。一个P下面可以有多个G1、当前程序有三个M,
  • matlab设置图像窗口大小,matlab 图形窗口大小的设置 weixin_39534002 matlab设置图像窗口大小
    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%常用选项和小技巧%%%%%%画等值线[cchh]=contour(peaks(30),'LINESPEC','b-')clabel(cc,hh,'manual')%写文本text(5,10,'\bfmath\slmath\itmath\rmmath\alpha','color',[0.10.10.9],'fonts
  • 由于直接在一个回答中提供完整且多语言的游戏商城代码是不现实的（因为每种语言都有其独特的语法和库），我将为你概述一个游戏商城的核心概念，并提供几种不同编程语言的基本框架或示例代码段。 uthRaman 游戏python开发语言
    商城系统概述hailiangwang.com游戏商城系统通常包含以下部分：用户系统（登录、注册、用户信息）商品列表（游戏、DLC、虚拟货币等）购物车系统支付系统订单系统2.示例框架（伪代码）首先，我们给出一个伪代码框架，描述商城的核心逻辑。plaintextclassUser:deflogin(username,password):#验证用户登录passdefregister(username,p
  • 初识HTTP（1） S1mple_easy 计算机网络学习笔记http
    HTTP基本概念HTTP是超⽂本传输协议，也就是HyperTextTransferProtocol超文本传输协议：HTTP是一个在计算机世界⾥专⻔在两点之间传输⽂字、图⽚、⾳频、视频等超⽂本数据的约定和规范。HTTP常见的状态码具体含义常见状态码1xx提示信息，表示目前是协议处理状态，还需后续操作2xx成功，报文已经收到并被正确处理200/204/2063xx重定向，资源位置发生变动，需要客户端重
  • python的request请求401_Python模拟HTTPS请求返回HTTP 401 unauthorized错误 weixin_39599372
    Python模拟HTTPS请求返回HTTP401unauthorized错误开始是使用的httplib模块，代码如下：header={"Content-type":"application/json","Accept":"*/*"}params={‘source‘:‘en‘,‘target‘:‘es‘,‘text‘:match.group(1)}data=urllib.urlencode(para
  • 面向对象面向过程 3213213333332132 java
    面向对象：把要完成的一件事，通过对象间的协作实现。 面向过程：把要完成的一件事，通过循序依次调用各个模块实现。 我把大象装进冰箱这件事为例，用面向对象和面向过程实现，都是用java代码完成。 1、面向对象 package bigDemo.ObjectOriented; /** * 大象类 * * @Description * @author FuJian
  • Java Hotspot: Remove the Permanent Generation bookjovi HotSpot
      openjdk上关于hotspot将移除永久带的描述非常详细，http://openjdk.java.net/jeps/122   JEP 122: Remove the Permanent Generation Author Jon Masamitsu Organization Oracle Created 2010/8/15 Updated 2011/
  • 正则表达式向前查找向后查找,环绕或零宽断言 dcj3sjt126com 正则表达式
    向前查找和向后查找 1. 向前查找：根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。     对于向前查找，出现在指定项之后的字符序列不会被正则表达式引擎返回。 2. 向后查找：一个要匹配的字符序列前面有或者没有指定的
  • BaseDao 171815164 seda
    import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; import java.sql.PreparedStatement; import java.sql.ResultSet; public class BaseDao { public Conn
  • Ant标签详解--Java命令 g21121 Java命令
            这一篇主要介绍与java相关标签的使用         终于开始重头戏了，Java部分是我们关注的重点也是项目中用处最多的部分。           1
  • [简单]代码片段_电梯数字排列 53873039oycg 代码
           今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子，如下:       import java.util.Arrays; public class 电梯数字排列_S3_Test { public static void main(S
  • Hessian原理 云端月影 hessian原理
    Hessian 原理分析 一．      远程通讯协议的基本原理 网络通信需要做的就是将流从一台计算机传输到另外一台计算机，基于传输协议和网络 IO 来实现，其中传输协议比较出名的有 http 、 tcp 、 udp 等等， http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协
  • 区分Activity的四种加载模式----以及Intent的setFlags aijuans android
      在多Activity开发中，有可能是自己应用之间的Activity跳转，或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例，而不是产生大量重复的Activity。 这需要为Activity配置特定的加载模式，而不是使用默认的加载模式。 加载模式分类及在哪里配置 Activity有四种加载模式： standard singleTop
  • hibernate几个核心API及其查询分析 antonyup_2006 html.netHibernatexml配置管理
    (一)  org.hibernate.cfg.Configuration类         读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.)         Configuration co
  • PL/SQL的流程控制 百合不是茶 oraclePL/SQL编程循环控制
    PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有   流程控制; 分支语句 if 条件 then 结果 else 结果 end if ; 条件语句 case when 条件 then 结果; 循环语句 loop
  • 强大的Mockito测试框架 bijian1013 mockito单元测试
    一.自动生成Mock类        在需要Mock的属性上标记@Mock注解，然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类  &nbs
  • 精通Oracle10编程SQL(11)开发子程序 bijian1013 oracle数据库plsql
    /* *开发子程序 */ --子程序目是指被命名的PL/SQL块，这种块可以带有参数，可以在不同应用程序中多次调用 --PL/SQL有两种类型的子程序：过程和函数 --开发过程 --建立过程：不带任何参数 CREATE OR REPLACE PROCEDURE out_time IS BEGIN DBMS_OUTPUT.put_line(systimestamp); E
  • 【EhCache一】EhCache版Hello World bit1129 Hello world
    本篇是EhCache系列的第一篇，总体介绍使用EhCache缓存进行CRUD的API的基本使用，更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍   环境准备 1.新建Maven项目   2.添加EhCache的Maven依赖 <dependency> <groupId>ne
  • 学习EJB3基础知识笔记 白糖_ beanHibernatejbosswebserviceejb
    最近项目进入系统测试阶段，全赖袁大虾领导有力，保持一周零bug记录，这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了，EJB基本的知识也有些了解，在这记录下EJB的部分知识，以供自己以后复习使用。   EJB是sun的服务器端组件模型，最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分，定义了一个用于开发基
  • angular.bootstrap boyitech AngularJSAngularJS APIangular中文api
    angular.bootstrap 描述：     手动初始化angular。     这个函数会自动检测创建的module有没有被加载多次，如果有则会在浏览器的控制台打出警告日志，并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。   使用方法：     angular .
  • java-谷歌面试题-给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数 bylijinnan java
    public class SearchInShiftedArray { /** * 题目：给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数。 * 请在这个特殊数组中找出给定的整数。 * 解答： * 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl
  • 天使还是魔鬼？都是我们制造 ducklsl 生活教育情感
    ----------------------------剧透请原谅，有兴趣的朋友可以自己看看电影，互相讨论哦！！！     从厦门回来的动车上，无意中瞟到了书中推荐的几部关于儿童的电影。当然，这几部电影可能会另大家失望，并不是类似小鬼当家的电影，而是关于“坏小孩”的电影！     自己挑了两部先看了看，但是发现看完之后，心里久久不能平
  • [机器智能与生物]研究生物智能的问题 comsci 生物
          我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别....       但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把
  • 获取Android Device的信息 dai_lm android
    String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT; phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI; phoneInfo += ", TAGS: " + android.os.Build.TAGS; ph
  • 最佳字符串匹配算法（Damerau-Levenshtein距离算法）的Java实现 datamachine java算法字符串匹配
    原文：http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第一课 dcj3sjt126com englishword
    long 长的 show 给...看，出示 mouth 口，嘴 write 写   use 用，使用 take 拿，带来 hand 手 clever 聪明的   often 经常 wash 洗 slow 慢的 house 房子   water 水 clean 清洁的 supper 晚餐 out 在外   face 脸，
  • macvim的使用实战 dcj3sjt126com macvim
    macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳   1. 下载macvim https://code.google.com/p/macvim/   2. 了解macvim :h               vim的使用帮助信息 :h macvim  
  • java二分法查找 蕃薯耀 java二分法查找二分法java二分法
    java二分法查找 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 11:40:03 星期二 http:/
  • Spring Cache注解+Memcached hanqunfeng springmemcached
    Spring3.1 Cache注解  依赖jar包： <!-- simple-spring-memcached --> <dependency> <groupId>com.google.code.simple-spring-memcached</groupId> <artifactId>simple-s
  • apache commons io包快速入门 jackyrong apache commons
    原文参考 http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html   Apache Commons IO 包绝对是好东西，地址在http://commons.apache.org/proper/commons-io/，下面用例子分别介绍：   1）  工具类   2
  • 如何学习编程 lampcy java编程C++c
    首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有
  • 架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy nannan408 Spring3
    1.前言。    如题。 2.描述。    @DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法，使用该Annotation时可以指定一个字符串数组作为参数，每个数组元素对应于一个强制初始化的Bean。 @DependsOn({"steelAxe","abc"}) @Comp
  • Spring4+quartz2的配置和代码方式调度 Everyday都不同 代码配置spring4quartz2.x定时任务
    前言：这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多，所以，只好自己去查阅底层API……   quartz定时任务必须搞清楚几个概念： JobDetail——处理类 Trigger——触发器，指定触发时间，必须要有JobDetail属性，即触发对象 Scheduler——调度器，组织处理类和触发器，配置方式一般只需指定触发
  • Hibernate入门 tntxia Hibernate
      前言   使用面向对象的语言和关系型的数据库，开发起来很繁琐，费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM（Object/Relational Mapping）解决方案。   Hibernte不仅关心把Java对象对应到数据库的表中，而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。   如
  • Math类 xiaoxing598 Math
    一、Java中的数字（Math）类是final类，不可继承。 1、常数 PI：double圆周率 E：double自然对数 2、截取（注意方法的返回类型） double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数 int round(float f) 返回四舍五入后的整数 long round
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他