iT邦幫忙

js忍之道相關文章
共有 330 則文章

達標好文 技術 [jQuery] 筆記 (五) – 選擇器 (selector)

jquery 提供 selector 的機制,類似 CSS 抓取 DOM 元素的方式,針對網頁元素進行操控,選擇器背後的原理是 jQuery 寫定的 Regul...

達標好文 技術 [Javascript] Regular Expression – Email 表單驗證

整理了一些網路上的資源,並以 Email 格式驗證為範例來講解 Javascipt 當中的 Regular Expression 用法 首先完全不懂 Regul...

技術 實用網頁工具庫 - jQuery UI (上) 元件篇

jQuery UI 早在數年前就已問世,也是我們非常常見的 jQuery 相關應用之一,這次我們將用簡單的篇幅介紹一些其中常見的元件,包含 Datepicker...

達標好文 技術 Cross Domain Ajax 跨網域抓取資料(JSONP)

在一些瀏覽器端的語言 (例如 Javascript ) 當中,會利用 Same origin policy (同網域限制) 的概念,以保障資料傳輸的安全性,但有...

技術 實用網頁工具庫:bootstrap

相信許多網頁工程師都聽過 twitter bootstrap 的名號,甚至網路上有許多人說不要再用 bootstrap 作網站了,因為他們看膩了! 這到底是什麼...

達標好文 技術 [JavaScript][HTML][CSS][PHP][JSP] 判斷使用者瀏覽器版本之方法

本篇文章紀錄判斷瀏覽器版本的方式與語法 希望對各位有幫助 圖片來源:http://www.spikednation.com/content/internet-...

達標好文 技術 邊學AngularJS邊做Todo List (1) - Hello World

HTML是打造Web的根本,但是它最早的設計概念是文件式的,它被當成是一頁頁的文件/資源來看待。 這樣的概念簡單、明白,容易撰寫、也讓Web成為一種非常普及的...

技術 [Javascript] jQuery 安裝與簡單範例教學

本篇文章紀錄 jQuery 的安裝方法, 主要是在講如何安裝 jQuery 並 run 到 Hello world 的流程 程式素材主要來自於線上課程,本篇算是...

達標好文 技術 jQuery 筆記 (四) window.onload 與 $(document).ready

在看程式碼的時候看到了程式開始的兩種用法 第一是 Window.onload,第二是 $(document).ready 儘以此文章紀錄其差異 兩者的比較表如下...

達標好文 技術 實用 JavaScript 工具庫:RequireJS

平常寫些複雜的論述寫久了,這次來寫點小工具的介紹。:) 平常我們讀取 JavaScript ,大家都不陌生的一定是滿滿的 script tag , 但是當我們...

達標好文 技術 [Javascript][HTML] DOM 概念

由於寫網頁常會需要操控 DOM 物件,且 DOM 物件為 Web UI 的基礎概念 因此用這篇文章來紀錄相關學習筆記 圖片來源:http://www.w3.o...

達標好文 技術 那些年,我們看的 JavaScript 書籍

標題我亂下的。 XD 今天是第三篇了,也是小弟值班的最後一篇文章啦。有朋友說前面兩篇跟 JavaScript 沒什麼關係,剛好本周主題是 JavaScript...

技術 利用jQuery的load功能,確保image載入後才讀取圖片資訊

今天遇到一個問題,用jQuery去讀取圖片的寬、高資訊,用$('#theImage')可以讀取到圖片物件,但是讀出圖片的寬、高,卻都是0。 不過如果按了F5,r...

達標好文 技術 Web Worker 經驗分享(一)

各位「網路工作者」大家好! Web Worker 是由 W3C 以及 WHATWG 共同制定出來的API,讓 javascript 可以獨立在背景執行而不會影響...

達標好文 技術 為什麼有時你應該優先考慮 event delegate 而不是 event binding

這次來討論一個已經很久但可能有些人還沒掌握、理解的觀念: event delegate。 有些人或許不明白什麼是 delegate,其實概念上他是很簡單的。...

達標好文 技術 extjs 4 系列 1/5:新特性與基本概念

extjs 算是筆者最早接觸的 javascript framework,在本身對程式開發還是新生兒的年紀,extjs 的出現著實讓我眼睛一亮,打從 extjs...

達標好文 技術 10 個 JS、jQuery 效能調校方法

隨著開發時間的加長及引入外掛的增加,常常會感覺網頁越跑越慢,這時候就是代表網頁該瘦身了! 本篇文章歸納了 10 種幫 JS 調校的方法,目的是希望能夠讓使用者...

技術 [Web App] Javascript 操作 Web SQL Database

這是 HTML5 離線存儲裡的一個應用, 在開發 Web App 時 , 如果配合 SQLite , 能讓離線資料的應用更加靈活。 看到這周主題我才發現......

技術 jQuery 動態新增 DOM 元素

使用 $('<div/>') 取代 '<div></div>' 現在網頁除了用到 AJAX 外, 有時候也會有動態新增 DO...

技術 Grunt.js用在前端開發上

我們公司在前端開發上,有用到Grunt來協助發佈流程,因此介紹一下Grunt的用法和實務上的操作。 Grunt的官網: http://gruntjs.com/...

技術 PHP 開發者轉換到 node.js 開發方向

自己以前也是曾經開發過 php 開發者,透過比較回憶,以及自己的學習歷程,甚至找網路上的文章,寫下這篇文章,希望對於之後想要轉換語言的人,有個具體的方向。 &l...

達標好文 技術 5個超讚JavaScript Library,立馬提升 JS 戰力

隨著JavaScript不斷發展演進,在Web 開發中,扮演的角色也越來越重要,處理的事情也越來越多,因此有許多Library也應運而生,在此,我就介紹一下我常...

達標好文 技術 Javascript中非同步執行的一些問題

非同步執行(例如DOM事件、AJAX等)無論在瀏覽器或是伺服器端,都很常見。使用他可以帶來一些效能上的優勢,也可以解決許多問題,但是同時也會引發一些問題。 比較...

技術 邊學AngularJS邊做Todo List (2) - Todo List 動起來

上次體驗過 AngularJS HelloWorld的範例之後,相信大家能夠體驗到AngularJS 相向互動的便利性,不需要寫太多的code,馬上就能有即時...

達標好文 技術 PHP+Apache vs. Node.js大車拼

文章出自:PHP + Apache Stack vs Node.js 這是一位具有PHP 5認證的開發人員所寫的文章,他自承是PHP的粉絲,在實務上也是使用PH...

技術 [jQuery] Tree Plugin 樹狀圖外掛

做專案時用到此套件,用這篇文章紀錄一下用法 整體外掛蠻輕量的,但是好像已經沒有在更新了,所以如果需求不多的話可以考慮使用此外掛 套件網址:http://bas...

達標好文 技術 {'JS-Objects':5} Jade樣板引擎入門(1)-基本概念與用法

對於手工撰寫HTML的開發者而言,最大的問題往往是遇到多層巢狀結構時,開頭和結尾不小心沒有收好,而造成DOM結構的混亂甚至錯誤。 因此有人發明了Haml (ht...

技術 JavaScript計算兩個日期之間的時間差

有兩個日期,要算這兩個日期之間,相差幾小時、幾分、幾秒 目前想的作法是像下面這樣,如果有更好的解法,請各位大大指教。 var ONE_HOUR = 1000 *...

達標好文 技術 JQuery 筆記 (一) – 淺談 JQuery

之前做網站時就有時候會用到 jQuery 的套件,那時覺得 jQuery 套件實在是太神了 大概不到一小時就可以做出各種絢麗的網頁特效 由於近期工作上可能會用...

技術 使用Sencha Architect 2快速搞定Web App的UI

Sencha在今天(4/24)釋出了Ext JS 4.1版本。這篇文章將以新手的角度,加上最新Sencha Architect工具的輔助,讓你立刻懂得如何踏上E...