iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 Modern Web DAY 27

技術 你不可不知的 JavaScript 二三事#Day27:別管變數 Pass by Whatever,尋找容易理解的銀色子彈 (Silver Bullet)

(Source: 網路圖片) 昨天的文章談到 Pass by value 和 Pass by reference。 一個程式語言的變數運作機制究竟是 Pass...

鐵人賽 自我挑戰組 DAY 27
開源組織生態觀察筆記 系列 第 27

技術 [Day27] 網頁教學開源社群 --- freeCodeCamp

想轉職當網頁工程師,你有聽過 freeCodeCamp 嗎? 轉職寫網頁? 每當朋友說想要轉職當工程師,我都會推薦直接去寫網頁,因為資源豐富啊!而且市場需求...

鐵人賽 自我挑戰組 DAY 26

技術 Day26 - 物件的屬性描述器

屬性描述器 在 ES5 之後,Javascript 用屬性描述器 ( property descriptor ) 來讓物件擁有,類似是否允許修改檔案的功能。...

鐵人賽 Modern Web DAY 26

技術 25. Scribbletune - Clip

昨天 我們一起認識了 Scribbletune 這個有趣的套件,如果你還沒看過昨天的文章,可以先去看完再回來喔~ 參考一下昨天最後使用的範例: Scribble...

鐵人賽 Modern Web DAY 7

達標好文 技術 validate.js - 輕鬆完成表單驗證

validate.js 是一個方便用於表單驗證的 JavaScript 函式庫,透過 validate.js 你可以更簡單且完整的處理表單驗證的問題,那就來介紹...

鐵人賽 Modern Web DAY 28

技術 28. 實作Web即時共同編輯文件 (8) - 最後的BUG修正+小功能添加

真的是越複雜的功能,越容易出現不少的BUG,前面做了7篇原本以為我大概的狀況我都有抓到,直到昨天做完發現蠻多BUG,所以今天就來幫這個時做來做最後修正吧! 不同...

鐵人賽 自我挑戰組 DAY 26

技術 Day26 var 與 ES6 let const 差異

var let const 三者有什麼差異呢? 入門前端時,買過一些課程,也包含 Javascript,但課程中沒有提到 let 及 const,後續許多範例中...

鐵人賽 Modern Web DAY 26

技術 Day26 - 記憶方塊篇:按下去有聲音之事件處理

人除了視覺的記憶以外,也有聽覺的記憶,Day25 我們已經讓方塊有了迷幻的動畫,並且點擊的時候可以發亮,今天我們希望除了發亮之外,點擊的時候也可以發出聲音。 抓...

鐵人賽 Modern Web DAY 26

達標好文 技術 你不可不知的 JavaScript 二三事#Day26:程式界的哈姆雷特 —— Pass by value, or Pass by reference?

(圖片素材來源: 網路圖片) 「To be or not to be, that is the question.」 這是莎士比亞經典《哈姆雷特》中,哈姆雷特王...

鐵人賽 Modern Web DAY 26
教練我想學 JavaScript 系列 第 26

技術 Day 26 new 運算子與構造函數

在初步認識完物件的原型(Prototype)觀念後,接著來說另一個建立物件的方法,之前說過透過物件實體語法(兩個大括號)、或使用 new Object() 都可...

鐵人賽 Modern Web DAY 27

技術 27. 實作Web即時共同編輯文件 (7) - 新增自訂文件及載入自訂文件

今天就來完成最後的部分吧!最後要載入和建立自訂的文件,首先來先來做建立文件的部分 建立自訂文件 首先先建立切換畫面事件,讓建立文件的Button能切換頁面 go...

鐵人賽 自我挑戰組 DAY 25

技術 Day25 - 物件

這個章節主要是介紹物件的結構,和他本身所擁有的各種預設的方法。 語法 有兩種形式 宣告式 ( declarative,或稱字面值 literal ) 建構式...

鐵人賽 Modern Web DAY 7

達標好文 技術 moment.js - 關於時間的一切

在前端開發時經常會遇到需要處理日期或是時間的問題,而在 JavaScript 撰寫上經常都會需要用很多函數來處理與轉換,因此推薦大家使用 moment.js。m...

技術 【javascript+php】【紀錄】寫php的時候需要傳值給javascript該怎麼辦--遇到問題的解決方式

這是第一次在這裡發文,這是一篇記錄自己在寫php的時候遇到的問題紀錄與找到的解決方法。 遇到的問題:按下按鈕之後要呼叫寫在同一頁的Javascript func...

鐵人賽 Modern Web DAY 25
教練我想學 JavaScript 系列 第 25

技術 Day 25 物件、Reflection 與 Extend

在 JavaScript 中除了純值外其他東西都是物件,物件的原型屬性可以參考另外一個物件的屬性與方法, 我們先新增一些空的物件、函數、陣列,程式碼如下: va...

鐵人賽 Modern Web DAY 25

技術 24. Scribbletune

結束了連續三天的音序機之旅,是否覺得互動式音樂非常有趣呢?接下來讓我們玩玩另一個有趣的音樂套件 - Scribbletune。 這是什麼? Scribbletu...

鐵人賽 Modern Web DAY 25

技術 Day25 - 記憶方塊篇:幫方塊做出炫炮又迷幻的動畫

設計動機 很多人相信眼見為憑,只相信看得到和摸得到的東西是存在的。但是這個世界上很多事物雖然看不到,但是卻確實存在。例如愛,愛不是以物質的形式來存在,看不到,摸...

鐵人賽 Modern Web DAY 26

技術 26. 實作Web即時共同編輯文件 (6) - 新增登錄畫面及選擇文件列表

今天我們要來做自訂表格內容和連線列表,既然建立表格的方法都訂好了,當然要能從前端建立啊!XD 各畫面區塊建立 這次我想做4個畫面登入畫面、文件選擇畫面、文件建立...

鐵人賽 自我挑戰組 DAY 24

技術 Day24 - 哪個 this 比較大?

一切都按順序來 預設繫結 ( default binding ) 是這四個規則中優先序最低的。 Test 1 隱含繫結 和 明確繫結 function foo(...

鐵人賽 Modern Web DAY 24
教練我想學 JavaScript 系列 第 24

技術 Day 24 Class 和 Prototype 繼承

接下來開始會談到 JavaScript 的物件導向(Object Oriented)和原型繼承(Prototype Inheritance)的觀念,當談到物件導...

鐵人賽 Modern Web DAY 24

技術 23. 音序機 Part.3

欸對,就是音序機的第三天。一個不小心玩得太開心,就又長出了一些功能,一起來看看吧! 點擊 & 觸碰事件 一格一格點實在太慢了,還是來仿照前人的智慧,寫個...

鐵人賽 Modern Web DAY 24

技術 Day24 - 記憶方塊篇:畫出主畫面記憶方塊

前情提要 今天我們要來實作記憶方塊的主畫面區塊,在昨天的努力之下,我們已經把區塊都規劃好了,接下來就是要把我們的方塊畫上去。 由於前兩個遊戲 Tic-Tac-T...

鐵人賽 Modern Web DAY 25

技術 你不可不知的 JavaScript 二三事#Day25:不是多了塊魚 ——立即函數的應用整理

上一篇介紹到立即函數 (Self-Invoking Functions) 的用法,過程有沒有產生一個疑惑? 例如大費周章包裝了一個立即函數: (function...

鐵人賽 Modern Web DAY 24

技術 你不可不知的 JavaScript 二三事#Day24:函數呼叫 (Function Invocation) 與立即函數 (Self-Invoking Functions)

Day19 的文章曾介紹傳統函數定義 (Function Definition) 的 100 種 4 種寫法,定義了也得有人呼叫才有用,那今天來介紹函數呼叫 (...

鐵人賽 Modern Web DAY 25

技術 25. 實作Web即時共同編輯文件 (5) - 一些小功能修正

今天是一些小地方的修正,其實做到這邊還有很多需要修正的地方,一個是重整後編輯中的顏色不會重新讀取,一個是編輯中關閉不會回船取消編輯,就是在編輯的人沒移開編輯中的...

鐵人賽 自我挑戰組 DAY 23

技術 Day23 - This 現在全都說得通了!

This 完全取決於呼叫地點。 呼叫地點 就是函式被呼叫的地方。 function foo() { console.log( "foo&quo...

鐵人賽 Modern Web DAY 23
教練我想學 JavaScript 系列 第 23

技術 Day 23 函數程式設計

因為 JavaScript 一級函數的特性,函數是一種特殊的物件,函數的參數可以傳入函數,也可在函數中回傳函數,課堂講師提到身為一個程式設計師,總是懶得打重複的...

鐵人賽 Modern Web DAY 23

技術 22. 音序機 Part.2

其實,這個音序機在原本的鐵人三十天計畫中,大概只佔了一天的篇幅,但筆者寫著寫著就越寫越開心,不知不覺就玩開了,文章都不寫整天刻網站,啊哈哈哈哈哈。 今天就紀錄一...

鐵人賽 Modern Web DAY 23

技術 Day23 - 記憶方塊篇:頁面佈局規劃

繪製頁面草稿 按照慣例,我們先來畫一下我們整個遊戲畫面呈現的草稿,下面是我對整個遊戲面化的初步想像。 我把所有的元素都集中放在中間區塊,因為人的視線比起左右移動...

鐵人賽 Modern Web DAY 24

技術 24. 實作Web即時共同編輯文件 (4) - 幫編輯中的表格添加顏色

今天要來幫編輯中的表格更換顏色,顏色就是昨天做的使用者顏色,這次是要放到編輯的cell內,並且鎖住不讓其他人同時編輯。 幫編輯中的表格著色 我發現直接對表格誆著...