iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 4
I Want To Know JS 系列 第 4

技術 JavaScript - 原始型別個別介紹

無論是哪個語言,掌握型別的特性都是非常重要的基本功。這點在 JavaScript 中尤其重要,當不了解型別的特性時,總是會在意想不到的地方被 JavaScrip...

鐵人賽 Modern Web DAY 20
重新學習網頁設計 系列 第 20

技術 DAY 20. Three.js 紋理 Texture

DAY 20. Three.js 紋理 Texture 紋理 Texture 紋理Texture並不是建立一個3D場景必要的存在, 沒有紋理Texture一樣可...

鐵人賽 Modern Web DAY 20
JavaScript基礎二三事 系列 第 20

達標好文 技術 Day20 立即呼叫的函式表示式(IIFE)

今天來看看IIFE IIFE全名為Immediately Invoked Functions Expressions指的是可以立即執行的Functions E...

鐵人賽 Modern Web DAY 14

技術 [Day-14] 使用 nodemon 取代 node 啟動程式

什麼是 nodemon? 在我們開發 node.js 時執行程式碼必須都要使用 node 指令來執行程式碼例如:node index.js ,但是如果你今天正在...

鐵人賽 Modern Web DAY 5
新手也能懂的JS30 系列 第 5

技術 JS30-Day5-Flex Panels

Day5-課題內容 今天進入JS30的第五天,今天將透過非常酷炫的畫面特效,來認識CSS3中的Flex屬性。[1]實作連結 首先在作者給的範例當中,我們可以看到...

鐵人賽 自我挑戰組 DAY 4

技術 Good Morning, JS (Day 3, Why Functional Programming?)

本系列文章,內容以探討 Kyle Simpson. Functional-Light JavaScript 一書內容為主 目標:是讀懂 FP,能用 code...

鐵人賽 Modern Web DAY 13

技術 [Day-13] Webpack 與 babel 轉譯

事前準備 今天要繼續實作的程式是延續 [Day-12] 深入浅出 ESLint 與實作 的專案繼續實作,想跟著今天的實作可以先下載下面的整包程式,記得要先 ya...

鐵人賽 Modern Web DAY 4

技術 Day04_Tricky Tricky

Tricky Undefined & Null 今天這一章我們就來看一下前面沒細談的Undefined & Null types ! 一般在其他...

鐵人賽 Modern Web DAY 20
邁向 JavaScript 勇者之路 系列 第 20

技術 ES6 的縮寫概念

再參加過那麼多次鐵人賽,我自己習慣在週六寫比較簡短的文章,因此本篇也是屬於短文,還要介紹 ES6 偷懶的方法(O),這讓撰寫 JavaScript 變得更簡化,...

鐵人賽 Modern Web DAY 20
重新認識 JavaScript 系列 第 20

達標好文 技術 重新認識 JavaScript: Day 20 What's "THIS" in JavaScript (鐵人精華版)

本系列文章已重新編修,並在加入部分 ES6 新篇章後集結成書,有興趣的朋友可至天瓏書局選購,感謝大家支持。 購書連結 https://www.tenlong....

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

達標好文 技術 工程師打造高效工作的秘訣

有沒有常常覺得一整天都無精打采,明明工作進度差一大截,但就是提不起勁呢?或者工作常常做到一半就被打斷,本來高度集中的狀態因此消失得無影無蹤,那麼究竟該如何一直保...

鐵人賽 Modern Web DAY 3
I Want To Know JS 系列 第 3

技術 JavaScript - Built-In Objects 概述

在 JavaScript 中除了 原始型別 以外的一切都是物件 內建物件 (Built-in Objects) 物件還有分成以下數種內建的子型別: Strin...

鐵人賽 Modern Web DAY 5

技術 Day04:Blaze/Spacebar 與模板進階使用+重點整理

到目前為止,Spacebar 的部分介紹了 {{> 模板名稱}} 和 {{helper名稱 參數}},今天要再介紹幾個不同的用法。 If/Unless #...

鐵人賽 Modern Web DAY 12

技術 [Day-12] 深入浅出 ESLint 與實作

何謂 ESLint ? ESLint 支援 ES6 與 JSX 語法,具高度設定彈性與擴充性的檢查語法工具,可提供程式開發者在語法上的錯誤警告,此篇教學我所使用...

鐵人賽 Modern Web DAY 5

技術 [十分鐘學習] pickadate.js - 日期/時間選擇器

對行動裝置友善、響應式且輕量化的日期/時間選擇器 GitHub Star: 7,200Javascripting Overall: 81%瀏覽器: Chro...

鐵人賽 Modern Web DAY 4

技術 [十分鐘學習] ALERTIFY.js - 提示訊息美肌

ALERTIFY.js是為了美化通知訊息而生的JavaScript框架 GitHub Star: 4,300Javascripting Overall: 6...

鐵人賽 Modern Web DAY 3

技術 [十分鐘學習] JQuery lightSlider - 圖片滑起來

JQuery lightSlider是一套輕量且響應式的跑馬燈/幻燈片、附有縮圖導覽。另有相本功能、垂直跑馬燈,應用層面廣泛 GitHub Star: 1,...

鐵人賽 Modern Web DAY 3

技術 Day03_準備好一起J起來JJJJJJ

在前一章,我們很簡單的了解了Javascript的小秘密,以及Javascript在一個PAGE中扮演了什麼樣的功能,接下來的章節我們將介紹Javascript...

鐵人賽 自我挑戰組 DAY 3
JavaScript 30 挑戰日誌 系列 第 3

技術 Day 03:操控 CSS 變數

作品 Demo 連結: 傳送門 作品目標:透過 input 調整 CSS 變數、重新渲染畫面難易度:★★☆☆☆ HTML <h2>Update...

鐵人賽 Modern Web DAY 19
重新認識 JavaScript 系列 第 19

達標好文 技術 重新認識 JavaScript: Day 19 閉包 Closure

本系列文章已重新編修,並在加入部分 ES6 新篇章後集結成書,有興趣的朋友可至天瓏書局選購,感謝大家支持。 購書連結 https://www.tenlong....

鐵人賽 Modern Web DAY 4
新手也能懂的JS30 系列 第 4

技術 JS30-Day4-Array Cardio

Day4-課題內容 今天的題目當中,不會碰到任何跟頁面呈現有關的程式碼,而是將針對陣列Array於ECMAScript5中增加的新方法做進一步的認識。 ECMA...

鐵人賽 Modern Web DAY 19
重新學習網頁設計 系列 第 19

技術 DAY 19. Three.js 材質 Material

DAY 19. Three.js 材質 Material 材質 Material 3D場景中所看到的任何物件都是幾何Geometry加上材質Material的...

鐵人賽 Modern Web DAY 19
邁向 JavaScript 勇者之路 系列 第 19

技術 Template String 樣板字串

在過去我們撰寫字串的時候都是使用 " ,這種寫法會讓程式碼變得很攏長且難以閱讀,再多行的時候也必須插入反斜線來換行。 const people = [...

鐵人賽 Modern Web DAY 4

技術 Day03:Blaze/Spacebar 與模板進階使用+搭配 ReactiveVar

昨天介紹了 .onCreated() .onRendered() .onDestroyed 的使用方式與呼叫時機,今天要介紹如何使用 .events() 和 ....

鐵人賽 Modern Web DAY 3

技術 Day02:Blaze/Spacebar 與模板基本使用

Blaze 是 Meteor 預設的前端框架,整合了 Meteor 的 Tracker 和 Minimongo,能夠隨著資料變動而自動更新使用者畫面,因此開發者...

鐵人賽 Modern Web DAY 19
JavaScript基礎二三事 系列 第 19

技術 Day19 陣列、arguments、spread與分號

今天的筆記內容比較雜一點。  陣列——任何東西的集合 要建立一個JS陣列可以這樣寫 var arr = new Array(); 也可以使用陣列實體語法來...

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

達標好文 技術 要認清公司能帶給你的「技術功力」有限,你得自己額外補起來

你如何看待你的技術成長?你在公司一兩年,但總覺得越到後期成長幅度低到不行?或是都認為工作內容都在做重複性的事物?你最後一次很快樂地寫程式是什麼時候?如果上面的問...

鐵人賽 自我挑戰組 DAY 3

技術 Good Morning, JS (Day 2, Currying)

Currying 為 functional programing 中重要的技巧,本篇為簡介,日後會更進一步討論本文提到的專有名詞以及相關細節。 目的: 將多參數...

鐵人賽 Modern Web DAY 3
新手也能懂的JS30 系列 第 3

技術 JS30-Day3-CSS Variables

Day3-課題內容 今天是JS30的第三天,這次的題目將會利用CSS變數,來變換我們頁面中照片的邊框大小、顏色以及模糊度。[1]實作連結 CSS變數 透過將CS...

鐵人賽 自我挑戰組 DAY 2

技術 Good Morning, JS (Day 1)

Office Hours with Kyle Simpson, Author of "You Don't Know JavaScript"...