iT邦幫忙

好想工作室相關文章
共有 347 則文章
鐵人賽 自我挑戰組 DAY 17
前端新手進化史 系列 第 17

技術 視覺格式化模型-格式化上下文

文章將陸續整理並更新至個人部落格。 前言 所有元素(element)都可以生成盒子(box),什麼類型的元素,生成什麼類型的盒子,盒子可以裝盒子,整個版...

鐵人賽 自我挑戰組 DAY 17

技術 JS 從陣列 Array 的開頭新增元素

Day 17 頭和腳的關係如此微妙,一個思考一個執行,但對程式的陣列來說,都只是陣列的一部分而已,很公平。 接下來我們會分兩天,聊聊從陣列的開頭(前面)新增...

鐵人賽 自我挑戰組 DAY 17
Typescript 初心者手札 系列 第 17

技術 【Day 17】TypeScript 資料型別 - 通用型別(Generic Types)

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: any 和 unknown 型別的差別為何? 倘若希望 TypeScript 編譯時禁止隱性推論 any...

鐵人賽 Modern Web DAY 17
鉄人28号FX 系列 第 17

技術 鉄人28号FX 鉄人17号「垂直虎」vertical-align

★ 地圖西北方峽谷森林 ↓↓↓ 顯示峽谷森林位置圖 森林橋 [???]:能真正駕馭此屬性,才是如虎添翼啊。(哈哈!!傲慢樣。) 傳送卷軸,建議先向 鉄人16号「...

鐵人賽 Modern Web DAY 16

技術 實作無障礙網頁功能:真・button —— RWD 漢堡選單應用

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 16
前端新手進化史 系列 第 16

技術 position

文章將陸續整理並更新至個人部落格。 position 語法 position: static | relative | absolute | fixed...

鐵人賽 Modern Web DAY 16
鉄人28号FX 系列 第 16

技術 鉄人28号FX 鉄人16号「行高怪」line-height

★ 地圖西北方峽谷森林 ↓↓↓ 傳送卷軸,建議先向 鉄人2号「文本士」收集資料,此章為進階續文。 顯示峽谷森林位置圖 方向感為零摸索前進著。 峽谷森林 [行高怪...

鐵人賽 自我挑戰組 DAY 16
Typescript 初心者手札 系列 第 16

技術 【Day 16】TypeScript 資料型別 - 特殊型別(下)- Any & Unknown

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: never 和 void 的差異為何? never 是所有型別的子型別,這會讓 never 擁有什麼特性...

鐵人賽 自我挑戰組 DAY 15
前端新手進化史 系列 第 15

技術 視覺格式化模型-Box generation(下)

文章將陸續整理並更新至個人部落格。 匿名塊盒子 (Anonymous block boxes) 由於 塊容器盒(block container box...

鐵人賽 Modern Web DAY 15
鉄人28号FX 系列 第 15

技術 鉄人28号FX 鉄人15号「間距蟻」letter-spacing, word-spacing, line-height

★ 地圖西北方未知區域 ↓↓↓ 第一次踏上遠程。還真新奇。 按照地圖指示,會先經過峽谷森林,繼續再往東前行,就到了村長所說目的地:——雷奧鎮。 顯示峽谷森林位置...

鐵人賽 自我挑戰組 DAY 15

技術 JS 從陣列 Array 尾端新增元素的 push()

Day 15 有付出一定有收穫,有pushㄧ定有增加,但是要排隊喔~ 介紹陣列方法的第一天,想先請大家看一下底下的這張圖,在上一篇,我們依 JavaScri...

鐵人賽 自我挑戰組 DAY 15
Typescript 初心者手札 系列 第 15

技術 【Day 15】TypeScript 資料型別 - 特殊型別(上)- Never

閱讀今天的文章前,先回顧一下昨天的學習,回答看看: 複合型別有哪兩種?分別用在哪些情境? 什麼是型別檢測(Type Guard)? 如果有點不清楚答案的話...

鐵人賽 Modern Web DAY 15

技術 實作無障礙網頁功能:真・button —— 按鈕的世界比你想像複雜,別再用 div 刻假按鈕了!

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 14
前端新手進化史 系列 第 14

技術 視覺格式化模型-Box generation(中)

文章將陸續整理並更新至個人部落格。 前言 視覺格式化模型會依據盒子模型(box model)將元素轉換為一個個盒子(box),並且根據盒子的 conta...

鐵人賽 Modern Web DAY 14

技術 實作無障礙網頁功能:麵包屑 Breadcrumb

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 14

技術 JS_陣列 Array 方法概觀

Day 14 知道怎麼做,但是如果有好工具會更得心應手。 JavaScript一直在演化,也因此因不同時期推出的新方法好像是給我們補充能量,原本需要複雜的程...

鐵人賽 Modern Web DAY 14
鉄人28号FX 系列 第 14

技術 鉄人28号FX 鉄人14号「空白彈」white-space, word-break, overflow-wrap

★ 支線:地圖東南方林中村落 ↓↓↓ 顯示道具屋位置圖 NPC [道具屋老闆]:我這邊有各種樣式的空白彈,在必要時,可以任意移開擋在前面的所有文字。 或許混合使...

鐵人賽 自我挑戰組 DAY 13
前端新手進化史 系列 第 13

技術 視覺格式化模型-Box generation(上)

文章將陸續整理並更新至個人部落格。 前言 視覺格式化模型會依據盒子模型(box model)將元素轉換為一個個盒子(box),並且根據盒子的 conta...

鐵人賽 Modern Web DAY 13

技術 實作無障礙網頁功能:當使用者輸入錯誤的警告視窗 Alert

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 13

技術 JS 遍歷陣列 Array 的方法

Day 13 傻傻以為迴圈是唯一,那只是沙灘上的一塊小岩石。 回想剛開始學程式時,看到 While 迴圈可以透過 ASCII 碼,把英文數字從 a 到 Z...

鐵人賽 Software Development DAY 13

技術 ✾後花園D13✾-你的MVC是我的MVC嗎?

本系列文的環境狀態,可點擊此連結後花園環境參考 前輩們說有100種人就有100種MVC,不同背景對MVC的解讀也可能都不同。 琳琅滿目的MVC解釋,小的不是專家...

鐵人賽 Modern Web DAY 12

技術 實作無障礙網頁功能:鍵盤也能操作的手風琴 Accordion

這系列無障礙的鐵人賽文章,實踐的內容主要是根據 W3C:WAI-ARIA 的實踐,從設計模式及組件(Design Patterns and Widgets)裡...

鐵人賽 自我挑戰組 DAY 12
前端新手進化史 系列 第 12

技術 Containing block

文章將陸續整理並更新至個人部落格。 每個元素會生成零(display: none 時)至多個盒子(例如 display 為 list-item 時),盒...

鐵人賽 自我挑戰組 DAY 12

技術 JS 以陣列 Array 的複製談型別(下)

拿到它,先看它是什麼?拿它來做什麼? 再決定。 在複製陣列之前,先理解了 JavaScript 會依資料型別 Primitive type(基本型別)和No...

鐵人賽 自我挑戰組 DAY 11
前端新手進化史 系列 第 11

技術 番外篇 - 胡搞 box-shadow (下)

文章將陸續整理並更新至個人部落格。 誰說影子一定要是黑色的呢?誰說影子永遠當不了主角呢?放下先入為主的偏見~ 來看看幾個 box-shadow 幹的好事...

鐵人賽 Modern Web DAY 11

技術 以設計層面來思考無障礙網站

(圖片來源:Inclusive Design - Microsoft) 設計雖不是我的專業,不過網站的製作可不是僅靠工程師的力量而已啊啊,所以也將找到的相關資...

鐵人賽 自我挑戰組 DAY 11

技術 JS 以陣列 Array 的複製談型別(上)

Day 11 別懷疑,複製就是拷貝,深拷貝淺拷貝就是深複製淺複製,呼~ 人家說,如果我們可以和某位朋友一起旅行 30 天,要嘛旅程結束變至親,不然就是變仇人...

鐵人賽 Modern Web DAY 10

技術 無障礙網站之 JavaScript 迷思和 SPA 探討

迷思:無障礙和 JS 只能擇一? JavaScript isn’t the enemy of accessibility. - A11Y with linds...

鐵人賽 自我挑戰組 DAY 10
前端新手進化史 系列 第 10

技術 番外篇 - 胡搞 box-shadow (中)

文章將陸續整理並更新至個人部落格。 咦,box-shadow 和 box model 唸起來很像? 他們的確有關聯沒錯!還記得 box model 是由...

鐵人賽 自我挑戰組 DAY 10

技術 JS 如何把陣列 Array 或元素清空和刪除

Day 10 好好的吃頓飯也是一種優雅。刪除也是。 「如何把陣列或元素清空」也要寫一篇? 妳當牛肉麵在寫嗎?自從有了這本「JavaScript 大全」當枕頭...