Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
責編:蔡文清
從拼形態到拼硬件,再到現如今的拼上游供應鏈,智能終端市場的競爭形勢不斷攀升。隨著加入競爭的廠商不斷增加,曾經藏在產品背后的上游供應商開始因為供求關系的影響漸漸掌握了市場的主導權。
回顧這幾年智能終端市場的發展, 平板這邊常年被全志、瑞芯微兩大主攻高性價比的芯片廠商所壟斷。但圈里人都知道,這兩家的良品率比老羅的錘子T1還要低,整個市場就如空虛的泡沫一般。
上文描述了這個市場曾經面臨的兩個困境,其一是高端芯片產能不足(你看把老羅給急的),其二是低端芯片的品控不過關。對此,聯發科(MediaTek)適時的出現成了維持市場穩定的重要砝碼。
聯發科在解決了上述兩項問題的同時也贏得了應有的市場份額,較好的穩定性和不俗的處理性能是該廠芯片最好的名片。
聯發科 MT8127內部架構示意圖(圖片來自MediaTek)
激烈的競爭將會以市場的細分為最終結果,消費者們需要有差異化的產品,也就需要解決方案提供商拿出有差異化的芯片產品。于是針對主流中端平板的需求,聯發科近期拿出了MT8127這款解決方案。
MT8127除了采用四核心GPU芯片外, 還集成了MT6627多合一無線芯片,用于處理802.11n標準的WiFi,藍牙 4.0以及GPS與FM調頻廣播信號。在保證一定幅度性能提升的同時,進一步提升價格優勢。
■測試用機配置簡介
這套平臺基本上代表了市售平板產品的主流配置,對此我們使用三款跑分測試軟件對該平臺進行處理性能方面的評估,分別是AnTuTu Benchmark V4.5、GFXBench 3以及Vellamo Mobile Benchmark。
■AnTuTu介紹
雖然被網友們戲稱為娛樂兔,但安兔兔系統評測這款軟件依然憑借其全面的數據庫,以及歷代版本跑分成績可被繼承對比的特性被眾多媒體、用戶所采用。目前我們依舊采用正式公布的V4.5版進行測試。
那么從版本號進入3.0時代開始,安兔兔系統評測一直在更新著其內置的3D圖形測試引擎,再加上CPU整數/浮點運算性能、內存讀寫性能、數據庫IO以及SD卡讀寫等項目,整個測試平臺由8項測試內容所組成。
■AnTuTu跑分
從MT8125到MT8127,聯發科一直在處理器性能上做努力,MT8127高達20046的安兔兔跑分為主流平板市場設立了新的性能指標。
■GFXBench 3介紹
GFXBench(前身為GLBenchmark)是一款基于OpenGL-ES圖形API接口的移動設備圖形處理性能的基準軟件,從問世之初便有著跨多平臺的特性,目前已經加入了對Windows系統的支持。
這款測試應用的重點主要在GPU測試部分,其測試場景包括理論性能測試以及實際渲染模擬兩個部分,另外還有一個額外的續航能力測試。Kishonti在三月份公布了新的版本GFXBench 3。
新版APP的界面布局進行了重構,且同時兼容手機與平板兩個平臺。核心內容方面,該版本中加入了全新的Manhattan(曼哈頓)測試場景,對應Open-ES 3.0 圖形API接口。測試壓力進一步提升。
■GFXBench 3跑分
MT8127 在GPU各項測試中, 大幅領先目前市面上其他入門平板方案, 對于游戲性能與特效體驗上都有杰出表現。
■Vellamo介紹
Vellamo Mobile Benchmark是一款由高通公司開發的網絡應用基準測試工具,新版本中加入了針對CPU處理能力的名為“Metal Chapter Tests”的輕量級壓力測試,與傳統的HTML 5測試并列。
HTML 5模式是我們使用的測試模塊,對采用Android系統的平板進行網絡瀏覽以及網頁渲染方面的測試。雖然加入了一些其它的測試項目,但它依舊是市面上這個領域內功能最為全面的測試軟件。
HTML 5模式夠對移動設備瀏覽器性能進行測試,包括Canvas、JavaScript引擎、圖像、文字處理、網絡存取加載等項目,綜合得分越高也就意味著測試設備網頁瀏覽體驗越好。并且具備較高的公平性。
■Vellamo跑分
MT8127 Vellamo分數可達1,800以上, 在網頁瀏覽相關體驗上, 大幅領先其他入門平板方案。
MT8127這款芯片還支持H.265編碼格式1080P級視頻的硬解碼。
MT8127這顆芯片支持H.265編碼格式視頻的硬件解碼(圖片來自MTK)
對于該編碼格式的支持,將有助于節省存儲器容量以及對視頻畫質的提升,是未來高清視頻的趨勢。
■測試總結
在目前的國內市場中,聯發科的芯片有著非常明顯的壟斷地位,面對競爭局面拿出了在性能和功耗上非常平衡的產品,并且隨著時間的推移做著非常及時的更新與調整。
以上的測試成績已經很直觀地反應出了MT8127的實力,其中AnTuTu系統評測的成績遠遠超過了主流產品的平均水平(18000分)。另外,MT8127還整合了藍牙應用和支持H.265視頻播放,這都已屬于四核平板的標配。
在使用體驗上,MT8127+1G+800P的組合為流暢的操作提供了理論保障。而在系統SDK開發包上,MTK也做出性能和功能上的優化。功能特性方面加入了懸浮窗口的功能,且適用于所有的APP。
作為MT8125的升級換代產品,以MT8127為核心的平臺不但可以很好對成本進行控制,而且有著超越主流平板產品的性能、功耗表現。
筱升級會員,所以群也升級了總群再次放出來接待群友哈哈
電力人交流群 548744559章底部找小筱
第四節
變壓器并列運行
第一節:變壓器并列運行的基本條件(已更新)
第二節:兩臺變壓器聯結組不同時不準并列運行(已更新)
電壓比不相同時的并列運行
第三節:短路電壓不相同時的并列運行
變壓器容量不同時的并列運行
短路電壓不相同時的并列運行
對于每一臺具體的變壓器,短路電壓與變壓器的結構、線圈材質,以及制造工藝有關。當變壓器已經制成,Ud%便是一個不變的數值。幾臺變壓器并列運行時,如其他條件完全相同,相互之間的負荷分配與它們的容量成正比,與短路電壓成反比。在一般情況下,如兩臺變壓器Ud% 不相等,并列運行時會引起一臺變壓器負荷不足,而另一臺變壓器可能過負荷。
不難證明,兩臺短路電壓不相等的變壓器并列運行時,阻抗電壓小的變壓器分擔的負荷大,短路電壓大的變壓器分擔的負荷小。這時為了改變負荷分配,使負荷分配盡量均衡,可以改變變壓比的方法,即通過提高負荷不足變壓器的二次電壓來實現。但是,由于變壓器調壓不是連續調節,改變分接頭位置時電壓變動一個電壓調壓級。因此,若想通過改變電壓比來調整負荷分配,應事先做好計算,免得調壓后兩臺變壓器的負荷分配更為不均衡
變壓器容量不同時的并列運行
過去的規程中,曾有兩臺并列運行的變壓器其容量比不宜大于1:3的說法。在新規程中沒有提到這一要求。實際上,只要并列運行的變壓器各自都沒有超負荷,則其容量大小之差就可以不必考慮。
配電通整理
看過文章后,文章底部留言指出電小妹小筱的錯誤。如果您還不滿足,就加入電力人的交流群,與電友們共同死磕。
QQ:2927105692,小筱微信:peidiantong,告訴我您需要的內容!
配電通
了解電力行業,服務零距離
公眾號:pdiantong
點擊http://m.compere-power.com/index.html進入站點
他們是由W3C推薦的前端三件套,并且互相之間可以很好地配合
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 關于網頁的一些屬性 -->
<!-- css樣式 -->
</head>
<body>
<!-- 主體內容 -->
</body>
</html>
剛學半年web,只是寫個作業可以這么用吧(●’?’●)
前為名字,后為文件格式
項目名 文件夾
images 文件夾
css 文件夾
網站名1.css
...
html 文件夾 也可以直接把每個網站卸載更外面一層
網站名1.thml
...
html的內容由一個個標簽 嵌套或并列 組成
標簽用 <標簽名>內容</標簽名> 或者 <標簽名/>
文字可以直接輸入,標簽只不過是用來控制他們的 位置和顯示效果 的
通用的標簽主要
前者較為普遍;后者教為特殊
主要用來定一個區域來 劃分更小的區域或者直接寫入內容。
使用時用前者。
有許多特殊的標簽,他們沒有特別之處,只是特別拎出來以方便理解文件的整個結構
如
英文 | 通常的內容 |
header | 頁眉 |
nav | 導航欄 |
main | 主要內容 |
article | 與上下文無關的獨立內容 |
section | 其中一個區域 |
aside | 側欄或邊欄 |
footer | 頁腳 |
detail | 某個細節的描述 |
summary | detail的標題 |
最后兩個detail和summary通常是相互配合的。
上面這些都是有著特殊用處的標題,可以用下面的這些替代,但使用時相對復雜一些
主要用來直接寫入內容。
使用時前后使用方法的皆有
空行之前的表示重要
用前者的有
英文 | 含義 |
h1 | 標題,字體最大的標題 |
中間部分 | 字體依次減小的標題 |
h6 | 標題,字體最小的標題 |
p | 段落 |
br | 換行 |
- | - |
hr | 水平線 |
sub | 下標文本 |
sup | 上標文本 |
ins | 插入文本 |
del | 刪除文本 |
wbr | 此處適合換行 |
pre | 預格式文本 |
address | 表示地址 |
bdo | 文字方向 |
blockauote | 長的引用語 |
q | 短的引用語 |
mark | 定義有記號的文本 |
table te td th是相互配合組成一個表格的,table>tr>td
表格 | |
table | 表格 |
tr | 行標簽 |
td | 列標簽 |
th | 標題列 |
li必須在ol或ul內。通常用ul li
列表 | |
ol | 有序列表 |
ul | 無序列表 |
li | 列表項 |
表單可以用作問卷等
input屬性typr value
表單 | |
form | 表單 |
label | 點擊時自動定位到里面的input |
input | 輸入 |
select | 多選 |
option | 多選的一個選項 |
用后者的有
英文 | 含義 |
br | 換行 |
img | 引入圖片 |
video | 引入視頻 |
audio | 引入 |
abbr | 此處適合換行 |
img video audio使用時需要更多的屬性,比如URL路徑等
以video為例:<video src="路徑" autoplay="autoplay" controls="controls"/>
依次表示 URL路徑 自動播放 顯示播放器控件
他們有各自的屬性
都必須有src屬性以表示路徑,img只需要src即可顯示
各自可以在屬性里選擇width和height以顯示寬度和高度(這兩個在css 屬性里介紹)
video和audio(他們有一樣的可選屬性)的其他可選屬性在下面顯示,一般一個只有一個可選擇的值,那個值就是名字自己(言下之意就是,只寫自己需要的屬性)
英文 | 作用 |
autoplay | 自動播放 |
controls | 顯示控件 |
loop | 循環播放 |
poster | 定義視頻下載時需要的圖像,值用路徑表示 |
preload | autoplay時無效,定義文件預加載的時機,有3個值,具體在下面介紹 |
muted | 靜音 |
preload的值
auto:默認值,直接加載 音頻/視頻
metadata:僅加載 音頻/視頻 元數據
none:不加載 音頻/視頻
用于標簽的定義
class表示類,可以用于很多類似的標簽,以方便使用一樣的css樣式
id是唯一的,可以為獨特的標簽單獨使用樣式
css一共有3段:選擇器{屬性:值;…}
樣式有3種添加的方法
常見的偽 選擇器/元素 | 表示方法 |
通用選擇器 | * |
標簽選擇器 | 標簽名 |
類選擇器 | .類名 前面是一個下點 |
ID選擇器 | #ID號 |
- | 以下選擇器用于分隔不同的選擇器 |
后代選擇器 | 一個空格,其實這不是個選擇器(但很像),可以選擇出所有的后代 |
分組選擇器 | , 逗號 |
子元素選擇器 | > |
- | 以下選擇器均需緊跟在最上面的選擇器后 |
相鄰兄弟選擇器 | + |
不相鄰兄弟選擇器 | ~ |
屬性選擇器 | [屬性值] 詳細介紹 |
偽類選擇器 | :單詞 詳細介紹 |
偽屬性 | ::單詞 詳細介紹 |
后一個選擇器不一定是前一個的子元素,也可以通過一些符號進行兄弟之間的變化 |
div>p
選中選中div中的p子元素(沒有中間層的關系)
div+p
選中跟在div后的p
div~p
選中前面有相同父元素的div 的p
| 屬性選擇器 | 介紹,有紅字是因為|豎線在編輯器里是特殊字符,在代碼塊內才能正常顯示 |
|–|–|
| [屬性] | 具有該屬性的 |
|[屬性=某值]|屬性=某值的|
|[屬性~=某值]|屬性=用空格分隔的字詞列表,某值是其中一個值
|[屬性|=某值]|屬性=用|分隔的字詞列表,某值是其中一個值
|[屬性^=某值]|具有該屬性,以 某值 開頭
|[屬性$=某值]|具有該屬性,以 某值 結尾
|[屬性*=某值]|具有該屬性,包含 某值
這類選擇器全部按前面(一部分)選擇器的介紹,緊跟在后面,以":"(冒號)為標識符(即以它開頭,可以看成選擇器的一部分)
以下均不寫冒號
偽類選擇器 | 介紹 |
- | 下面定義的是應用于超鏈接文本a的4種(鼠標在該元素的)狀態, |
link | 正常狀態(未訪問) |
visited | 被訪問之后 |
hover | 經過時 |
active | 單機被激活時 |
偽類選擇器也有一些分類,見下 | |
結構偽類選擇器 | 介紹 |
– | – |
first-child | 第一個子元素 |
lastchild | 最后一個子元素 |
- | 注意以下4個帶()的,()內可以是一個算式或數字,選中符合結果的(可以是多個) |
nth-child() | 正數 第()個子元素 |
nth-last-child() | 倒數 第()個子元素 |
nth-of-type() | 父元素的 第()個同類子元素 |
nth-last-of-type() | 父元素的 倒數 第()個同類子元素 |
first-of-type | 父元素的 第一個同類子元素 |
last-of-type | 父元素的 倒數 第一個同類子元素 |
only-child | 父元素的唯一的子元素,(當然,)可能有很多子元素是唯一的 |
only-of-type | 父元素的唯一一個相同類型的子元素 |
empty | 沒有任何內容的子元素 |
狀態偽類選擇器 | 介紹,UI元素一般指包含在form元素內的表單元素 |
enabled | 范圍內的所有可用UI元素 |
disabled | 范圍內的所有不可用UI元素 |
checked | 范圍內的所有可用UI元素 |
否定偽類選擇器 | |
not() | 不匹配該元素的選擇器,()里是一個選擇器的屬性,將選取 不符合該選擇器 的元素 |
目標偽類選擇器 | |
target | 前面的匹配元素被相關URL指向,樣式效果才生效,是動態選擇器 |
用法:緊跟在后面,用兩個":“作為標識符(也可以只用一個,但兩個更好)。css樣式里需包含content屬性,值為帶引號的字符(當然也可以什么都不寫)
如:div:after{content=”";}
偽元素 | 介紹 |
before | 在前面插入一段文字 |
after | 在后面插入一段文字 |
用途:廣泛
用法:有數字和單位組成:200px
當數字為0時,單位可有可無
使用頻率:px最常用,其次em
單位有絕對和相對之分
相對單位 | 單位長度的含義 |
px | 像素(Pixel) |
em | 相對于父元素字體大小的倍數 |
ex | 相對于字符x的高度,通常為字體高度的一半 |
ch | 相對于數字0的寬度 |
rem | 相對于根元素(html)字體大小的倍數。若未被設置,則相對于瀏覽器的默認字體尺寸(一般為16px) |
vw | 相對于視口的寬度(視口被均分為100vw) |
vh | 相對于視口的高度(視口被均分為100vw) |
xmin | 相對于視口的 高度或寬度 中較小的那個(小的被均分為100vmin) |
vmax | 相對于視口的 高度或寬度 中較大的那個(大的被均分為100vmax) |
– | – |
絕對單位 | 單位長度的含義 |
pt | 點(point) |
pc | 派卡(pica),=我國新四號鉛字的尺寸 |
in | 英寸(inch) |
cm | 厘米(centimeter) |
mm | mm(millimeter) |
用途:屬性transition(變化時間)
用法:數字+單位:200ms
使用頻率:都常用
單位 | 含義 |
s | 秒 |
ms | 毫秒 |
用途:
用法:數字+單位:120deg
使用頻率:第一個deg最常用
單位 | |
deg | 角度(degrees) ,一個圓 360° |
grad | 梯度(gradians),一個圓 400梯度 |
rad | 弧度(radians),一個圓 PI |
turn | 轉、圈(turns) |
用途:color,background(-color)
用法:值
使用頻率:2和-1最為常用,-1代表最后一個
值 | 描述 |
white | 白色 |
具體英文單詞↑ | 代表這個單詞指代的顏色 |
rgb(r,g,b) | RGB值,rgb分別代表紅綠藍,[0,255] |
rgba(r,g,b,a) | 見上↑.a代表透明度 [0,1] |
rgb(r%,g%,b%) | RGB值(255*x%),三個值[0,100] ,最后即為0%-100% |
#rrggbb | RGB值,每個值用 兩位 16進制數 表示(大小寫不敏感),最后值在0-255 |
hsl(h,s,l) | hsl分別代表 色相(hue,[0,360])/飽和度(saturation,[0%,100%])/亮度(lightness,[0%,100%]) |
hsla(h,s,l,a) | ↑ a代表透明度 |
只在屬性font-family中用到,定義字體類型
{font-family="微軟雅黑"}
也可以不用雙引號
{font-family=微軟雅黑}
長度表示一欄:
1:值完全用長度表示,下面不再具體介紹
其他值的類型:值不能用長度表示,能用其他的較規范的表示表示
0:值不能用長度表示,也無法用其他規范的值表示
>1:有多個值,都用長度表示(同時出現多個值:長度可變)
屬性 | 含義 | 長度表示 |
width | 寬度 | 1 |
height | 高度 | 1 |
position | 定位方式 | 字符 |
display | 顯示方式 | 字符 |
float | 浮動方式 | 字符 |
clear | 清除部分浮動 | 字符 |
margin | 外邊距 | 1-4 |
border | 邊框 | 1-4 |
padding | 內邊距 | 1-4 |
text-align | 字體左右的對齊方式 | 字符 |
text-indent | 文字之前空多少長 | 1 |
background | 背景,包括背景圖,背景色,是否重復 | 0 |
line-heignt | 行高 | 1 |
font-family | 字體 | 字符 |
font-size | 字的大小 | 1 |
font-weight | 字的粗細 | 1 |
color | 字的顏色 | 顏色 |
opacity | 透明度0-1 | 0 |
z-index | 離屏幕遠近,越大越顯示在上面 | 0 |
transition | 狀態變化的時間 | 時間 |
animation | 動畫 | 0 |
overflow | 溢出 | 字符 |
值 | 含義 |
absolute | 絕對定位,相對于最近的定位過的父元素偏移 |
relative | 相對定位,在文件流中,相對自生原本在的位置偏移 |
fixed | 絕對定位,相對視口偏移 |
這里提到了偏移,它相對于定位的位置進行偏移 | |
relative在文件流中的意思是,在這個頁面中單獨占據一塊空間,原始位置不會與在文件流中的同級元素重疊 |
block,none,grid較為常用
值 | 含義 |
block | 塊狀元素 |
none | 不顯示 |
flex | flex布局 |
grid | grid布局 |
inline | 行內元素 |
inline-block | 行內塊元素 |
grid和flex可以去網上找資料學習
著重介紹一下grid布局
含義:可以方便地進行網格狀的布局,而后可以隨意組合,分配給子元素
有許多屬性和它配合使用(前提:display:grid,至少與前3個一起使用,前4個可以更美觀地表示)
屬性 | 含義 | 用法與解釋 |
grid-template | 融合了下面上半部分的所有項 | 較為復雜,不講 |
grid-template-rows | 每行的寬度(單獨設置) | 多個 長度/auto/xfr 表示,有幾行寫幾個(空格分開) |
grid-template-colums | 每列的寬度(單獨設置) | ↑ 有幾列寫幾個 |
grid-template-areas | 給每個格子命名,名字一樣則合并 | 每行一對雙引號,(適當使用回車) |
grid-gap | 行間距和列間距(統一設置) | 行間距 列間距 |
grid-row-gap | 行間距(統一設置) | 長度 |
grid-colum-gap | 列間距(統一設置) | 長度 |
place-items | 內容的 左右和上下 位置情況 | ↓ start/end/center/stretch |
align-items | 內容的 左右 位置情況 | ↑ 開頭/末尾/中間/拉伸以盛滿 |
justify-items | 內容的 上下 位置情況 | ↑ 對align來說,左是開頭,右是末尾 |
place-content | 整個表格 左右和上下 位置情況 | ↑ 對juestify來說,上是開頭,下是末尾 |
align-content | 整個表格的 左右 位置情況 | ↑有兩個值的(place),用空格分開 |
justify-content | 整個表格的 上下 位置情況 | ↑ |
– | – | 以下都是子元素獲得父元素分配的某個空間的語句 |
grid-template-area | 用指定的名字獲取父類給這個名字的空間 | 字符串 |
– | – | 以下用 起始/末尾 的(間隔,即gap) 行/列 獲得空間 |
grid-area | 起始/末尾 的 行/列 | 起始行/起始列/末尾行/末尾列 |
grid-row | 起始/末尾 的行 | 起始行/末尾行 |
grid-row-start | 起始 行 | 起始行 |
grid-row-end | 末尾行 | 末尾列 |
grid-column | 起始/末尾 的列 | 起始列/末尾列 |
grid-column-start | 起始列 | 起始列 |
grid-column-end | 末尾列 | 末尾列 |
著重介紹一下flex布局
含義:可以方便地進行彈性布局,尤其是垂直對齊的問題
有許多屬性和它配合使用(前提:display:flex)
| 屬性 | 含義
|–|–|–|
|flex-direction| 決定主軸的方向
| justify-content | 子元素在主軸方向上的分布方式
| align-items | 子元素在副軸方向上的分布方式
flex-direction的值 | 含義 |
row | 從上到下 |
row-reserve | 從下到上 |
column | 從左到右 |
column-reserve | 從右到左 |
justify-content的值 | 含義 |
flex-start | 主軸起始除處 |
flex-end | 主軸末尾處 |
center | 主軸中間 |
space-around | 元素兩邊留空隙,每個元素各占一份,不會像magin一樣重合 |
space-between | 元素之間留空隙,這意味著最邊上沒有空隙 |
align-items的值 | 含義 |
flex-start | 副軸起始除處 |
flex-end | 副軸末尾處 |
center | 副軸中間 |
stretch | 全部占滿 |
不設置這個屬性,它可能會在區域之外顯示
值 | 含義 |
auto | 超出長度時,可滾動 |
hidden | 隱藏 |
其他 | - |
分別代表 外邊距/邊框/內邊距
他們都可以用4個長度值表示,分別代表 上右下左 的長度
也可以有auto值,即自動,它會使兩邊相等
如 margin:0 auto;
它的左右兩邊是相等的
后面的值可以省略,但至少有第一個值
第4個值(左)省略,則=第2個值(右)
第3個值(下)省略,則=第1個值(上)
第2個值(右)省略,則=第1個值(上)
他們的四個值可以單獨設置,以margin為例子
margin-top,margin-right,margin-bottom,margin-left
值 | 含義(浮動方向/對齊方向) |
left | 左 |
center | 中 |
right | 右 |
先清除上一個區域來的浮動(float),而后可以設置自己的浮動
值 | 清除浮動 |
left | 左 |
right | 右 |
both | 左右 |
屬性自由書寫,其中的屬性可以缺少一些或調換順序
下面是兩個較頻繁使用的格式
有多個子屬性
子屬性 | 含義 | 值 |
background-image | 圖片鏈接 | url(“路徑”) |
background-repeat | 是否重復 | repeat/no-repeat |
background-position | 背景圖的起始位置 | |
background-position-x | 離左邊距離 | 長度/x% |
background-position-y | 離上邊距離 | 長度/y% |
background-color | 背景色 | 顏色 |
background-size | 背景大小 | 長度 長度 |
background-attachment | 是否隨著滾動而滾動 | scroll(默認)/fixed(不會)/local(會) |
<script type="text/javascript">
變量及賦值
計算語句
函數
事件
</script>
一定有事件,因為沒有事件,js就沒有什么意義
所有類型的變量 都用 var 變量名 = 值; 來定義
數據類型 | 含義 | 值 |
Undefined | 定義但未賦值 | undefined |
Null | 未定義,由Undefined衍生而來,值==undef | null |
Boolean | 布爾類型 | true false |
Number | 數字,正數,浮點數等, | 數字 |
String | 字符串,用單引號或雙引號都可 | 字符串 |
Object | 項目,上面有屬性,如{name:“myname”,age:18} | |
Array | 數組可以混雜其他類型,如[1,“myname”] | |
DOM對象 | 一個具體的標簽,如window, document,element |
可用數據類型 | 數據類型相關函數 | 目的類型 | 含義與用法 |
Boolean Number | toString() | String | 變換成字符串 |
- | 下面兩個 String轉Number 的函數 | - | 下面的都把源操作數放()里 |
String | praseInt() | 整數(Number) | 字符串變整數 |
String | praseFloat() | 浮點數(Number) | 字符串變浮點數 |
- | 下面的是三種強制類型轉換 | - | |
所有 | Boolean() | Boolean | 空字符串 0 undefined null 值為false,其他的true |
所有 | Number() | Number | 匹配整個數,fasle null為0,true為1 |
所有 | String() | String | 強制類型轉換,變成字符串 |
isNaN | 判斷是不是數 |
賦值符 | 含義 |
= | 右邊賦給左邊 |
– | – |
運算符 | |
+ | 加 |
- | 減 |
* | 乘 |
/ | 除 |
% | 余 |
++ | 自增,放在數的 前/后 不一樣 |
? : | 三目運算符 |
( ) | 提高優先級,左括號,右括號 |
- | - |
判斷符 | |
> | 大于 |
>= | 大于等于 |
< | 小于 |
<= | 小于等于 |
== | 值相等 |
!= | 值不相等 |
=== | 值和類型 都相等 |
!== | 值和類型 都不相等 |
- | - |
運算賦值符 | 左邊的值加上右邊的值,再賦值給左邊 |
+= | |
-= | |
*= | |
\= | |
%= |
語句 | 使用 |
定義及賦值 | var i=3;也可以單獨定義/賦值,定義統一用var |
選擇(分支) | if-else或switch–case-default-break |
循環 | for或while或do-while |
跳出 | break或continue |
返回 | return |
一個事件只能綁定一個函數,如果一個事件要做多件事情,都放到一個函數里
表達形式:(被觸發)對象.事件屬性=…
不只是a有事件屬性,其他的標簽都有事件屬性
事件屬性有很多,根據可以觸發者(比如鼠標,鍵盤,窗口)的不同分類
只列舉常用的
鼠標觸發:onclick(點擊),onmouseover(鼠標再其上,和選擇器hover有點像,但有不同)
窗口觸發(被觸發對象必須是window):onload(窗口完成后)
動態綁定
寫在js樣式里,被包含在其他的事件的函數中綁定
對象需要給出
參照函數的三種綁定方式
靜態綁定
直接在標簽里綁定,這時候對象就是自己這個標簽
參照函數的第2種
比如 <p onclick="函數名(參數)">
函數里的組成與js的組成成分一致
函數定義的3種方式
參數可以有多個,定義時不需要聲明類型,只需要參數名即可
第2種定義方式可以讓定義在標簽內的事件連結到這個函數
事件綁定
前兩種定義方式
不需要 (參數)
需要用到匿名函數
直接用 事件=函數名(參數); 的結果
是 直接觸發事件
第3種定義方式一般直接賦給內部的事件,即 事件=function (){函數體}
*請認真填寫需求信息,我們會在24小時內與您取得聯系。