React.js + <canvas>

react+canvas

我們有React,它可以幫助我們處理大量的可變DOM。

但想描述一種使用React的方法,它可以幫助您處理“<canvas>元素?是的,這聽起來很奇怪。但它運作得很好。

Comment

當每次使用VScode git到github時都會需要輸入帳號密碼,若此時不想要每次都重複輸入帳號密碼賬號時,可以全局存儲賬號,解決這個問題。在你的專案目錄下,使用cmd輸入下列指令,之後git就會記錄你的帳密,在次使用git同步時都不用再輸入帳號密碼了。

git config --global credential.helper wincred

延伸閱讀:Visual Studio Code使用Git進行版本控制

Comment

Python的擴充功能

只要你用Visual Studio Code打開一個Python .py 檔案VSCode都會貼心的提示你要進行安裝Python的擴充功能(如下圖所示)。

提示你要進行安裝Python的擴充功能

Python的擴充功能

當然安裝完成擴充功能,還需要寫完程式時的建置作業,總不能在每次寫完一行程式就用cmd的方式去run你的結果吧!

Comment

PHP IntelliSense是一個能夠提供快速完成PHP代碼及查找關聯、精確錯誤報告的智能感知PHP擴展。在使用VScode安裝PHP IntelliSense開發PHP需要先安裝PHP7才能使用,也就是說需要有架設好的PHP環境。

Visual Studio Code + XAMPP

這邊選擇最快速架設一個WebServer,使用XAMPP(Apache + PHP + Mysql等等...),提醒要裝PHP7的版本。

XAMPP安裝完成後,開啟XAMPP Control Panel,Apache的actions欄位下按鈕按下start,如下圖。

XAMPP Control Panel

Comment

CSS3 :target 選擇器

定義和用法

URL 後面帶有錨名稱#(錨點),指向文檔內某個具體的元素。這個被鏈接的元素就是目標元素(target element)。

imglightbox

:target 選擇器可用於選取當前活動的目標元素。

:target CSS 代表一個唯一的元素(目標元件用)id匹配的URL的片段。

/ *選擇一個ID與當前URL片段匹配的元素* / 
:target  { 
  border : 2px solid black ; 
}

Comment

Copyright © 2018 ucamc