Skip to content

Instantly share code, notes, and snippets.

View idhowardgj94's full-sized avatar
🎯
Focusing

HowardChang idhowardgj94

🎯
Focusing
7 followers · 83 following
View GitHub Profile
@idhowardgj94
idhowardgj94 / grid2.md
Created December 20, 2019 16:16
grid 2 
<div class="row">
  <div class="col-md-6 col-sm-12">
     col-1 （文字）
  </div>
  <div class="col-md-6 col-sm-12">
    col-2 (圖）
  </div>
</div>
@idhowardgj94
idhowardgj94 / grid.md
Last active December 20, 2019 15:57
bootstarp 
<div class="">
  <div class="col-md-6">
    col-1, should occupy half of the row.
  </div>
   <div class="col-md-6">
    col-1, should occupy another half of the row.
  </div>
</div>
@idhowardgj94
idhowardgj94 / create_react_from_scrach.md
Last active October 25, 2019 06:49
note 
mkdir practice
cd practice/

npm init -y
# init package.json file

npm install react react-dom
npm install --save-dev @babel/core @babel/preset-env @babel/preset-react webpack webpack-cli webpack-dev-server babel-loader css-loader style-loader html-webpack-plugin
@idhowardgj94
idhowardgj94 / vue.md
Last active October 1, 2019 08:06
記一下

child-parent comunication

在vue中， 父與子元件溝通是透過props傳值； 而子與父元件溝通則要透過event來傳遞： 子元件可以發起一個客制化的event（$emit("customEvent", parm1, param2...) 再經由父元件handle即可： <Child @customEvent="customEventHandler(param1, param2, ....)"></Child>

在vue的使用下，可能會有以下情形：需要溝通的元件是同層的元件，並且其上沒有父元件可以當溝通橋樑

@idhowardgj94
idhowardgj94 / snippest
Created June 6, 2019 02:19
* `nfn`: arrow name function
* `anfn`: annoymous function
* `imp` import
* `fof` for of loop
* `fin` for in loop
* `npro` new promise
* `mapSta` mapstate to prop
* `mapDisp` to dispatch
# 常用 #
@idhowardgj94
idhowardgj94 / 1git.md
Last active January 24, 2024 09:04
linux git 設定記錄

任務：部屬一個不用認證密碼的環境

步驟一、設定.netrc檔

# 到根目錄下
cd ~
@idhowardgj94
idhowardgj94 / mocha_front_end_test.md
Last active November 5, 2018 07:53 — forked from mrister/runt_test.sh
Mocha and chai example

使用mocha測試純前端的javascrit

網路上搜尋到的範例中，通常都是mocha搭配chai，測試nodejs伺服器端的程式。 要如何測試純前端讀取的javascript file呢？

nodejs的javascript，透過模組化的概念，每寫完一個function 後，必須把function export成一個模組， 在測試檔案中使用require(filepath/file)引入後，才可以對其作測試。

然而目前的網頁瀏覽器都還不認識ES6 的 export 寫法。 如果要使用這架構開發測試，最後還要經過webpack之類的程序，將ES6的 js code 編譯成目前瀏覽器看得懂的js版本。

@idhowardgj94
idhowardgj94 / gcc.txt
Last active April 20, 2024 13:43
GCC 指令
```
轉自網路文章，原文已被刪除
```
email:pianopan@beeship.com
[版本] -0.13
[介紹]
gcc and g++分別是gnu的c & c++編譯器 gcc/g++在執行編譯工作的時候，總共需要4步
@idhowardgj94
idhowardgj94 / 1_learning_record.md
Last active December 22, 2018 16:07
learning record

learning record

learning record by idhowardgj94

just write down my learning progress by topic format.

hope this would help for other starter like me.

git: how to ignore file already in git ?

@idhowardgj94
idhowardgj94 / web_development_with_laravel_5.md
Last active May 15, 2018 06:13 — forked from jaceju/web_development_with_laravel_5.md
Laravel 5 測試起手式

Web Development with Laravel 5

idhowardgj94 實作記錄

實作laravel版本為最新版本 laravel 5.6

目前已知laravel 5.6 改進了預設的資料夾結構， 以及tests 方法重寫。

將針對原來 5實作的部份做修改。