iT邦幫忙

前端相關文章
共有 304 則文章
鐵人賽 Modern Web DAY 25
菜菜菜的前端學習日誌 系列 第 25

技術 jQuery 取值/設值 及 新增/刪除

菜菜菜的前端學習日誌 - Day25 相信大家都了解 jQuery 最重要的就是操作 DOM 元素 如何從 DOM 取值與設值也很重要 今天就來介紹一下如何來取...

鐵人賽 Modern Web DAY 24
菜菜菜的前端學習日誌 系列 第 24

技術 jQuery-隱藏/顯示效果

菜菜菜的前端學習日誌 - Day24 今天來介紹一些基本的語法 click 這 click 跟原生 js 的 onclick event是一樣的 用法如下: &...

鐵人賽 Modern Web DAY 23
菜菜菜的前端學習日誌 系列 第 23

技術 jQuery

菜菜菜的前端學習日誌 - Day23 jQuery 好的,前面都是講 javascript原生的語法,今天要來講 jQuery jQuery呢是一個 js 的...

鐵人賽 Modern Web DAY 22
菜菜菜的前端學習日誌 系列 第 22

技術 指南針效果

菜菜菜的前端學習日誌 - Day22 好玩兒~ 最近接了一個小案子是要做手機版的網頁,其中有一個小功能就是指南針!! 當下茫茫然...不知道要如何下手做@口@...

鐵人賽 Modern Web DAY 21
菜菜菜的前端學習日誌 系列 第 21

技術 Event 事件-下

菜菜菜的前端學習日誌 - Day21 昨天介紹了event的幾種寫法,及點擊事件的觸發效果 接下來再介紹其他也會用到的event事件吧 onchange onc...

鐵人賽 Modern Web DAY 20
菜菜菜的前端學習日誌 系列 第 20

技術 Event 事件-上

菜菜菜的前端學習日誌 - Day20 Event JavaScript是一個以事件驅動(Event-driven)的程式語言。 事件驅動程式設計的流程,是由UI...

鐵人賽 Modern Web DAY 19
菜菜菜的前端學習日誌 系列 第 19

技術 正規表達式

菜菜菜的前端學習日誌 - Day19 正規表達式(Regular Expression) 又稱 並非程式語言,是電腦科學的一個概念。 正規表達式使用單個字串來...

鐵人賽 Modern Web DAY 18
菜菜菜的前端學習日誌 系列 第 18

技術 String method

菜菜菜的前端學習日誌 - Day18 String Method 今天要來講一些常用的String Methed var andy = 'Hello! My n...

鐵人賽 Modern Web DAY 17
菜菜菜的前端學習日誌 系列 第 17

技術 好用的Array Method

菜菜菜的前端學習日誌 - Day17 前面動物園的成員還是只剩下3隻動物,我們就繼續用這個練習吧 var animal = ['horse', 'tiger',...

鐵人賽 Modern Web DAY 16
菜菜菜的前端學習日誌 系列 第 16

技術 好用的Array Method(賦值)

菜菜菜的前端學習日誌 - Day16 Array Method(賦值) 昨天已經介紹了幾個好用的Array Method,今天兒在介紹一些常用的Method~...

鐵人賽 Modern Web DAY 15
菜菜菜的前端學習日誌 系列 第 15

技術 好用的Array Method(迭代)

菜菜菜的前端學習日誌 - Day15 Array Method 如果要對Array取所有的值或是進行值的改變...等等的行為,通常透過for迴圈來執行這些動作。...

鐵人賽 Modern Web DAY 30
認識 Chrome 開發者工具 系列 第 30

技術 寫在最後

今天是鐵人賽的最後一天,本來這一天也是要寫技術內容,不過後來想想還是來寫參賽的心得好了XD 其實這並不是我第一次參加鐵人賽,去年我也有報名並且也有發文,雖然只發...

鐵人賽 Modern Web DAY 30
前端工程師養成手冊 系列 第 30

達標好文 技術 設計師投入前端的不二法門

在前端職涯中,我常遇到許多視覺科系背景的設計師來詢問投入前端領域的可能性,我可以打包票和你說是百分之兩百適合,但礙於許多人會對所謂的「前端工程師」、「前端設計師...

鐵人賽 Modern Web DAY 29
認識 Chrome 開發者工具 系列 第 29

技術 使用效能面版來檢測記憶體洩漏

今天算是正式文章的最後一篇 (明天要發完賽感言XD),在鐵人賽一開始的時候,我本來想規劃幾天的時間來跟大家一起來討論效能面版 (Performance pane...

鐵人賽 Modern Web DAY 13
菜菜菜的前端學習日誌 系列 第 13

技術 迴圈與函數

菜菜菜的前端學習日誌 - Day13 迴圈 for 迴圈也有很多種類,而最常用的就是for迴圈 for迴圈使用來執行重複的程式,最常用來取陣列的值 那要怎麼寫呢...

鐵人賽 Modern Web DAY 29
前端工程師養成手冊 系列 第 29

技術 時勢造英雄,奠定前端工程師的未來發展

來到這裡,我相信你已經對前端工程師的工作內容有些輪廓,這裡我將會順便講解前端工程師的由來,以及主要負責的工作項目有哪些讓你知曉。 歷史淵源 在以前根本沒有分所謂...

鐵人賽 Modern Web DAY 12
菜菜菜的前端學習日誌 系列 第 12

技術 判斷式

菜菜菜的前端學習日誌 - Day12 判斷式 if 說到判斷式最常使用的就是if判斷式了 而它的寫法如下 if(a > b){ console.l...

鐵人賽 Modern Web DAY 28
認識 Chrome 開發者工具 系列 第 28

技術 記憶體面版 - 記憶體分配分析器

今天我們要介紹的工具是記憶體面版中的最後一個工具: Record Allocation Profiler,這個工具可以讓我們按函數來檢視說那些函數佔用了許多記憶...

鐵人賽 Modern Web DAY 28
前端工程師養成手冊 系列 第 28

達標好文 技術 如何規劃前端職涯,成為百萬前端

我自己是在決定成為前端工程師的第五年才達到百萬年薪的,這個時間點僅供參考,有時候選對公司或是有遇到貴人的話可以加速很多,像是初期我根本沒有任何資源,也沒遇到 m...

鐵人賽 Modern Web DAY 11
菜菜菜的前端學習日誌 系列 第 11

技術 javascript之Hello World

菜菜菜的前端學習日誌 - Day11 今天兒來講javascript javascript是一種網頁的程式語言,他能夠讓網頁的元素動起來,增加網頁的互動性。 我...

鐵人賽 Modern Web DAY 27
認識 Chrome 開發者工具 系列 第 27

技術 記憶體面版 - 記憶體分配時間線

今天我們要透過記憶體面版的另一個工具來檢測記憶體洩漏的這個問題,先來看一下今天我們要用來檢測的程式: 今天的測試程式範例一樣來自官方文件,而我也把範例程式放到...

鐵人賽 Modern Web DAY 27
前端工程師養成手冊 系列 第 27

達標好文 技術 身為前端,你瞭解公司的專案性質嗎?

我們在前面的章節有提到面試如何評估公司的工作,但沒有仔細講解各種軟體公司的屬性,以及背後你需要注意到哪些細節,就讓我娓娓道來,好讓各位準備踏入前端的朋友提供一個...

鐵人賽 Modern Web DAY 10
菜菜菜的前端學習日誌 系列 第 10

技術 animation 動畫

菜菜菜的前端學習日誌 - Day10 animation 動畫 animation 就是動畫,其實它跟transition有一點像。 但又有不一樣,那又有哪裡不...

鐵人賽 Modern Web DAY 26
認識 Chrome 開發者工具 系列 第 26

技術 記憶體面版 - 記憶體堆快照 2

昨天我們一起看了一段官方文件裡提供的程式,它會產生分離的 DOM 節點,這些節點不會被垃圾回收 (Garbage Collection) 所以會造成記憶體洩漏。...

鐵人賽 Modern Web DAY 26
前端工程師養成手冊 系列 第 26

達標好文 技術 經營人脈發展,讓自己永遠不缺下份前端工作

工作環境很差,想離職找下間公司重新出發,但又擔心辭職後找不到下份工作,導致讓自己躊躇不前了嗎?現在的年代已經很難讓你一個工作可以直接幹到退休,那除了讓自己的技術...

鐵人賽 Modern Web DAY 25
認識 Chrome 開發者工具 系列 第 25

技術 記憶體面版 - 記憶體堆快照 1

今天我們要開始一起來討論記憶體面版 (Memory panel),這個面版的主要功能就是讓你做網站的記憶體體檢,像是記憶體洩漏、記憶體膨脹和頻繁的垃圾回收都可以...

鐵人賽 Modern Web DAY 9

技術 Transform變形

菜菜菜的前端學習日誌 - Day9 transform 變形 transform顧名思義就是讓元素變形,夠過簡單的參數設定來使元素達到一般CSS屬性較難達到的樣...

鐵人賽 Modern Web DAY 25
前端工程師養成手冊 系列 第 25

達標好文 技術 前端工程師要不要接案?如何報價?

在江湖上混,遲早會遇到這個議題,有可能是你的朋友與親戚知道你是工程師,希望你幫他做個網站,亦或是朋友介紹廠商,詢問你是否有接外包意願都還蠻常見的,假使你從來沒...

鐵人賽 Modern Web DAY 24
認識 Chrome 開發者工具 系列 第 24

技術 審查面版

我們在前面有簡單介紹了審查面版(Audits panel),它可以幫我們檢測我們的網站是不是有遵循最佳實踐 (Best practices),並提供我們每個問題...

鐵人賽 Modern Web DAY 8

技術 Transition轉場效果

菜菜菜的前端學習日誌 - Day8 transition 轉場 transition 是設置指定元素,在值改變時的轉場能夠透過設定加速度及時間產生不同的轉場效果...