iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 IT技術 DAY 5
網站系統規劃實務 系列 第 5

技術 網站系統規劃 - 基本網頁元素介紹 表單(Form)

本篇作為第五篇,我們來談談網頁世界中, 一個絕對不可或缺,也是頁面與頁面溝通中,最常見的橋樑, 也就是網頁上的表單(form)。 --------系列簡介---...

鐵人賽 自我挑戰組 DAY 26

技術 [DAY26]番外篇-用Javascript在SPA中實做Bootstrap Modal

大家好,前幾天實做中有用到Bootstrap UI的Modal(彈出互動視窗)元件,因應這幾年使用者越來越注重UI的精緻程度,所以應用在開發上也會常來取代瀏覽器...

鐵人賽 Modern Web DAY 6

技術 [十分鐘學習] Chosen - 下拉式選單全面進化

Chosen是一套jQuery的套件,目的是讓又長又笨重的下拉式選單變得更友善 GitHub Star: 21,000Javascripting Overa...

鐵人賽 開發技術 DAY 15

技術 Day15- 入門AngularJS筆記-AngularJS的MVC應用筆記

在一開始分享AngularJS 主題的時候,有介紹到AngularJS 是遵循MVC 框架。 Day3的內容: http://ithelp.ithome.com...

技術 以陣列為參數傳入來產生物件

對JS不求甚解下,平常把function當class用, 但要用陣列當參數產生物件使用時, 才知道 function 本身可以用 apply 把陣列傳入當參數,...

鐵人賽 Modern Web DAY 11

達標好文 技術 request的方式? ajax & fetch & axios

本系列文章已出版實體書籍:「你的地圖會說話?WebGIS 與 JavaScript 的情感交織」(博碩文化)WebGIS啟蒙首選✖五家地圖API✖近百個程式範...

鐵人賽 開發技術 DAY 14

技術 Day14- 入門AngularJS筆記-AngularJS指令(13): ng-href

ng-href是什麼? ng-href是用來取代html中 a 標籤裡的href屬性。 為什麼要使用ng-href? 如果Angular還沒載入或載入失敗,會直...

技術 extjs 4 系列 3/5:mvc 架構:繼承與模組重覆使用

兩篇對 extjs 的基本介紹後,總算要進入主菜了,也就是在 extjs 中的 MVC 架構,物件導向的觀念,在網路上或書上都可以找到相關資料,用不用的好就是一...

徵才 [網飛訊科技] JavaScript 前端工程師 招募中~ 55K以上

網飛訊科技 Good People Only![104職缺-點連結投履歷]JavaScript前端工程師 [工作內容] 參與電信業專案,開發與維護網站前端功能...

鐵人賽 自我挑戰組 DAY 19

達標好文 技術 Day19 JS Scroll 實作學習

在網頁互動中,經常可見滾動觸發事件,今天來試試看吧 最近在一個專案中需要監聽網頁 Scroll 事件,用以觸發元素的移動。學習了JS Scroll 事件,今天來...

徵才 [台北] Vue.js前端工程師 Frontend Engineer(月薪6-8萬) - 已停招

【工作內容】 依照UX/UI 設計稿進行網頁開發 功能評估並規劃時程 與後端團隊合作,串接 API 資料 撰寫前端單元測試、整合測試 調整網頁渲染效能 (SS...

鐵人賽 開發技術 DAY 2
AngularJS 系列 第 2

技術 使用 AngularJS 心得 Day 2 - 雙向繫結( ng-model, ng-bind )

今天稍微進階一點點,做個跟使用者互動的雙向繫結。並解將輸入的內容,顯示在畫面中。 input 用 ng-model 就對了 在前一個範例中,只是單單先將 dat...

技術 初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent)

★首先這篇文章適合以下背景的人閱讀: 熟悉 HTML、CSS 正要開始一腳踏進 JavaScript 的初學者 今天我們要開始進入 JavaScript...

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

技術 Day04 undefined與not defined

昨天的筆記出現undefined與not defined,今天我們來看看兩者的差異。 undefined和not defined「字面上」來看都是未定義、無定義...

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

達標好文 技術 JavaScript - Promise (1)

在上一篇中,我們介紹了 非同步 以及如何用 callback 實作,而這篇我們將開始介紹 ES6 的新語法 Promise。 在介紹 Promise 之前,我們...

鐵人賽 開發技術 DAY 16

技術 Day16- 入門AngularJS筆記-AngularJS指令(14): ng-checked

ng-checked是什麼? 如果你要讓勾選框有**”選擇全部“**勾選或”**取消全部“**勾選的狀態, 可以簡單使用ng-checked來作設定。 改寫官方...

鐵人賽 開發技術 DAY 10

技術 Day10- 入門AngularJS筆記-AngularJS指令(9): ng-switch

ng-switch是什麼? 我們可以根據ng-switch去篩選要選擇的內容。 通常我們會和ng-option的下拉選單一起搭配使用。 官方文件Demo: ht...

鐵人賽 Modern Web DAY 21

技術 #21 No-code 之旅 — 如何讓網站在分享時看起來漂亮和有吸引力?Open Graph (OG) 簡介

大家有沒有發現當有人在社群軟體分享網址的時候,通常除了網址本身還會看到一張縮圖加上網站的標題和描述?這就是用 Open Graph (OG) 設定出來的!今天會...

技術 JavaScript函setTimeout的scope

遇到一個setTimeout的問題,setTimeout("xxx()",2000)中,會發生找不到xxx()函式的問題,Google了一下...

鐵人賽 自我挑戰組 DAY 15

技術 初探JavaScript - JS插入HTML標籤的兩種方法

用JavaScript操控HTML 可使用以下兩種方法: innerHTML:組完字串後,傳進語法進行渲染。效能快,但有資訊安全的風險,要確保來源沒有問題,...

鐵人賽 開發鐵人 DAY 15
HTML5試試看 系列 第 15

技術 [HTML5試試看-15] 互動機制 - drag and drop

過去在網頁裡面實現drag and drop是很麻煩的,需要配合CSS、onmousedown、onmouseup、setInterval()等,來做出元件拖曳...

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

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

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

鐵人賽 自我挑戰組 DAY 6

技術 初探JavaScript - JS全域變數與區域變數

在JavaScript中的變數區分為兩種範疇:全域範疇(Global scope)與區域範疇(Local scope)。 其中每一個function函式會自成一...

鐵人賽 Modern Web DAY 26

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

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

鐵人賽 IT技術 DAY 4
Front to Back, Node.js 系列 第 4

技術 NPM 介紹及使用說明 - node.js day 4

npm 在 Node.js v0.6.x 版本之後,就變成內建的系統之一,npm 全名為 node.js package management,主要用於套件管理...

鐵人賽 Modern Web DAY 1
你懂 JavaScript 嗎? 系列 第 1

達標好文 技術 你懂 JavaScript 嗎?#1 預備...GO!

這次鐵人賽的主題是「你懂 JavaScript 嗎?」,主要內容是「You Don't Know JS」系列書的讀書筆記。 為什麼要讀這一系列的書呢? 由於近...

鐵人賽 自我挑戰組 DAY 29

技術 分享六:前端要學Javascript真是個大坑呢

今天講比較後面的部分啊就是製作網站部分的前端技術 身為一個網站開發者肯定會撰寫到網頁結構的HTML還有頁面表現的CSS以及負責控制頁面的JavaScript還有...

鐵人賽 Modern Web DAY 18

技術 不只懂 Vue 語法:什麼是 slot?請示範 slot 的用法?

問題回答 slot(插槽)的概念是把外層的內容塞進子元件的指定位置裏。跟插槽的字面意思一樣,前提是:有插口才能插。子元件需要開一個插口(slot),才可以在外層...

鐵人賽 Modern Web DAY 25
30 天精通 RxJS 系列 第 25

技術 30 天精通 RxJS(24): Observable operators - multicast, refCount, publish, share

本篇文章搬家囉! 這裡不再回覆留言,請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-...

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

達標好文 技術 工程師是否有年紀背景限制?

想想我來寫這個題目還真是不太夠格,2017 年的我今年 31 歲,科系的話大學是 3D多媒體設計、碩士念資管,所以也算一半的本科系,所以這個篇幅,至少我能向你分...