iT邦幫忙

javascript相關文章
共有 2279 則文章

技術 關於 localStorage 使用說明

為什麼要學 localStorage,原因大概如下面所說一樣: 將資料從頁面中的程式碼儲存到 Web瀏覽器的儲存空間當中。如此一來,本來存入程式碼當中的資料,...

技術 ES6 語法-Computed property names (動態計算屬性名)介紹

在尚未使用 ES6 語法前,我們在寫物件的時候只能使用物件[屬性名]或物件.屬姓名去取得屬性值,例如: const attName = 'name'; let...

達標好文 技術 Week1 - 前言: 因AV女優辨識機器人髒沙發,從Python到NodeJs,再從NodeJs跑到Golang [鼠年全馬鐵人挑戰-NodeJs轉Golang的爆炸之旅系列]

此篇文章我也記錄在我的medium部落格( ´•̥̥̥ω•̥̥̥` ) 大家好,這是小的第一次參加挑戰系列文章,一直都對互相學習很憧憬,雖然是個小菜鳥工程師,...

技術 利用 原生 的 funciotn 觀念寫一個 BMI 計算機

使用原生 Javascript 製作一個簡單的 BMI 計算機: BMI = 體重(公斤) / (身高(公尺) x 身高(公尺)) BMI計算網站 思考流程:...

技術 使用原生 Javascript 寫 tab 切換效果

思考流程 資料 (model) > 事件 (event) > 介面 (View) demo 網址 使用之前該理解的 Jacascript for(迴...

技術 Javascript 進階 5-7 this:簡易呼叫

這個章節要來介紹 簡易呼叫(Simple Call) var myName = '真心鎮大冒險'; function callName () { co...

鐵人賽 Modern Web

技術 Day 50+ 用了會上癮的 TypeScript 新功能 - Easily Addicted New Features in TypeScript

貼心小提示 筆者最近開始在整理內容並且使用 TypeScript 實驗並且寫各種小專案,因此 Day 50+ 以後的內容通常都是筆者偶爾會整理的一些很實用的東...

鐵人賽 Modern Web

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

閱讀本篇文章前,仔細想想看 Generators 使用上有哪些特點? 積極求值(Eager Evaluation)與惰性求值(Lazy Evaluatio...

技術 [開發經驗分享][JavaScript]浮點數運算出現一堆小數位數

情境描述 最近在開發專案的前端時,遇到一件非常奇怪的問題,用Javascript來做加減乘除,如果是有小數點的數字的話,跑出來的數字會非常奇特,例如: var...

鐵人賽 Modern Web

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

閱讀本篇文章前,仔細想想看 同步與非同步程序的差異性在哪?你能夠列舉哪些是 JS 裡有非同步的機制的東西嗎? 為何我們需要非同步的程序?同步執行不是很直觀...

徵才 [台中]資深後端工程師

【公司名稱,統編】搞之訊有限公司,82784304 【工作地址】 籌備處:台中市西屯區皇福街16號(預計2020年初移至辦公室地址) 辦公室:407台中市西屯區...

徵才 [台中]資深前端工程師

【公司名稱,統編】搞之訊有限公司,82784304 【工作地址】 籌備處:台中市西屯區皇福街16號(預計2020年初移至辦公室地址) 辦公室:407台中市西屯區...

技術 Javascript 進階 5-6 最常見的 this:物件的方法調用

這篇文章要來介紹 this 終於進入重頭戲之一了喔! this 也是讓很多開發者頭痛的地方喔,這篇文章會用簡單的方式讓大家知道,this 現在到底是誰! 那我們...

技術 Javascript 進階 5-5 閉包進階:工廠模式及私有方法

首先我們先來看看下面的例子 // 申論題 function arrFunction () { var arr = []; for (var i...

徵才 【台北市】前端工程師(近捷運松江南京站)-APO

我們需要您具備以下能力: 1、從事前端開發2年及以上,精通各種前端技術,包括HTML/CSS/JavaScript/Node.JS等 2、具備跨終端的前端開發能...

鐵人賽 Modern Web

技術 Day 48. 通用武裝・非同步概念 X 脫離巢狀地獄 - TypeScript Generics with Asynchronous Programming I. Promise Chain

閱讀本篇文章前,仔細想想看 ES6 Map 與 Set 在 TypeScript 裡使用時需要注意的事項。 ES6 Promise 的基本運作機制為何?...

鐵人賽 Modern Web

技術 Day 47. 通用武裝・泛型應用 X 結合 ES2015+ - TypeScript Generics with ES2015+ Features

閱讀本篇文章前,仔細想想看 迭代器(Iterator)與聚合物(Collection)的差別在哪? 迭代器模式要如何實踐?實踐的目的為何? 什麼是多型巡訪...

技術 Javascript 進階 5-4 閉包 Closure

這個章節要來討論閉包的概念 函式包函式,並且在子函式中調用父函式的變數,避免父函式的變數在沒有任何參照的情況下被釋放掉。 講的好像很困難,我們直接來看範例比...

技術 Javascript 進階 5-3 參數

這個章節要來介紹參數 前幾篇的文章對參數有一些介紹,這篇文章會對參數的各種狀態進行更詳細的介紹。 在介紹參數之前,一個函式在運行之前,會帶入那些參數。 var...

技術 Javascript 進階 5-2 立即函式(IIFE)

這個章節要來討論立即函式(IIFE) 根據上個章節我們講到,函式陳述式必須要具名,才能夠被調用。 函式表達式,無論具不具名,也必須要有變數乘裝才能夠透過 變數名...

技術 Javascript 進階 5-1 什麼是函式

這篇文章要來介紹甚麼是函式 首先先讓我們看一下下方的程式碼 // 函式結構 function afunction (parameter) { var l...

技術 Javascript 進階 4-13 其他練習

Q1 A: a.family.name B: a[2].family.name C: a[0].family.name D: a[1].family.name...

技術 Javascript 進階 4-12 章節總結測驗

Example 1 以下物件格式是否正確? 如果不正確請調整為正確格式 執行物件中的兩個函式 錯誤修正 var person = { name: '小明...

技術 Javascript 進階 4-11 JSON

這篇文章要來討論甚麼是JSON 我們來看一下 維基百科 怎麼定義JSON~ 所以可以了解到,json其實是一個字串的格式。它的結構雖然跟物件相似,但卻有些微不...

技術 Javascript 進階 4-10 陣列

這篇文章要介紹 Javascript 陣列的基本觀念 陣列十字宣告陣列 var Array = []; 這個應該大家都很熟悉 那麼我們再陣列中,不需要宣告屬性...

技術 Javascript 進階 4-9 淺層複製及深層複製

今天要討論的主題是淺層複製及深層複製 又有人會稱作 淺拷貝 以及 深拷貝 而深跟淺是怎麼樣定義的呢?我們就一樣先來看例子說明吧! var family = {...

技術 Javascript 進階 4-8 Call by Reference 還是 Call by Sharing

其實在面試很多的面試題之後,常常會聽到 物件是 Call by Reference 的說法 但其實 Javascript 的物件是 Call by Sharin...

技術 Javascript 進階 4-7 物件參考觀念的實際運作模式

這篇文章會配合Excel表來說明傳值、傳參考的特性喔! 傳值 以上一篇文章的範例來說 var person = '小明'; var person2 = pers...

技術 Javascript 進階 4-6 物件的參考特性

這個章節要來介紹傳值以及傳參考的概念 首先我們先來看看程式碼吧 var person = '小明'; var person2 = person; person2...

技術 Javascript 進階 4-5 未定義的物件屬性預設值

故事是這樣的~ var family = { name: '小明家' } console.log(family); // {name: '小明家';}...