字符: 春節(jié)
Unicode 碼點(diǎn)(十進(jìn)制): 26149 33410
Unicode 碼點(diǎn)(十六進(jìn)制): \u6625 \u8282
Unicode 碼點(diǎn)(二進(jìn)制): 0110 0110 0010 0101 1000 0010 1000 0010
Unicode - UTF-8 轉(zhuǎn)換規(guī)則
| Unicode | utf-8 |
|---|---|
| U+ 0000 ~ U+ 007F | 0XXXXXXX |
| U+ 0080 ~ U+ 07FF | 110XXXXX 10XXXXXX |
| U+ 0800 ~ U+ FFFF | 1110XXXX 10XXXXXX 10XXXXXX |
| U+ 10000 ~ U+ 1FFFF | 11110XXX 10XXXXXX 10XXXXXX 10XXXXXX |
十六進(jìn)制代入表格選擇對(duì)應(yīng)行。
二進(jìn)制代入表格對(duì)應(yīng) XXX 位置。
得 UTF-8:
二進(jìn)制11100110 10011000 1010010111101000 10001010 10000010
十六進(jìn)制E6 98 A5E8 8A 82
最終編碼%E6%98%A5%E8%8A%82
以下是自己對(duì)CSS 文本框,行內(nèi)框,行框,vertical-align的理解終結(jié)
line-height屬性,也就是行高,指定了塊級(jí)元素內(nèi)的/內(nèi)聯(lián)元素內(nèi)單行文本渲染時(shí)的行內(nèi)框(inline-box,內(nèi)聯(lián)盒)的高度,一個(gè)塊內(nèi)可以有多個(gè)內(nèi)聯(lián)文本元素或匿名元素,它們可以有各自的line-height屬性,一行中的多個(gè)行內(nèi)框共同決定了行框(line-box)的高度-最高行內(nèi)框的頂部和最低行內(nèi)框的底部之間的距離就是行框(line-box)的高度,也就是我們看到的一行元素占據(jù)的高度。而這個(gè)行框(line-box)決定了多行文本之間在垂直方向的排列方式-下一行的行框(line-box)的頂部和上一行的行框(line-box)的底部貼緊。
文本按設(shè)置的font-size以及font-family屬性構(gòu)成一個(gè)文本框(text-box),默認(rèn)情況下這個(gè)文本框(text-box)的高度和設(shè)置的font-size相同,但是在不同的瀏覽器下可能會(huì)有所不同:firefox下和設(shè)定的font-size相同,而chrome下會(huì)是font-size的1.4倍左右。行內(nèi)框(inline-box,內(nèi)聯(lián)盒)和文本框(text-box)之間的高度差的1/2會(huì)被添加到文本框(text-box)的頭部和底部,添加的部分就叫做半行間距。
也就是說(shuō) 行內(nèi)框(inline-box,內(nèi)聯(lián)盒) 是由文本框(text-box)和半行間距共同構(gòu)成的。
通過(guò)圖示能更清楚些看到:
那么行內(nèi)框(inline-box,內(nèi)聯(lián)盒)的上下位置又是通過(guò)什么決定的呢?
它就是vertical-align屬性-沒(méi)有繼承性,只對(duì)內(nèi)聯(lián)元素以及table-cell元素有效
vertical-align有不同的屬性,按參考線的不同可以分成3類:
1 相對(duì)baseline的
baseline就是圖示中的藍(lán)色線條表示的,對(duì)于baseline的具體位置根據(jù)font-size以及font-family的不同而不同,基本上對(duì)應(yīng)字體及大小下,小寫字母x的底部就是baseline線的位置;對(duì)應(yīng)的屬性值有baseline(默認(rèn)),sub(baseline往下),super(baseline向上),百分比(baseline+行高的百分比),具體長(zhǎng)度值(baseline+指定長(zhǎng)度),middle(baseline向上1/2個(gè)x-height)。其中提到的x-height就是小寫字母x的高度,在CSS中有一個(gè)ex的長(zhǎng)度單位指的就是x-height,其具體值大約等于0.5em。
2 相對(duì)文本框(text-box)上下邊的
圖示中的綠色上下邊,對(duì)應(yīng)的屬性值有text-top,text-bottom
3 相對(duì)行內(nèi)框(inline-box,內(nèi)聯(lián)盒)上下邊的
圖示中的紅色上下邊,對(duì)應(yīng)的屬性值有top,bottom
同時(shí)要記住重要的一點(diǎn)在一個(gè)內(nèi)聯(lián)元素的所在的父元素(塊級(jí)元素)的開頭會(huì)添加一個(gè)寬度為0的匿名字符x,這個(gè)看不到的x字符做為以baseline為基準(zhǔn)的對(duì)齊方式的基準(zhǔn)
下面給出一些例子來(lái)看看對(duì)齊的效果以及對(duì)最終行框(line-box)高度的影響
例子1:
vertical-align:text-top;
line-height: 72px;
font-size: 36px;
.div-line{
line-height: 72px;
font-size: 36px;
}
.span-line-0{
background-color: #F74A81;
font-size: 36px;
vertical-align: text-top;
}
<div class="div-line" style="margin-top: 10px;">x
<span class="span-line-0">00X00</span>
<span class="span-line-0">abcdefhijklmn</span>
<span class="span-line-0">opqrstuvwxyz</span>
</div>
最終div的高度是90px:灰色區(qū)為行內(nèi)框(inline-box,內(nèi)聯(lián)盒),div構(gòu)成一個(gè)行框(line-box),紅色虛線以及紅色背景的文字構(gòu)成文本框(text-box),.span-line-0的vertical-align對(duì)齊方式為text-top,那么就和紅色虛線的文本框的頂部對(duì)齊,紅色虛線的行內(nèi)框的半行間距為(72-36)/2=18px,那么按行框構(gòu)成的規(guī)則,整個(gè)行框的高度值為72+18=90px;
例子2:
vertical-align:base-line;
line-height: 72px;
font-size: 36px;
.div-line{
line-height: 72px;
font-size: 36px;
}
.span-line-0{
background-color: #F74A81;
font-size: 36px;
}
.span-line-1{
background-color: #F74A81;
font-size: 20px;
}
.span-line-2{
background-color: greenyellow;
font-size: 40px;
}
<div class="div-line">
<span class="span-line-0">00X00</span>
<span class="span-line-1">abcdefhijklmnopqrstuvwxyz</span>
<span class="span-line-2">abcdefhijklmnopqrstuvwxyz</span>
</div>
共有3塊行內(nèi)框(inline-box,內(nèi)聯(lián)盒),對(duì)齊方式為默認(rèn)的baseline,要確定baseline的集體位置才能計(jì)算出各個(gè)內(nèi)聯(lián)盒的相對(duì)位置,下面提供一個(gè)算法,僅供參考:
middle=baseline+0.5*x-height;
x-height=0.5em=0.5*front-size;
=>
middle=baseline+0.25*front-size;
=>
baseline=middle-0.25*front-size;
先middle對(duì)齊
匿名字符x行內(nèi)框的baseline位置為middle點(diǎn)往下9px;
第1個(gè)行內(nèi)框的(00X00)baseline位置為middle點(diǎn)往下9px;
第2個(gè)行內(nèi)框的(abcdefhijklmnopqrstuvwxyz)位置為middle點(diǎn)往下5px;
第3個(gè)行內(nèi)框的(abcdefhijklmnopqrstuvwxyz)位置為middle點(diǎn)往下10px;
接著以匿名字符x的baseline線對(duì)齊,
第1個(gè)行內(nèi)框的不動(dòng)
第2個(gè)行內(nèi)框的向下調(diào)整移動(dòng)4px
第3個(gè)行內(nèi)框的向上調(diào)整移動(dòng)1px
第2個(gè)行內(nèi)框最低
第3個(gè)行內(nèi)框最高
最終相比設(shè)定line-height,高出5px,最終的行框高度為72+5=77px;
如果將第1個(gè)行內(nèi)框的(00X00)的font-size位置為18px,按上面的算法最終的行框高度為72+5.5=77.5px;
啰里啰嗦說(shuō)了那么多,希望對(duì)你有幫助......
以上內(nèi)容參考了Vertical-Align: All You Need To Know
如果循環(huán)出來(lái)的item有唯一鍵的話把key設(shè)置成那個(gè)鍵,不然就像這樣用索引做key
<div v-for="(item, index) in recommends" :key="index">
<a :href="item.linkUrl">
<img :src="item.picUrl" alt="">
</a>
</div>axios({
url: yourUrl,
data:data,
method: 'POST',
transformRequest:[function(data){
return qs.stringify(data)
}]
})vue關(guān)于復(fù)選框的使用
首先data里設(shè)置個(gè)屬性 checkedValues:[]
input里加個(gè)v-model="checkedValues":
<input type="checkbox" class="regular-checkbox big-checkbox" :value="val.id">
這樣當(dāng)你勾選這個(gè)checkbox,就會(huì)把 val.id值 push進(jìn)checkedValues這個(gè)數(shù)組
取消勾選則會(huì)相應(yīng)的刪去checkedValues里的這個(gè)value
再通過(guò)計(jì)算屬性就可以把所有勾選了的 coupon.list 里的元素摘出來(lái):
computed:{
checkedItemList:function(){
return this.coupon.list.filter(function(item){
//循環(huán)coupon.list,判斷item.id在不在this.checkedValues這個(gè)數(shù)組里
return this.checkedValues.indexOf(item.id) !== -1
})
}
}
然后你想要的data-money和data-deadline就可以從this.checkedItemList里的每一項(xiàng)找到
話說(shuō)data-money這種是過(guò)去在頁(yè)面緩存數(shù)據(jù)的方式
用了mvvm框架就要換個(gè)思考和操作方式了~
做不到, 蛤蛤蛤,
做到讀取并顯示 PDF 文件已經(jīng)很不容易了:
https://mozilla.github.io/pdf...
后端想生成 word 文檔可以參考:
https://github.com/PHPOffice/...
react antd table組件固定頭部設(shè)置scroll={{ y: 300 }}無(wú)法滾動(dòng)
這個(gè)bug你修復(fù)了么?
可以這樣解決:
1.指定文件后綴名, 比如儲(chǔ)存為demo.py:
或者:
2.點(diǎn)擊 SublimeText 右下角把 coding 設(shè)置成 Python,再按照你之前的儲(chǔ)存方式來(lái)儲(chǔ)存.
module.exports = React;
發(fā)現(xiàn)了,將數(shù)據(jù)寫死在data里面是可以單獨(dú)渲染選中字段的,但是動(dòng)態(tài)渲染的話就不行...有知道怎么解決的么
更新于18.7.12
無(wú)關(guān)乎小程序問(wèn)題,腦子一時(shí)懵了
其實(shí)就是對(duì)象的沒(méi)有進(jìn)行深度賦值,只是單純的把新對(duì)象的地址指向了舊對(duì)象,所以新對(duì)象屬性修改才會(huì)改變舊對(duì)象的屬性。所以想單純的進(jìn)行復(fù)制的話可以直接將對(duì)象類型轉(zhuǎn)換再轉(zhuǎn)換:parse.JSON(JSON.stringify(xx))。
查看了源碼發(fā)現(xiàn)pipe其實(shí)是做了上一個(gè)流結(jié)束會(huì)觸發(fā)下一個(gè)流結(jié)束的操作。
var endFn = doEnd ? onend : cleanup;
if (state.endEmitted)
process.nextTick(endFn);
else
src.once('end', endFn);
dest.on('unpipe', onunpipe);
function onunpipe(readable) {
debug('onunpipe');
if (readable === src) {
cleanup();
}
}
function onend() {
debug('onend');
dest.end();
}
function cleanup() {
debug('cleanup');
// cleanup event handlers once the pipe is broken
dest.removeListener('close', onclose);
dest.removeListener('finish', onfinish);
dest.removeListener('drain', ondrain);
dest.removeListener('error', onerror);
dest.removeListener('unpipe', onunpipe);
src.removeListener('end', onend);
src.removeListener('end', cleanup);
src.removeListener('data', ondata);
cleanedUp = true;
// if the reader is waiting for a drain event from this
// specific writer, then it would cause it to never start
// flowing again.
// So, if this is awaiting a drain, then we just call it now.
// If we don't know, then assume that we are waiting for one.
if (state.awaitDrain &&
(!dest._writableState || dest._writableState.needDrain))
ondrain();
}
但是不知道duplex抽什么風(fēng)了。然后改用transiform就妥妥了
有中文網(wǎng)站 no-case-declarations
該規(guī)則禁止詞法聲明 (let、const、function和class) 出現(xiàn)在case或default子句中。原因是,詞法聲明在整個(gè)switch語(yǔ)句塊中是可見(jiàn)的,但是它只有在運(yùn)行到它定義的case語(yǔ)句時(shí),才會(huì)進(jìn)行初始化操作。為了保證詞法聲明語(yǔ)句只在當(dāng)前
case語(yǔ)句中有效,將你子句包裹在塊中。該規(guī)則旨在避免訪問(wèn)未經(jīng)初始化的詞法綁定以及跨
case語(yǔ)句訪問(wèn)被提升的函數(shù)。
switch (foo) {
case 1:
let x = 1;
break;
case 2:
const y = 2;
break;
case 3:
function f() {}
break;
default:
class C {}
}
大概是指上面case 1里的x在case 2里也會(huì)生效,所以要用{}包起來(lái),防止x提升到整個(gè)switch語(yǔ)句。
highcharts可以自定義這個(gè)label,你找找api
你的myChart是局部變量
因?yàn)槟闶钦{(diào)兩次所以用全局接受不好分別兩個(gè)可以把,mychart返回出去
然后 var charts1 =getchart('a')
...直接上個(gè)定時(shí)器.5分鐘后就執(zhí)行js
1.如果你的title類和list類可能出現(xiàn)復(fù)用也就是其他元素也可能用到這兩個(gè)類的情況下那肯定是分開寫的
2.如果只是要定義list的樣式,那么一個(gè)類就夠了
上下不起作用,左右還是有作用的
要在data-main定義的js里寫
require(["..."],function(indexs){
indexs.ajaxPageLoad();
})北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。