小計精品文章

• 

  12.16前端無障礙學(xué)習(xí)小計

  屏幕閱讀器的兩種方式：1.讀角色名；2.輕松識別的聲音 一般，如果配置正確，屏幕閱讀器一般會有Role，Name（lable），State，Value 控件的文字綁定：放入標(biāo)簽或標(biāo)簽加入for=目標(biāo)id綁定目標(biāo)交互控件 img的alt屬性是圖片的替...

  Kerr1Gan 2019-08-02 16:07 評論0 收藏0
• 

  2019.1.21 canvas學(xué)習(xí)小計

  var c = document.querySelector(#drawing); var ctx = c.getContext(2d); var image = new Image(); image.onload = function() { ctx.drawImage(image, 0, 0); } image.src = images/palette.jpg; var makePixe...

  MangoGoing 2019-08-30 15:55 評論0 收藏0
• 

  2018.12.24 無障礙學(xué)習(xí)小計

  ARIA 在 HTML 中的規(guī)范，包括關(guān)于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導(dǎo) https://www.w3.org/TR/html-aria/ (英) aria-live=off（default）不啟用aria-live:將網(wǎng)頁某個部分標(biāo)記為live，以便及時向用戶顯示更新內(nèi)容，而不...

  Fundebug 2019-08-30 15:55 評論0 收藏0
• 

  2018.12.23 無障礙學(xué)習(xí)小計

  aria-expanded：指示元素展開或者折疊 aria-hidden：從無障礙樹移除元素及其子項(xiàng)，aria-labeledby和aria-describedby引用的元素除外 將DOM一些元素隱藏，可做如下的設(shè)置，也可以將為屏幕閱讀器用戶呈現(xiàn)的內(nèi)容放在屏幕之外，aria-describedb...

  Anleb 2019-08-30 15:54 評論0 收藏0
• 

  12.18aria學(xué)習(xí)小計

  ARIA：ARIA 1.0 規(guī)范：https://www.w3.org/TR/wai-aria/ (英)ARIA 1.1 規(guī)范：https://www.w3.org/TR/wai-ari... (英)aria可以表達(dá)html中不存在的語義UI強(qiáng)烈建議使用原生元素ARIA使用（此列子純粹面向方法，并不建議使用）：自定義復(fù)選框，自己定意的di...

  Jrain 2019-08-30 15:54 評論0 收藏0
• 

  2019.1.21 canvas學(xué)習(xí)小計

  var c = document.querySelector(#drawing); var ctx = c.getContext(2d); var image = new Image(); image.onload = function() { ctx.drawImage(image, 0, 0); } image.src = images/palette.jpg; var makePixe...

  biaoxiaoduan 2019-08-23 14:52 評論0 收藏0
• 

  工作技術(shù)點(diǎn)小計14條 hybrid + animate 方向

  設(shè)置transition 動畫的時候 , js直接設(shè)置duration 和 變化值不會起作用 , 需要先設(shè)置duration , 等一小會再設(shè)置變化值 安卓端 , 窗口不可見時 , window.innerHeight為 0 ; keyframe + 關(guān)鍵幀圖片動畫 響應(yīng)式坑 : 若 keyframe 設(shè)置的動畫為 0% ~ 50% ...

  mikasa 2019-08-21 17:37 評論0 收藏0
• 

  2019.1.21 canvas學(xué)習(xí)小計

  var c = document.querySelector(#drawing); var ctx = c.getContext(2d); var image = new Image(); image.onload = function() { ctx.drawImage(image, 0, 0); } image.src = images/palette.jpg; var makePixe...

  OnlyLing 2019-08-02 14:09 評論0 收藏0
• 

  2018.12.24 無障礙學(xué)習(xí)小計

  ARIA 在 HTML 中的規(guī)范，包括關(guān)于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導(dǎo) https://www.w3.org/TR/html-aria/ (英) aria-live=off（default）不啟用aria-live:將網(wǎng)頁某個部分標(biāo)記為live，以便及時向用戶顯示更新內(nèi)容，而不...

  masturbator 2019-08-02 13:58 評論0 收藏0
• 

  2018.12.23 無障礙學(xué)習(xí)小計

  aria-expanded：指示元素展開或者折疊 aria-hidden：從無障礙樹移除元素及其子項(xiàng)，aria-labeledby和aria-describedby引用的元素除外 將DOM一些元素隱藏，可做如下的設(shè)置，也可以將為屏幕閱讀器用戶呈現(xiàn)的內(nèi)容放在屏幕之外，aria-describedb...

  mylxsw 2019-08-02 13:56 評論0 收藏0
• 

  12.18aria學(xué)習(xí)小計

  ARIA：ARIA 1.0 規(guī)范：https://www.w3.org/TR/wai-aria/ (英)ARIA 1.1 規(guī)范：https://www.w3.org/TR/wai-ari... (英)aria可以表達(dá)html中不存在的語義UI強(qiáng)烈建議使用原生元素ARIA使用（此列子純粹面向方法，并不建議使用）：自定義復(fù)選框，自己定意的di...

  vibiu 2019-08-02 13:55 評論0 收藏0
• 

  工作技術(shù)點(diǎn)小計14條 hybrid + animate 方向

  設(shè)置transition 動畫的時候 , js直接設(shè)置duration 和 變化值不會起作用 , 需要先設(shè)置duration , 等一小會再設(shè)置變化值 安卓端 , 窗口不可見時 , window.innerHeight為 0 ; keyframe + 關(guān)鍵幀圖片動畫 響應(yīng)式坑 : 若 keyframe 設(shè)置的動畫為 0% ~ 50% ...

  libxd 2019-08-01 17:59 評論0 收藏0
• 

  2018.12.24 無障礙學(xué)習(xí)小計

  ARIA 在 HTML 中的規(guī)范，包括關(guān)于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導(dǎo) https://www.w3.org/TR/html-aria/ (英) aria-live=off（default）不啟用aria-live:將網(wǎng)頁某個部分標(biāo)記為live，以便及時向用戶顯示更新內(nèi)容，而不...

  weapon 2019-08-23 14:16 評論0 收藏0
• 

  2018.12.23 無障礙學(xué)習(xí)小計

  aria-expanded：指示元素展開或者折疊 aria-hidden：從無障礙樹移除元素及其子項(xiàng)，aria-labeledby和aria-describedby引用的元素除外 將DOM一些元素隱藏，可做如下的設(shè)置，也可以將為屏幕閱讀器用戶呈現(xiàn)的內(nèi)容放在屏幕之外，aria-describedb...

  MartinHan 2019-08-23 14:15 評論0 收藏0