iT邦幫忙

js相關文章
共有 224 則文章
鐵人賽 Modern Web DAY 1

達標好文 技術 Day 01. 遠征 TypeScript・行前準備

通常聽到一門新的技術,第一句話會問的就是... 為何我要使用這門技術呢? 貼心小提醒:如果單純想了解 TS 是什麼,以及優勢與缺點,可以跳過前文喔!...

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

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

達標好文 技術 [筆記][JavaScript]所謂的「停止事件」到底是怎麼一回事?

HI!大家好,好久沒有記錄JavaScript的筆記了XD,在昨天研究Vue的時後突然看到了沒看過的東西,其實還有很多啦!只是這兩個function就剛好被我遇...

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

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

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

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

鐵人賽 Modern Web DAY 2

達標好文 技術 Day 02. 前線維護・型別推論 X 註記 - Type Inference & Annotation

《前線維護》篇章概要 第一次看到 TypeScript 的人,最先看到就是型別註記(以下會把程式碼有註記的部分用 ~ 顯示出來)—— 英文稱為 Type An...

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

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

達標好文 技術 [筆記][JavaScript]單一物件的基本操作

HIHI,因為最近在重看JavaScript,剛好讀到物件的使用方法,想說順便記錄一下,之後再陸續紀錄進階的使用方法和繼承。 簡單說,JavaScript的所有...

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

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

技術 [筆記][JavaScript]物件間基本的原型鏈(2)

HIHI,繼上一篇[筆記][JavaScript]物件間基本的原型鏈(1)講了Object.create()的方式後,這次來提一下Object.setProto...

技術 [筆記][JavaScript]物件間基本的原型鏈(1)

兩個物件間的原型關係和繼承有關,每個物件都可以有另一個物件做為他的原型,如此一來,前者就會繼承後者的所有特性。 如果要為物件指定「原型」,可以使用物件函式Obj...

技術 關於網站多國語言翻譯

各位先進您好!小弟有一個無法突破的問題 在各大訂房網站有多國語言功能,大都有十種語言以上我想這不是語言包能解決的,因為語言包只能翻固定字串,各飯店的更新,不可能...

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

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

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

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

鐵人賽 Modern Web DAY 1

達標好文 技術 邁向 JavaScript 勇者之路 - 開始

iT邦幫忙的鐵人賽到目前是第四次參加,前幾次參加有兩次是 CSS,而本次是 JavaScript,主要原因當然是 JavaScript 即將要統治世界 (!?)...

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

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

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

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

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

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

鐵人賽 Modern Web DAY 4

技術 Day 04. 前線維護・函式型別 X 積極註記 - Function Types

閱讀本篇文章前,仔細想想看 大概可以解釋普通 JS 物件(也就是 JSON 格式,或筆者所謂的狹義物件)在 TypeScript 裡的推論機制。 知道筆者...

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

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

鐵人賽 Modern Web DAY 5

技術 Day 05. 前線維護・陣列型別 X 型別陣列 - Array Types

閱讀本篇文章前,仔細想想看 定義一個函式,最需要注意的點有哪些?什麼情形必須積極作型別註記呢? 函式的輸出部分通常(但不是全部)可以不用作型別註記的原因為...

達標好文 技術 [演算法][JavaScript]演算法挑戰系列(1)-Longest Substring Without Repeating Characters

Hello!大家好,最近在做Google Code Jam的過程中,不小心迷上了解題的過程XD,所以我又分心去多找了一些關於解演算法的題目網站,於是登愣「就被我...

鐵人賽 Modern Web DAY 24

技術 【Day 24】 useRef

useRef 是一個可以讓我們抓取到 DOM 節點的 hooks。 實作上非常簡單,直接來看範例吧: import React, { useRef } from...

鐵人賽 開發技術 DAY 6

技術 extjs4:如何使用 query component

在有限的時間中,要學會一個前端框架不容易,也沒有一個框架是萬能的,但總要有個開始,筆者在進幾年一直在 extjs 的世界打滾,已有三四年的經驗,最近負責的專案除...

鐵人賽 Modern Web DAY 3

技術 JavaScript 變數的宣告與他的作用域

變數分為全域與區域變數,差異點在於宣告 (var) 的方式,就 MSDN 上的說明 在函式定義之外宣告的變數就是全域變數,其值可在整個程式中存取和修改。 所以我...

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

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

達標好文 技術 [演算法][JavaScript]演算法挑戰系列(6)-Integer to Roman

哈哈哈,先笑一下後開始文章,這次的題目雖然也是中級,不過就稍微簡單一點(說不定是我腦子變靈活了XD),主要就是把數字轉換成字串而已,如果有時間的話可以試試看,也...

鐵人賽 Modern Web DAY 14

技術 Day 14. 機動藍圖・函式超載 X 究極融合 - Function Overload & Interface Merging

閱讀本篇文章前,仔細想想看 試問介面跟型別系統的差異性在哪? 為何要儘量對程式碼進行抽象化的動作? 如果還沒理解完畢的話,可以先翻看前一篇文章喔! 什...

鐵人賽 開發技術 DAY 7

技術 sencha touch 使用 ux 套件外掛,以手機網頁啟動照相功能上傳檔案為例

在有限的時間中,要學會一個前端框架不容易,也沒有一個框架是萬能的,但總要有個開始,筆者在進幾年一直在 extjs 的世界打滾,已有三四年的經驗,最近負責的專案除...

技術 [演算法][JavaScript]演算法挑戰系列(10)-Valid Sudoku

嗨啊,這是放暑假開始的第一篇文章,雖然在這裡的大大幾乎都沒暑假了XD,不過還是讓我們感染一下這種快樂好了,哈哈哈,說到學生時期,我很愛玩的一個遊戲就叫數獨,常常...