透過這次兩位Dcard工程師的經驗分享，了解到從在學階段，再到找工作階段，到最後當上工程師之後，有許多值得我們注意的地方，以下列出我覺得重要的知識點。
應徵軟體工程師職位最重要的是有作品集，沒有作品，履歷再漂亮也沒用。
要花時間寫 side project，嘗試和練習感興趣的新技術。
寫程式要考慮擴展性和維護性，讓他人接下來要修改或繼續寫都能很輕鬆。
英文程度很重要，而很多外商是用英文面試。
加入技術社群，交流彼此的想法與技術。
- 自動排版 Alt + Shift + F 複製上一行 Alt + Shift + ↑ 當前行移動到上一行 Alt + ↑ 刪除當前行 Ctrl + Shift + K 當前行上新增一行 Ctrl + Shift + Enter 當前行下新增一行 Ctrl + Enter 新增檔案 Ctrl + N 關閉目前檔案 Ctrl + W 切換分頁 Ctrl +Tab (Ctrl + Shift + Tab)
zxc29019009 changed 3 years agoView mode
- 記錄用 懶加載路由 // 靜態加載 { path: '/dashboard', name: 'dashboard', component: dashboard },
- 1. 避免表格換行 table tr th { white-space: nowrap; } 2. inline-block + vertical-align 垂直置中 適用行內元素 ( inline , inline-block )，搭配偽元素 <div class="container"> <div class="item"></div>
- 沒在鳥版權的na header 標籤 header 元素是一種具有引導和導航作用的元素，通常表示整個頁面或頁面上的一個內容塊的頭部，它可以包含標題元素h1 ~ h6，也可以包含其他的內容，如導航、logo、搜索表單等等。 【注意】 header 標籤中必須包含一個標題元素，並且子元素不唯一。 【注意】 不能在 header 里嵌套 footer 或 另一個 header 元素，也不能在 footer 或 address 元素里嵌套 header元素。 參考文章1 ( 使用場合、注意事項 ) 參考文章2 ( 使用場合、注意事項 ) 參考文章3 ( h1~h6 heading元素介紹 )
- 使用 webpack + postcss 成果圖 package.json { "name": "1019", "version": "1.0.0", "description": "", "main": "index.js",
- Bootstrap Utility API 文檔 基本配置 1. 創建資料夾 mkdir 1029 2. 初始化項目 npm init -y
- Webpack教學 (一) ：什麼是Webpack? 能吃嗎？ Webpack教學 (二) ：檔案你要去哪裡？ Webpack教學 (三)：永不停止的Watch Webpack教學 (四)：JavaScript 與 Babel 兩個有用plugins : mini-css-extract-plugin、HtmlWebpackPlugin，文中少裝一個sass(npm i sass -D)
- 1. HTML <!DOCTYPE html> <html lang="en" class="h-full font-Roboto"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=1000, initial-scale=1"> <title>YouTube</title> <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet"> <link rel="stylesheet" href="tailwind.css">
- 1. <body> <div class="pagination"> <ul> <li class="prev"><a href="#">< Prev</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li>
- 1. <header> <h1>Text Logo</h1> <nav> <ul class="nav_link"> <li><a href="#">link 1</a></li> <li><a href="#">link 2</a></li> <li><a href="#">link 3</a></li> </ul>
- html <body> <div class="container"> <header> header </header> <div class="hero"> hero </div> <aside class="sidebar">
- html <body> <div class="container"> <header> <img src="starburst.jpg" alt=""> <nav> <ul> <li>導航1</li> <li>導航2</li> <li>導航3</li>
- html <body> <div class="container"> <header> <img src="starburst.jpg" alt="picture"> <nav> <ul> <li>導航1</li> <li>導航2</li> <li>導航3</li>
- _.chunk(array, [size=1]) 返回一個元素陣列，按大小的長度分成多個組。 如果陣列不能均勻分割，則最後的塊將是剩餘的元素。(不會改變原始陣列) 範例 let arr1 = ['a','b','c','d','e']; let arr2 = _.chunk(arr1, 2); console.log("arr1",arr1); console.log("arr2",arr2);
- 概述 Promise物件是為了避免多重異步操作導致Callback hell發生而提出的解決方案。 如何使用 我們先建立第一個Promise物件: var promise = new Promise(function(resolve, reject) { // ...
