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 亚洲精品第一综合99久久,日韩一区二区久久久久久,日韩有码在线观看

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          值得關注的四核新品 實測聯發科MT8127

          責編:蔡文清

          從拼形態到拼硬件,再到現如今的拼上游供應鏈,智能終端市場的競爭形勢不斷攀升。隨著加入競爭的廠商不斷增加,曾經藏在產品背后的上游供應商開始因為供求關系的影響漸漸掌握了市場的主導權。

          回顧這幾年智能終端市場的發展, 平板這邊常年被全志、瑞芯微兩大主攻高性價比的芯片廠商所壟斷。但圈里人都知道,這兩家的良品率比老羅的錘子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推薦的前端三件套,并且互相之間可以很好地配合

          • HTML:Hyper Text Markup Language超文本標記語言,|框架
          • CSS:Cascading Style Sheets層疊樣式表,Cascading Style Sheets顯示樣式
          • JS:JavaScript腳本|監聽時間,執行函數

          學習

          • W3C
          • 菜鳥教程

          常用軟件,語言文件相關格式 .html文件/文件夾

          HBuilder X

          .html文件 格式

          <!DOCTYPE html>
          <html>
          	<head>
          		<meta charset="utf-8">
          		<title></title>
          		<!-- 關于網頁的一些屬性 -->
          		<!-- css樣式 -->
          	</head>
          	<body>
          		<!-- 主體內容 -->
          	</body>
          </html>
          

          文件夾

          剛學半年web,只是寫個作業可以這么用吧(●’?’●)
          前為名字,后為文件格式

          項目名 文件夾
          	images 文件夾
          	css 文件夾
              	網站名1.css
              	...
              html 文件夾 也可以直接把每個網站卸載更外面一層
              	網站名1.thml
              	...
          

          標簽

          html的內容由一個個標簽 嵌套或并列 組成
          標簽用 <標簽名>內容</標簽名> 或者 <標簽名/>

          文字可以直接輸入,標簽只不過是用來控制他們的 位置和顯示效果 的

          通用的標簽主要
          前者較為普遍;后者教為特殊

          結構相關

          主要用來定一個區域來 劃分更小的區域或者直接寫入內容。
          使用時用前者。

          1. 通用的結構標簽有div和span
          2. div更普遍一些
          3. span一般用在剛開始不需要顯示的內容上,但可以被div替代

          有許多特殊的標簽,他們沒有特別之處,只是特別拎出來以方便理解文件的整個結構

          英文

          通常的內容

          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/id

          用于標簽的定義
          class表示類,可以用于很多類似的標簽,以方便使用一樣的css樣式
          id是唯一的,可以為獨特的標簽單獨使用樣式

          css樣式

          css一共有3段:選擇器{屬性:值;…}
          樣式有3種添加的方法

          1. 直接在標簽后面寫,如<div style="具體樣式">這時候選擇器不需要寫了
          2. 寫在head的style標簽內<style>寫如css</style>,可以在style同時寫入多個不同的樣式
          3. 寫在單獨的css格式文件中,在head中添加<link href="文件路徑" type="text/css" rel="stylesheet"/>引入css外部樣式

          選擇器

          常見的偽 選擇器/元素

          表示方法

          通用選擇器

          *

          標簽選擇器

          標簽名

          類選擇器

          .類名 前面是一個下點

          ID選擇器

          #ID號

          -

          以下選擇器用于分隔不同的選擇器

          后代選擇器

          一個空格,其實這不是個選擇器(但很像),可以選擇出所有的后代

          分組選擇器

          , 逗號

          子元素選擇器

          >

          -

          以下選擇器均需緊跟在最上面的選擇器后

          相鄰兄弟選擇器

          +

          不相鄰兄弟選擇器

          ~

          屬性選擇器

          [屬性值] 詳細介紹

          偽類選擇器

          :單詞 詳細介紹

          偽屬性

          ::單詞 詳細介紹

          后一個選擇器不一定是前一個的子元素,也可以通過一些符號進行兄弟之間的變化


          子元素選擇器

          div>p
          選中選中div中的p子元素(沒有中間層的關系)

          相鄰兄弟選擇器

          div+p
          選中跟在div后的p

          不相鄰兄弟選擇器

          div~p
          選中前面有相同父元素的div 的p

          屬性選擇器

          | 屬性選擇器 | 介紹,有紅字是因為|豎線在編輯器里是特殊字符,在代碼塊內才能正常顯示 |
          |–|–|
          | [屬性] | 具有該屬性的 |
          |[屬性=某值]|屬性=某值的|
          |[屬性~=某值]|屬性=用空格分隔的字詞列表,某值是其中一個值
          |[屬性|=某值]|屬性=用|分隔的字詞列表,某值是其中一個值
          |[屬性^=某值]|具有該屬性,以 某值 開頭
          |[屬性$=某值]|具有該屬性,以 某值 結尾
          |[屬性*=某值]|具有該屬性,包含 某值

          偽類選擇器

          這類選擇器全部按前面(一部分)選擇器的介紹,緊跟在后面,以":"(冒號)為標識符(即以它開頭,可以看成選擇器的一部分)
          以下均不寫冒號

          偽類選擇器

          介紹

          -

          下面定義的是應用于超鏈接文本a的4種(鼠標在該元素的)狀態,
          一起出現(分開使用)時,順序不可顛倒,否則會使本應在上面的選擇器失效
          也可以用到其他元素(非a)身上,即當鼠標
          移過/在上面/移出時 的活動狀態

          link

          正常狀態(未訪問)

          visited

          被訪問之后

          hover

          經過時

          active

          單機被激活時

          偽類選擇器也有一些分類,見下


          結構偽類選擇器

          介紹

          first-child

          第一個子元素

          lastchild

          最后一個子元素

          -

          注意以下4個帶()的,()內可以是一個算式或數字,選中符合結果的(可以是多個)
          若()內是一個確定的數字,數字超出范圍,選擇器將無效;
          算式里可以有一個字母n,n會自增直到超出父類的子類數量。
          n=0等最前面的幾個值超出范圍問題不大
          盡量
          簡單 有效,比如(2n+1)選中所有奇數行
          ()里面也可以是 odd,選中奇數行;even,選中偶數行

          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

          溢出

          字符

          position 定位

          含義

          absolute

          絕對定位,相對于最近的定位過的父元素偏移

          relative

          相對定位,在文件流中,相對自生原本在的位置偏移

          fixed

          絕對定位,相對視口偏移

          這里提到了偏移,它相對于定位的位置進行偏移


          relative在文件流中的意思是,在這個頁面中單獨占據一塊空間,原始位置不會與在文件流中的同級元素重疊


          display 顯示

          block,none,grid較為常用

          含義

          block

          塊狀元素

          none

          不顯示

          flex

          flex布局

          grid

          grid布局

          inline

          行內元素

          inline-block

          行內塊元素

          grid和flex可以去網上找資料學習

          grid布局

          著重介紹一下grid布局
          含義:可以方便地進行網格狀的布局,而后可以隨意組合,分配給子元素
          有許多屬性和它配合使用(前提:display:grid,至少與前3個一起使用,前4個可以更美觀地表示)

          屬性

          含義

          用法與解釋

          grid-template

          融合了下面上半部分的所有項

          較為復雜,不講

          grid-template-rows

          每行的寬度(單獨設置)

          多個 長度/auto/xfr 表示,有幾行寫幾個(空格分開)
          可以用repeat(s,值)代替s個連續的重復值
          fr代表比例,會將剩下的長度按比例分配

          grid-template-colums

          每列的寬度(單獨設置)

          ↑ 有幾列寫幾個

          grid-template-areas

          給每個格子命名,名字一樣則合并

          每行一對雙引號,(適當使用回車)
          單個雙引號內 每列分別有一個代表這個區域的名字。
          “aa b” “aa b” “c c”,代表3行2列:
          aa占據上面兩行的最左邊一列;
          b占據上面兩行的最右邊一列;
          c占據最后一行的兩列

          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) 行/列 獲得空間
          有多個值的用/分隔
          第1個間隔行在整個表格的最上方,列:左
          即,有n行內容行,就有n+1行間隔行
          默認名為從1開始的數字,行列的下標分開計算
          或使用上面areas里定義的名字+start/end
          如 aa-start 表示區域a的起始行
          上:起始行 左:起始列 下:末尾行 右:末尾列

          grid-area

          起始/末尾 的 行/列

          起始行/起始列/末尾行/末尾列

          grid-row

          起始/末尾 的行

          起始行/末尾行

          grid-row-start

          起始 行

          起始行

          grid-row-end

          末尾行

          末尾列

          grid-column

          起始/末尾 的列

          起始列/末尾列

          grid-column-start

          起始列

          起始列

          grid-column-end

          末尾列

          末尾列

          flex布局

          著重介紹一下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

          全部占滿

          inline-block布局

          overflow 溢出處理

          不設置這個屬性,它可能會在區域之外顯示

          含義

          auto

          超出長度時,可滾動

          hidden

          隱藏

          其他

          -

          margin/border/padding 外邊距/邊框/內邊距

          分別代表 外邊距/邊框/內邊距
          他們都可以用4個長度值表示,分別代表 上右下左 的長度

          也可以有auto值,即自動,它會使兩邊相等
          如 margin:0 auto;
          它的左右兩邊是相等的

          后面的值可以省略,但至少有第一個值

          第4個值(左)省略,則=第2個值(右)
          第3個值(下)省略,則=第1個值(上)
          第2個值(右)省略,則=第1個值(上)

          他們的四個值可以單獨設置,以margin為例子
          margin-top,margin-right,margin-bottom,margin-left

          float/text-align 浮動/左右對齊

          含義(浮動方向/對齊方向)

          left

          center

          right

          clear 清除浮動

          先清除上一個區域來的浮動(float),而后可以設置自己的浮動

          清除浮動

          left

          right

          both

          左右

          background 背景

          屬性自由書寫,其中的屬性可以缺少一些或調換順序

          下面是兩個較頻繁使用的格式

          • 背景色: background: background-color
          • 背景圖片: background: url(“”) background-repeat background-position;

          有多個子屬性

          子屬性

          含義

          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(會)

          javascript

          <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

          變換成字符串
          str=from.toString()
          Number的()可以放十進制表示的進制數

          -

          下面兩個 String轉Number 的函數
          出現異常則返回前面的正常的值

          -

          下面的都把源操作數放()里

          String

          praseInt()

          整數(Number)

          字符串變整數

          String

          praseFloat()

          浮點數(Number)

          字符串變浮點數

          -

          下面的是三種強制類型轉換

          -


          所有

          Boolean()

          Boolean

          空字符串 0 undefined null 值為false,其他的true

          所有

          Number()

          Number

          匹配整個數,fasle null為0,true為1
          undefined為NaN(非數,not a number)

          所有

          String()

          String

          強制類型轉換,變成字符串


          isNaN

          判斷是不是數


          賦值及計算語句

          運算符

          賦值符

          含義

          =

          右邊賦給左邊

          運算符


          +

          -

          *

          /

          %

          ++

          自增,放在數的 前/后 不一樣

          ? :

          三目運算符

          ( )

          提高優先級,左括號,右括號

          -

          -

          判斷符


          >

          大于

          >=

          大于等于

          <

          小于

          <=

          小于等于

          ==

          值相等

          !=

          值不相等

          ===

          值和類型 都相等

          !==

          值和類型 都不相等

          -

          -

          運算賦值符

          左邊的值加上右邊的值,再賦值給左邊
          a+=b相當于a=a+b

          +=


          -=


          *=


          \=


          %=


          基本計算語句

          語句

          使用

          定義及賦值

          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="函數名(參數)">

          函數(function)

          函數里的組成與js的組成成分一致

          • 變量及賦值
          • 計算語句
          • 函數
          • 事件

          函數定義的3種方式

          1. function 函數名(參數){函數體}
          2. var 函數名=function (參數){函數體}
          3. function (){函數體}

          參數可以有多個,定義時不需要聲明類型,只需要參數名即可

          第2種定義方式可以讓定義在標簽內的事件連結到這個函數

          事件綁定

          前兩種定義方式

          1. 無參:事件=函數名;

          不需要 (參數)

          1. 有參:事件=function(){ 函數名(參數); }

          需要用到匿名函數
          直接用 事件=函數名(參數); 的結果
          是 直接觸發事件

          第3種定義方式一般直接賦給內部的事件,即 事件=function (){函數體}


          主站蜘蛛池模板: 亚洲一区免费在线观看| 人成精品视频三区二区一区 | 无遮挡免费一区二区三区| 精品人妻无码一区二区色欲产成人| 亚洲综合av一区二区三区| 亚洲综合av永久无码精品一区二区| 亚洲欧美日韩一区二区三区在线| 亚洲AV无码一区东京热久久 | 日韩精品乱码AV一区二区| 在线观看免费视频一区| 国产拳头交一区二区| 成人一区二区三区视频在线观看| 日本高清不卡一区| 韩日午夜在线资源一区二区| av无码精品一区二区三区四区| 国产精品久久无码一区二区三区网| 亚洲一区在线免费观看| 无码人妻AV免费一区二区三区| 中文字幕一区在线| 国产精品第一区第27页| 精品视频一区二区三区四区五区| 色一情一乱一伦一区二区三区日本| 国产成人一区二区三区免费视频| 国产乱码精品一区二区三区四川人| 亚洲日韩一区二区一无码| 亚洲熟妇AV一区二区三区浪潮| 亚洲欧洲无码一区二区三区| 国产精品熟女一区二区| 久久国产精品无码一区二区三区| 国产成人无码精品一区二区三区| 国产av一区二区三区日韩 | 日韩视频在线一区| 美女福利视频一区二区| 久久se精品一区二区影院| 中文字幕色AV一区二区三区 | 大香伊人久久精品一区二区| 亚洲国产成人久久一区二区三区| 中文字幕一区二区三区精彩视频| 国产91大片精品一区在线观看| 久久精品免费一区二区喷潮| 在线观看日韩一区|