iT邦幫忙

javascript相關文章
共有 1041 則文章

技術 [Google Code Jam][資格賽]Saving The Universe Again(再次拯救宇宙)

HIHI,今天來分享個Google Code Jam 2018比賽的題目解法。不過因為時間的問題,所以我解完一題才會PO上來,所以這個系列大概會有四篇以上,還有...

技術 [筆記][JavaScript]關於即刻執行函式(immediately invo....IIFE)的用法

嗨啊啊啊,首先我要先道歉一下,感覺我很多觀念都還沒打穩,所以打文章的時候並沒有講解的很清楚,只是想說如果試著去理解,並且打出來和大家分享應該會得到更厲害的大大的...

技術 [筆記][JavaScript]建構器及實體物件的constructor特性

HI,大家好!因為之後會提到建構器間的繼承,所以在那之前先提一下constructor這個特性的用途,這個特性在前兩篇的[筆記][JavaScript]使用建構...

技術 [筆記][JavaScript]原型(prototype)在JavaScript中的兩種意思

今天要介紹在JavaScript中會看到的「兩種原型」,這兩種原型都叫做prototype,但他們卻有完全不同的意思。 第一種的prototype為「原型關係」...

技術 [筆記][JavaScript]使用建構器創造實體物件

在之前的文章[筆記][JavaScript]物件間基本的原型鏈(1)中有解釋過物件的繼承功能,他可以優先建立一個擁有function的物件,再提供給其他物件去繼...

技術 [筆記][JavaScript]由物件中設定「存取器」屬性

物件內的存取器是由get及set去設定的,而存取器的設定可以用像是特性一樣的方式去使用他,他們兩者不同的地方是存取器屬性可以以get和set去控制該特性被讀寫的...

技術 看到北港武德宮動態產生 email 而來的 email 混淆字串產生器

偶然的機會,看到北港武德宮的網站,相當精美,一改過去對宮廟網站的印象。 照例,要打開原始碼來學習一下,馬上發現一串不太尋常的 JS <script typ...

技術 [筆記][JavaScript]使用call()、apply()、bind()設定函式中的「this」

HIHI,又來每週一篇惹,上禮拜的[筆記][JavaScript]認識JavaScript中的「this」大致上說明了JavaScript中的「this」,但是...

活動 {IT技術講堂}{愚人節特別節目}PHP/JS及ASP.NET/C#開發者入門講座 - 開放報名中

各位邦友好。 新春第一炮活動,我們來慶祝愚人節。 本來是預計3月24日辦,也跟某位邦友講過,但,當天正好另外有走不開的事要處理,只好延後一週。 不巧,偉大的內...

技術 [筆記][JavaScript]認識JavaScript中的「this」

在JavaScript中不論什麼時候執行程式碼,他都是在執行環境裡面執行,而他的基礎執行環境就是「全域執行環境」,當JavaScript在建立這個「全域執行環境...

技術 [筆記][JavaScript]用Math.random()取得某區間內的隨機亂數

HI大家好我來填上一次[筆記][JavaScript]用Math.random()取得亂數的技巧留下的坑惹,上一篇最後實做出來的funciton是用來取得1~x...

技術 [筆記][JavaScript]用Math.random()取得亂數的技巧

HI!!先來向大家說聲新年快樂!!!每年只要到了這個時候,小弟我都會找幾個朋友到公益彩券店刮一個傾家蕩產,不過這樣一路走來,從一開始想要一夜致富到現在只想著不要...

鐵人賽 Modern Web DAY 60

技術 [十分鐘學習] Infinite Scroll - 捲軸瀏覽至底載入新資料

Infinite Scroll是一套當捲軸至底時,會載入下一個頁面的資料的原生JavaScript套件,在網路上很常見。行動裝置也支援 GitHub Sta...

鐵人賽 Modern Web DAY 59

技術 [十分鐘學習] Cleave.js - 欄位格式化工具

各式化表單欄位的內容 GitHub Star: 7,900 Javascripting Overall: - 瀏覽器: Chrome、Firefox和IE9...

鐵人賽 Modern Web DAY 58

技術 [十分鐘學習] datedropper - 活潑風格日期選擇器

微型但功能強大的的jQuery時間選擇器。內建風格相當活潑可愛,可增加網站的活力 GitHub Star: 1,700 Javascripting Over...

鐵人賽 Modern Web DAY 57

技術 [十分鐘學習] ScrollReveal - 動態顯示內容

極簡,桌上型、行動裝置都可運行的卷軸動畫 GitHub Star: 14,000 Javascripting Overall: 81% 瀏覽器: Chrom...

鐵人賽 Modern Web DAY 56

技術 [十分鐘學習] Tabulator - 表格內容強化工具

相當容易操作的表格內容產生器,只需要花短短的時間,就可以透過把陣列或JSON格式的資料,產生成HTML介面的表格。並支援響應式網頁,以及可以運用其他套件做成物...

鐵人賽 Modern Web DAY 55

技術 [十分鐘學習] Shave - 截斷文字

Shave根據物件的最大高度將文字截斷,是一套沒有任何依賴性的JavaScript套件。並將多出的文字藏在span後面,保留原文的完整性。CSS本身透過tex...

技術 [筆記][JavaScript]關於陣列的基本操作

陣列和物件很像(其實陣列也是物件,但這時候說的是使用上相似),都是由一個索引對上一個值,但唯一不同的是,陣列的索引是由零開始的數字,每個數字都會對應一個值,這些...

鐵人賽 Modern Web DAY 54

技術 [十分鐘學習] Quill - 文字編輯器

Quill是當代高相容性、強大、豐富且具有擴充延展性的文字編輯器。對於行動裝置支援度高 GitHub Star: 16,000 Javascripting...

鐵人賽 Modern Web DAY 53

技術 [十分鐘學習] sketch.js - 極簡動畫繪製

微型(約2KB)JavaScript平台效果函式庫 GitHub Star: 2,900 Javascripting Overall: - 瀏覽器: Chr...

鐵人賽 Modern Web DAY 52

技術 [十分鐘學習] goodshare.js - 社群分享按鈕大補帖

快速建立像Facebook、Twitter等社群分享按鈕,安裝容易、有廣泛文件和開發者支援,對SEO友善,許多自訂選項,新版本透過ES6打造簡潔原始碼以及高速...

鐵人賽 Modern Web DAY 51

技術 [十分鐘學習] toastr - 簡易提示訊息

toastr是一套提示訊息JavaScript函式庫,必須載入jQuery,宗旨是利用簡單的程式碼函式庫來做客製化跟擴充。toastr提供一個範例頁面toas...

鐵人賽 Modern Web DAY 50

技術 [十分鐘學習] Swiper - 最新潮的幻燈片/跑馬燈效果

Swiper是時下完整的幻燈片/跑馬燈套件,使用效能高,並可運用在行動裝置上及混和式App上,不但在最新版本的iOS上運作很好,在Android、Window...

鐵人賽 Modern Web DAY 49

技術 [十分鐘學習] List.js - 資料排序

對表格、清單、各式各樣的物件,增加搜尋、排序、過濾和靈活性,無形的建立在HTML內,極簡易也易於使用。即便周邊套件不如DataTables,但不依賴jQuer...

鐵人賽 Modern Web DAY 48

技術 [十分鐘學習] TinyMCE - HTML編輯器

功能豐富的JavaScript的HTML編輯器,功能齊全且輕量級。另外要注意TinyMCE對IE11以上才可運行 GitHub Star: 5,000 Ja...

鐵人賽 Modern Web DAY 47

技術 [十分鐘學習] Faker.js - 做假資料的利器

可以在瀏覽器或Node.js產生大量的假數據。測試時期相當方便的東西,也可以透過Google Extension來運作 GitHub Star: 12,90...

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

技術 JavaScript - 屬性描述器 (2)

取值器 與 設值器 上一篇介紹了幾種屬性的特徵:writable、configurable、enumerable、value。尚未介紹的兩種特徵分別是 get...

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

技術 JavaScript - 屬性描述器 (1)

在 ES5 之後,JavaScript 允許開發者調整屬性的描述器。 在此之前,先讓我們重新認識一下屬性。 常常我們會認為屬性就是 key/value 的組合,...

鐵人賽 Modern Web DAY 46

技術 [十分鐘學習] Handlebars.js - 輕量型模板套件

Handlebars主要是讓你在做語意型模板(semantic templates)更有效率、且不容易受挫,並且相容Mustache模板,大多數可以直接互換使用...