iT邦幫忙

前端新手村相關文章
共有 75 則文章

技術 [鼠年全馬鐵人挑戰] Week22 - 超新手學前端 - JavaScript 使用時機

學了一陣子的JavaScript遇到了不少問題 其中遇到一個最大的問題是 學了那麼多語法要怎麼運用? 我知道函式、物件、陣列但我不知道什麼時候該用哪個? 不知道...

技術 鼠年全馬鐵人挑戰 WEEK 22: JavaScript 判斷式 - if...else / switch

小明崩潰問道:難道奶奶、你和我都是程式所構成的嗎? 此時大家陷入沉默,不發一語 黑衣人打破沉默:如果你想知道這世界的真相,就問問真理吧! 在真理的世界只有 tr...

技術 鼠年全馬鐵人挑戰 WEEK 21: JavaScript 箭頭函式 Arrow function

奶奶一臉震驚說:你...你是... 黑衣人說:我這次回來是要把我畢生所學給傳授下去。 小明腦中出現了很多想法,回來?畢生所學?什麼東西阿!搞得我腦子好亂! 黑衣...

技術 鼠年全馬鐵人挑戰 WEEK 20: JavaScript 函式 function

小明是某雜貨店的員工,有天店裡來了位客人,身著國民品牌uniqlo黑色的短T, 下著百搭卡其褲,腳採萬年不敗adidas拖鞋,走進店裡拿了一罐水、 二條七七乳加...

技術 鼠年全馬鐵人挑戰 WEEK 19: JavaScript 運算子 運算式

以前數學課有個直線方成式y=ax+b,想必大家都不陌生吧! =、*、+,我們稱為運算子,而y=ax+b,就稱為運算式。 JavaScript 有以下常用的運算子...

技術 [鼠年全馬鐵人挑戰] Week20 - 超新手學前端 - JavaScript:監聽

嗨 大家早安午安晚安 這周開始 JavaScript 的直播班了 發現自己吸收程度真的很慢很多都看不懂QQ 還好有提供直播錄影連結 可以把不懂的重複看到懂~ 這...

技術 鼠年全馬鐵人挑戰 WEEK 18: JavaScript 變數 型別

變數 變數命名規則 變數可以由字母數字下劃線和美元符號($)組成 變數必須以字母開頭 變數也能以 $ 和 _ 符號開頭 變數名稱對大小寫敏感(a 和 A 是不...

技術 [鼠年全馬鐵人挑戰] Week18 - 超新手學前端 - HTML table 小概念

又過了一周啦~ 最近開始學習如何用 table 排版,在學習的過程中順手記下筆記讓自已更有概念:) 何謂table table 是在 HTML 排版的一種方式,...

技術 鼠年全馬鐵人挑戰 WEEK 17: CSS transform

transform:(動作的函數),通常會配合animation或:hover來做些動畫效果 範例 transform-origin:x y; 指定動作的參考點...

技術 前美妝小編的前端工程師之路--- Start!

嘿,大家好! 雖然不知道這篇文章會不會有人看,還是想跟網頁前的你打聲招呼! 其實一直都沒有寫網誌的習慣,哪怕是一直都有看到前輩們非常鼓勵以寫網誌的方式 留下自己...

技術 鼠年全馬鐵人挑戰 WEEK 16: CSS Animation

CSS3 中有兩個用來做動畫的屬性,一個是 Transition,另一個是 Animation。 Animation 起手式 div{ animati...

技術 鼠年全馬鐵人挑戰 WEEK 15: 上上 下下 左左 右右 要怎麼解決呢? CSS nth-child

最近切版常常遇到看似規則,但又不規則,一下偏左,一下偏右, 在我還沒遇到nth-child前, 我的解決方式都是一千零一招,複製貼上各個class, 每次邊貼心...

技術 鼠年全馬鐵人挑戰 WEEK 14: 我想亮白、我想復古、我想___?CSS filter

CSS filter簡單來說就是濾鏡功能,以下整理幾個常用的功能。 1.blur模糊(px) 越大越模糊,如果想要朦朧美就參考這個吧! filter:blur...

技術 [鼠年全馬鐵人挑戰] Week14 - 超新手學前端-前端工程師必學技能

寫了超過十篇文章才發現都沒有介紹到學習前端工程師需要學習的技能XD 這週就來記錄一下當時我收集的資訊吧:) 前端工程師需要學習的語言 想往前端工程師這條路前,首...

技術 鼠年全馬鐵人挑戰 WEEK 13: CSS | 假的!假的!這一切都是假的!偽元素 - 基本用法

什麼是偽元素? 它不是網頁元素,但行為、表現又像元素一樣,可以用CSS操控。 簡易來說它就是個分身術,常用的偽元素有::before、::after兩種。 ::...

技術 鼠年全馬鐵人挑戰 WEEK 12: 提升切版速度!Emmet原來可以這樣用!

最近參加了六角學院的切版班,想要提升自己的切版速度,分享幾個我常用的方式。 如果有更好或覺得不錯的方法,可以留言分享喔! 需要你們打開我的新世界 基本用法 !=...

技術 鼠年全馬鐵人挑戰 WEEK 11: 水平垂直置中、排版黑魔法 CSS-Flex

在還沒認識Flex前我的水平垂直置中招式,永遠都只有這幾招,line-height+margin auto或用postion來設定,但每次遇到的狀況還不一定能用...

技術 鼠年全馬鐵人挑戰 WEEK 10: 這時我看見他的背影,我的淚很快地流下來了。 box-shadow

還記得國中時,老師國文課時上到朱自清-背影, 雖然內容不多,但內容卻十分豐富,國中時我還是位懵懂的少年,不經世事的孩子, 對文章的真情未必有深入的感受及透澈。僅...

技術 鼠年全馬鐵人挑戰 WEEK 09: 月亮圓又圓,用 border-radius 讓你圓又圓

雖然離中秋節還很遠, 已經想烤肉了XD ,但每次抬頭仰望星空,看到月亮一點一滴的變化, 讓我心中掀起小波瀾,心中思考著要如何讓月亮長存,而不是只有黑夜。 如何使...

技術 [鼠年全馬鐵人挑戰] Week09 - 超新手入門:CSS 的基本語法

大家好啊~~又見面惹~ 不知道清明連假大家有沒有乖乖待在家防疫還是有出遠門走走呢? 四天連假只待在離家不遠的地方走走運動,其餘時間就是待在家休息 感覺待在家才是...

技術 鼠年全馬鐵人挑戰 WEEK 08: head裡面到底在寫什麼?我怎麼看不懂?

剛開始學HTML時,都從body裡的內容開始學,很少用到head裡面的標籤,當打開別人的網頁時, 看到head怎麼寫得滿滿的,看到就頭昏眼花 ,於是就激發了筆者...

技術 [鼠年全馬鐵人挑戰] Week08 - 超新手入門:HTML 的基本語法

Hi~又見面啦:) 想必很多剛開始碰前端程式語言的新手都會對一堆程式碼搞的頭很痛(嗯,我就是...) 新手一開始必定會接觸到 HTML 及 CSS語法,但我該用...

技術 鼠年全馬鐵人挑戰 WEEK 07:優化SEO- 語意化標籤!讓別人看懂你在寫什麼!

什麼是語意標籤?? 為了讓標籤(Tag)更具意義,已加強文件的結構化,讓搜尋引擎更清楚瞭解, 可以更清楚表現網頁中每個區塊的設計目的。 為什麼要用語意標籤?...

技術 鼠年全馬鐵人挑戰 WEEK 06:優化SEO- 將 h1 圖片取代文字!

首先我們要先知道什麼是SEO? 沒有SEO,人們只有5.59%的機會找到你 SEO為什麼重要?讓人們看見你 以Google的角度而言 : Google不斷的...

技術 [鼠年全馬鐵人挑戰] Week07 - 新手學習筆記: RWD 基礎語法

Hi~又見面啦 今天來學習一下 RWD 的基礎小語法,希望可以學習練習的過中程能熟能生巧呀 想要讓原本在桌上型電腦能看的網頁加上 RWD 自適應網站功能時需先加...

技術 [鼠年全馬鐵人挑戰] Week06 - 新手學習筆記:淺談 RWD (響應式網頁設計)

Hi~又見面啦 這週大家過的好嗎? 最近開始學習了 RWD 響應式網頁設計,發現可以運用的好多也不少細節呢~ 想好好把學到的寫成筆記增加自已的印象 :) 所以最...

技術 鼠年全馬鐵人挑戰 WEEK 05:CSS為什麼老是吃不到?讓我們來瞭解CSS權重!

以前我在寫css的時候,常常發現沒寫錯但為什麼沒反應?然後開始陷入debug迴圈,後來才發現是權重出了問題,我想這也是大家都經歷過的痛吧! 在剛開始寫CSS的時...

技術 鼠年全馬鐵人挑戰 WEEK 04:人要衣著,佛要金裝!用CSS為網頁穿上衣服

如果說html是人,css就是衣服。 俗話說:人要衣著,佛要金裝。 穿搭得宜,宅男都會變型男無誤。 首先我們先在css資料夾下建立一個style.css, 然後...

技術 鼠年全馬鐵人挑戰 WEEK 03:CSS盒模型-box-model

什麼是box-model? 意思是在 CSS 裡面,html 的每個元素都可被視作為一個盒子,然後可以針對這個盒子去做調整 Margin -負責調整 元素與元...

技術 [鼠年全馬鐵人挑戰] Week04 - JavaScript 新手學習筆記: 運算式的求值結果

Hi~大家好 又見面啦~ 最近開始學習 JavaScript 對我來說是前端大魔王啊~~~(驚) 但是 JavaScript 在前端的世界上是扮演最重要的角色也...