iT邦幫忙

javascript相關文章
共有 5784 則文章

技術 Binary Search

二元搜尋BigO(log n) 相較於線性搜尋時間複雜度實在好太多 必須是被排序好的 由於每次對半砍,所以為log n 點我看GIF let array1...

技術 Linear Search

線性搜尋BigO(n) 本文為閱讀Wilson Ren老師的Udemy課程的課後心得接下來讓我們先來看一下GIF檔示例 點我看GIF function Lin...

技術 BigO

##使用BigO來衡量程式碼的時間複雜度(time complexity)是很重要的一件事情,接下來讓我們來學習吧以下為閱讀[https://pjchender...

技術 How to hide nav when scroll down and show nav when scroll up? (要怎麼實現當滾輪往下隱藏nav,往上時顯示nav?)

前言:Hi 大家好,我是Steven,今天想用react實作一個特別的nav實現方式(因為第一次做,所以說特別XD),我記得Youtuber好像有用這種nav呈...

技術 Angular#5 專案:路由 登入系統>>首頁

Angular [目標] 進入系統>>登入>>首頁 1. VSCode 撰寫 appapp.module.ts impor...

技術 Angular#4 專案:路由 建置

Angular [目標] 啟動程式先導入Login元件 1. 新增元件、模組 Syntax:ng help可以查詢 ng generate compo...

技術 Angular#3 資料結構 (可略過)

Angular [目標] 了解 Angular資料結構 .Component 元件 安裝 ng generate component [compon...

技術 Angular#2 專案:新增 與 啟動

Angular 1. 新增專案 ng new [project-name] 範例ng new system 2. 在VSCode開啟專案資料夾 3....

徵才 【毛小愛】徵資深軟體工程師!最有潛力的寵物科技新創!

隨著亞洲地區的共享產業崛起,毛小愛 Fluv 是一個由美國與台灣的連續創業家組成的寵物科技新創團隊,也在一年內就達到近30k用戶的目標並成為了當地最大的共享寵物...

徵才 【毛小愛】徵軟體工程師!最有潛力的寵物科技新創!

隨著亞洲地區的共享產業崛起,毛小愛 Fluv 是一個由美國與台灣的連續創業家組成的寵物科技新創團隊,也在一年內就達到近30k用戶的目標並成為了當地最大的共享寵物...

技術 Base64 轉 ArrayBuffer 效率小記

主題描述 以下三個函數功能相同,都是把 base64 轉換為 ArrayBuffer測試看看哪個效能比較好 /** * 把 base64 轉換為 ArrayB...

技術 2021 春季 JS 直播班心得

前言 去年忙結婚的事情一度暫停學習及更新文章忙完結婚事以後剛好六角學院也開了很適合新手的JS直播課程自已實在是停了太久所以就立馬報名啦! 在上課之前的心理建設...

技術 WebPack安裝與打包教學

Webpack安裝說明 以前傳統開發,我們會用到許多大大小小的Js/Css/img,通常是各自存放在歸屬目錄,需要的時候再引入,不同的頁面可以引入不同的檔案...

技術 Leet Code 4. Running Sum

今天分別有幾個數值,要與前數值做相加的動作 Example 1.input: nums=[1,2,3,4]Output:[1,3,6,10] Examp...

技術 Vue出一個展開 / 隱藏 功能

今天練習的主題是用Vue實現列表的展開與隱藏功能會分為兩個範例讓大家做演練 範例一 先將isShow默認為false接著在function內判斷當前的列表是否...

技術 Vue出一個行事曆 Calendar

前言:此單元較為複雜,若元件觀念較不熟悉的同學,請斟酌觀看這裡會運用到props、emit、ES6、day.js讓我們先來觀看成品圖吧 首先我們將行事曆切分為...

技術 如何取出物件中重複/不重複的值

在上一篇中寫了關於陣列的做法假如今天我們將陣列改成物件,該怎麼去實現它呢?先給一個全域值: const person = [ { name: "J...

技術 如何取出陣列中重複/不重複的值

前幾天在群組剛好看到有人發問:有一組陣列:[1, 8, 2, 3, 4, 5, 4, 6, 2, 7]該如何取出不重複值讓陣列變成:[1, 8, 2, 3, 4...

技術 Leet Code 3. Palindrome Number

原文Given an integer x, return true if x is palindrome integer. An integer is a pa...

技術 Leet Code 2. Two Numbers

題目Given a signed 32-bit integer x, return x with its digits reversed. If reversi...

技術 Leet Code 1. Two Sum

翻譯給一個裡面元素為int的陣列,陣列中會有兩個元素加起來等於target,回傳這兩個元素的位置。 範例1:[2, 7, 11, 15],target = 9,...

技術 [小故事]跌破眾人眼鏡! 聊聊 JavaScript 的封王之路

歡迎來到 Ian 的知識講堂,本篇會用說故事的方式跟大家聊聊全端寵兒 - JavaScript 的小故事。 想看更多技術與資訊議題/小故事,歡迎按讚或是追蹤我...

技術 番外篇(2)一起來做 To Do List!- 實作篇(3)

不知不覺也來到最後一篇啦! 第八步 在 codepen 上可以看到一些酷炫的漢堡選單 code ,但這裡我做的是最陽春的版本:點擊漢堡選單 icon 秀出,點擊...

技術 番外篇(2)一起來做 To Do List!- 實作篇(2)

大家新年快樂!上一篇完成後還剩下這些功能: 可以一次刪除全部的代辦事項 能刪除所有已完成的代辦事項的內容及數量 代辦事項預設以時間排列 代辦事項的順序可以被使...

技術 番外篇(2)一起來做 To Do List!- 實作篇(1)

上一篇先介紹運用的知識點,這篇會著重在實作時的心路歷程...不是啦,是怎麼把這個網頁寫出來的。先上成品與程式碼,若程式有寫得太過繁瑣的部分,也希望大家多包涵並不...

技術 番外篇(2)一起來做 To Do List!- 知識篇

這次花了約三週的時間製作了簡易的 To Do List,在此想紀錄並分享一下我的作法以及製作過程中學習到、或重新釐清的知識點。作品主要是先跟著這部影片學習,再加...

技術 Rollup - 基礎介紹

Rollup 是一個 JavaScript 的打包工具,目前我們常使用的 Webpack 也常拿來跟他做比較,基本上兩者皆能達到我們想要的效果,但其各自有較擅長...

技術 利用axois來下載檔案

前言: 最近公司專案上剛好碰到製作匯出報表模組開發,而過往我都是透過form submit方式直接將參回拋給Controller,但當我列印發生問題時,我無法由...

技術 梳理useEffect和useLayoutEffect的原理與區別

點擊進入React源碼調試倉庫。 React在構建用戶界面整體遵循函數式的編程理念,即固定的輸入有固定的輸出,尤其是在推出函數式組件之後,更加強化了組件純函數的...

技術 完全理解React的completeWork以及错误边界

點擊進入React源碼調試倉庫。 概述 每個fiber節點在更新時都會經歷兩個階段:beginWork和completeWork。在Diff之後(詳見深入理解R...