iT邦幫忙

自學筆記相關文章
共有 94 則文章

技術 JS30 Day 25:Event Capture, Propagation, Bubbling and Once學習筆記

今天這章節主要是在練習事件綁定相關的知識。 主要以上面的畫面來做事件的操作。 <button>BTN</button> &lt...

技術 MySQL 數字類型基本操作

所謂數字類型大致分為以下幾種: 每種類型都有不同的範圍及其最大最小值。 可以針對不同整數類型插入值,而每個類型都有其範圍,超過範圍即無法插入。 創建整數類型...

技術 JQuery 學習紀錄 ( 6 )

這次非常久才發布學習紀錄,因為最近當兵的關係,能學習的時間又被壓縮了,但我還是會努力播出時間練習的。 on註冊事件 on(types, selector, da...

技術 MySQL 群組函數之基本操作

最近要去當兵,所以在進去前多少學一下資料庫。 SELECT COUNT( * ) FROM table_name: 能夠計算資料之總數 計算Software E...

技術 MySQL SELECT排序、結果篩選之操作

最近由於工作較忙,故沒什麼時間學習,但還是在百忙之中抽出時間來! 首先,這是我們要操作的資料。 CREATE TABLE IF NOT EXISTS emplo...

技術 JS30 Day 24 - Sticky Nav學習筆記

最近工作較忙,沒什麼時間來學JS DAY30趁今天比較有空來發一下文~ 這次的題目比較沒難度,主要是製作一個常用的頁面下拉滾動效果。 當滾動至導覽列(Nav)時...

技術 MySQL 字符串相關操作

首先我們有一筆資料如下 CREATE TABLE IF NOT EXISTS employee( id INT NOT NULL AUTO_INCREMEN...

技術 MySQL CRUD基本操作

所謂 CRUD => Create , Read , Update , Delete 指的就是增刪改查,為資料庫一個很重要的地方。 前面我們做過C CRE...

技術 MySQL WHERE相關基本操作

為了方便快速寫SQL指令,可以在VS CODE中寫好以後,在其SQL文件點擊右鍵copy path,而後開啟mysql cmd,將複製的路徑貼上,在最前面加上s...

技術 MySQL PRIMARY KEY & UNIQUE基本操作

CREATE TABLE table_name(... , phone VARCHAR(20) , PRIMARY KEY(phone)); 再創建table時...

技術 MySQL insert基本操作

前面我們學會如何建立Database,table後,就要學習如何去將值插入至table裡面。 INSERT into table_name(...) value...

技術 JS30 Day 23:Speech Synthesis學習筆記

最近因為工作比較忙,沒什麼進度,這幾天來惡補一下,今天要做的功能是使用Web Speech的一個API SpeechSynthesisUtterance搭配Sp...

技術 MySQL table基本操作

在MySQL的database的table中,主要以column,row組成。 資料行(Column)是指資料表中的某些「欄位」,以「垂直」方式來呈現,其hea...

技術 MySQL database基本操作

至 https://dev.mysql.com/downloads/windows/installer/ 當安裝完成後,會需要輸入密碼,也就是安裝時,叫我們輸入...

技術 [井底蛙的小天空] JavaScript 值的比较

參考文章: https://juejin.im/post/6846687584710557710 新看到的方法:Object.is(val1,val2); ES...

技術 JS30 Day 21 & 22:Geolocation & Follow Along Link Highlighter學習筆記

今天兩個章節寫在一起,因為兩個份量都算較少,首先我們來分享Day21的章節。 此章節功能是利用Geolocation API,取得我們目前位置的經緯度、方向、速...

技術 Vue Router介紹

vue-router是一個很好用的工具,因為過去在換頁通常會透過後端處理。而目前為了減少讀取時間,目前大多都採用SPA(單頁式應用)來製作,如前端框架,而在切換...

技術 Vue 模組化管理 自學筆記

今天我們要來利用模組化後的Vue來進行一些操作。 而組件的基本架構如下: <template> 模板 <h1 class="...

技術 Vue CLI圖形化介面 自學筆記

Vue CLi安裝: 通過配套的圖形化界面創建、開發和管理你的項目。 直接至官網按照步驟 https://cli.vuejs.org/zh/ 注意Node.js...

技術 JS30 Day 20:Speech Detection學習筆記

今天要來做的是一個語音辨識的功能,當我們講話時,可以判斷並將我們說的話渲染至頁面上。 Web Speech API 讓我們能將「聲音」這個要素融合進網頁應用程...

技術 CSS & CSS3 學習筆記重點

以下要分享一些從金魚腦切版中及自己在切版過程中學到的一些知識點。 https://ithelp.ithome.com.tw/users/20112550/iro...

技術 Vue 畫面處理 & API 串接 自學筆記

接續前個文章 API的基本操作 https://ithelp.ithome.com.tw/articles/10232465 我們直接來透過實戰練習如何串接AP...

技術 Vue API 基本操作 & Postman 基本介紹 自學筆記

首先我們創建一個db.json,並下載json-server,並配合POSTMAN對其做增刪改查的操作。 而在package.json的檔案中,我們在scri...

技術 JS30 Day 19 - Webcam Fun學習筆記

今天這個章節主要是利用電腦的視訊鏡頭,以canvas為基底,去改變我們的畫面色彩、透明度等等。 而我就依照比較重要的重點來分享。 canplay:當影片播放時,...

技術 Vue 生命週期 自學筆記

終於進入生命週期的部分拉,所謂生命週期就如同人的生老病死,而程式不外乎也會經過這個流程。 創建階段 beforecreate(少用) 首先 Vue Insta...

技術 Vue set與watch資料觀測及設定 自學筆記

今天要來分享的是關於資料的觀測及設定。 首先這是我們的html資料,點一下對應的圖標,其圖標數字會加一。 <div cla...

技術 Vue 動畫 學習筆記

今天我要分享如何用Vue寫出簡單動畫效果。 CSS動畫 Vue提供transition的tag,可增加載入時的漸變效果。 mode為動畫模式(out-in淡出淡...

技術 JS30 Day 18 - Adding Up Times with Reduce學習筆記

這次的主題主要是利用reduce將時間做一個總和,並計算出時分秒。 首先獲取我們全部的li,並轉為陣列型式。 let li = Array.from(d...

技術 JS30 Day 17 - Sort Without Articles學習筆記

今天,主題是在講排序的東西,成果如下圖。 要處理的資料。 const bands = ['The Plot in You', 'The Devil...

技術 JS30 Day 16 - Mouse Move Shadow學習筆記

今天要做的功能是當滑鼠移動時,字會產生陰影並跟著滑鼠最對應的位移。 由於今天內容較少,就不一一描述程式碼的部分了。 首先我們要先了解以下幾點觀念: offset...