本篇作為第五篇,我們來談談網頁世界中, 一個絕對不可或缺,也是頁面與頁面溝通中,最常見的橋樑, 也就是網頁上的表單(form)。 --------系列簡介---...
大家好,前幾天實做中有用到Bootstrap UI的Modal(彈出互動視窗)元件,因應這幾年使用者越來越注重UI的精緻程度,所以應用在開發上也會常來取代瀏覽器...
Chosen是一套jQuery的套件,目的是讓又長又笨重的下拉式選單變得更友善 GitHub Star: 21,000Javascripting Overa...
在一開始分享AngularJS 主題的時候,有介紹到AngularJS 是遵循MVC 框架。 Day3的內容: http://ithelp.ithome.com...
對JS不求甚解下,平常把function當class用, 但要用陣列當參數產生物件使用時, 才知道 function 本身可以用 apply 把陣列傳入當參數,...
本系列文章已出版實體書籍:「你的地圖會說話?WebGIS 與 JavaScript 的情感交織」(博碩文化)WebGIS啟蒙首選✖五家地圖API✖近百個程式範...
ng-href是什麼? ng-href是用來取代html中 a 標籤裡的href屬性。 為什麼要使用ng-href? 如果Angular還沒載入或載入失敗,會直...
兩篇對 extjs 的基本介紹後,總算要進入主菜了,也就是在 extjs 中的 MVC 架構,物件導向的觀念,在網路上或書上都可以找到相關資料,用不用的好就是一...
網飛訊科技 Good People Only![104職缺-點連結投履歷]JavaScript前端工程師 [工作內容] 參與電信業專案,開發與維護網站前端功能...
在網頁互動中,經常可見滾動觸發事件,今天來試試看吧 最近在一個專案中需要監聽網頁 Scroll 事件,用以觸發元素的移動。學習了JS Scroll 事件,今天來...
【工作內容】 依照UX/UI 設計稿進行網頁開發 功能評估並規劃時程 與後端團隊合作,串接 API 資料 撰寫前端單元測試、整合測試 調整網頁渲染效能 (SS...
今天稍微進階一點點,做個跟使用者互動的雙向繫結。並解將輸入的內容,顯示在畫面中。 input 用 ng-model 就對了 在前一個範例中,只是單單先將 dat...
★首先這篇文章適合以下背景的人閱讀: 熟悉 HTML、CSS 正要開始一腳踏進 JavaScript 的初學者 今天我們要開始進入 JavaScript...
昨天的筆記出現undefined與not defined,今天我們來看看兩者的差異。 undefined和not defined「字面上」來看都是未定義、無定義...
在上一篇中,我們介紹了 非同步 以及如何用 callback 實作,而這篇我們將開始介紹 ES6 的新語法 Promise。 在介紹 Promise 之前,我們...
ng-checked是什麼? 如果你要讓勾選框有**”選擇全部“**勾選或”**取消全部“**勾選的狀態, 可以簡單使用ng-checked來作設定。 改寫官方...
ng-switch是什麼? 我們可以根據ng-switch去篩選要選擇的內容。 通常我們會和ng-option的下拉選單一起搭配使用。 官方文件Demo: ht...
大家有沒有發現當有人在社群軟體分享網址的時候,通常除了網址本身還會看到一張縮圖加上網站的標題和描述?這就是用 Open Graph (OG) 設定出來的!今天會...
遇到一個setTimeout的問題,setTimeout("xxx()",2000)中,會發生找不到xxx()函式的問題,Google了一下...
用JavaScript操控HTML 可使用以下兩種方法: innerHTML:組完字串後,傳進語法進行渲染。效能快,但有資訊安全的風險,要確保來源沒有問題,...
過去在網頁裡面實現drag and drop是很麻煩的,需要配合CSS、onmousedown、onmouseup、setInterval()等,來做出元件拖曳...
本系列文章已重新編修,並在加入部分 ES6 新篇章後集結成書,有興趣的朋友可至天瓏書局選購,感謝大家支持。 購書連結 https://www.tenlong....
在JavaScript中的變數區分為兩種範疇:全域範疇(Global scope)與區域範疇(Local scope)。 其中每一個function函式會自成一...
(圖片素材來源: 網路圖片) 「To be or not to be, that is the question.」 這是莎士比亞經典《哈姆雷特》中,哈姆雷特王...
npm 在 Node.js v0.6.x 版本之後,就變成內建的系統之一,npm 全名為 node.js package management,主要用於套件管理...
這次鐵人賽的主題是「你懂 JavaScript 嗎?」,主要內容是「You Don't Know JS」系列書的讀書筆記。 為什麼要讀這一系列的書呢? 由於近...
今天講比較後面的部分啊就是製作網站部分的前端技術 身為一個網站開發者肯定會撰寫到網頁結構的HTML還有頁面表現的CSS以及負責控制頁面的JavaScript還有...
問題回答 slot(插槽)的概念是把外層的內容塞進子元件的指定位置裏。跟插槽的字面意思一樣,前提是:有插口才能插。子元件需要開一個插口(slot),才可以在外層...
本篇文章搬家囉! 這裡不再回覆留言,請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-...
想想我來寫這個題目還真是不太夠格,2017 年的我今年 31 歲,科系的話大學是 3D多媒體設計、碩士念資管,所以也算一半的本科系,所以這個篇幅,至少我能向你分...