小計精品文章

• 

  12.16前端無障礙學習小計

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

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

  2019.1.21 canvas學習小計

  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 無障礙學習小計

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

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

  2018.12.23 無障礙學習小計

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

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

  12.18aria學習小計

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

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

  2019.1.21 canvas學習小計

  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
• 

  工作技術點小計14條 hybrid + animate 方向

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

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

  2019.1.21 canvas學習小計

  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 無障礙學習小計

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

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

  2018.12.23 無障礙學習小計

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

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

  12.18aria學習小計

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

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

  工作技術點小計14條 hybrid + animate 方向

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

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

  2018.12.24 無障礙學習小計

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

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

  2018.12.23 無障礙學習小計

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

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