iT邦幫忙

js相關文章
共有 295 則文章
鐵人賽 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 16

技術 Day 16. 機動藍圖・介面與型別 X 混用與比較 - TypeScript Interface V.S. Type

閱讀本篇文章前,仔細想想看 TypeScript 的型別系統與介面之間在語法上的差別與介面或型別的使用有何共通點呢?但意義上又會差在哪? 如果還沒理解完畢的...

鐵人賽 Modern Web DAY 21
前端常見問題攻略 系列 第 21

技術 JS async/await 系列:基礎概念篇

非同步在前端的做法不斷的在進行優化調整,先前介紹過 Promise 可以解決非同步過度巢狀的問題,而本篇要介紹的 async function(非同步函式) 及...

鐵人賽 Modern Web DAY 14

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

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