Tags

Reading Plan

“The more you read, the more things you know. The more that you learn, the more places you’ll go.” ― Dr. Seuss, I Can Read With My Eyes Shut!

In Reading Plan, May 06, 2019

Intro: Github pages and jekyll

Jekyll is a great platform for publishing content, but it can be quite difficult to get up and running on a local environment due to its dependencies.

In Jekyll, tutorial, May 05, 2019

The first mass-produced book to deviate from a rectilinear format

The first mass-produced book to deviate from a rectilinear format, at least in the United States, is thought to be this 1863 edition of Red Riding Hood, cut into the shape of the prot...

In tutorial, Feb 02, 2019

We all wait for summer

This is changed. As I engage in the so-called “bull sessions” around and about the school, I too often find that most college men have a misconception of the purpose of education. Mos...

In Jekyll, tutorial, Jan 28, 2019

Powerful things you can do with the Markdown editor

There are lots of powerful things you can do with the Markdown editor

In Jekyll, tutorial, Jan 24, 2019

Never stopped worrying or loving the bomb

I’ve been through fire and water, I tell you! From my earliest pebblehood the wildest things you could imagine have been happening to this world of ours, and I have been right in the ...

In Jekyll, Jan 22, 2019

Markdown Example

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common wa...

In Jekyll, tutorial, Jan 19, 2019

summer

Powerful things you can do with the Markdown editor

There are lots of powerful things you can do with the Markdown editor. If you’ve gotten pretty comfortable with writing in Markdown, then you may enjoy some more advanced tips about t...

In Jekyll, tutorial, Feb 03, 2019

workshop

Short talk about Virtual DOM and React diff

簡單整理有關 React Vitual DOM的面試題,同時釐清常被誤解的一些觀念,有空再回來補遺 Virtual DOM 的詳細介紹。

In frontend, Feb 25, 2020

Answers of Front-end Job Interview Coding Questions

Try to answer the front-end job interview coding questions. The original questions could be found in the link below.

In workshop, frontend, Jan 20, 2020

2019-05-24 F2E workshop Day5

17 Media面試題

In workshop, frontend, Jul 09, 2019

2019-06-14 F2E workshop Day6

Day6討論內容:17直播面試題。async、await、promise、setTimeout執行順序複習。

In workshop, frontend, Jun 14, 2019

Learn concurrency mode in Javascript

透過async await setTimeout Promise介紹javascript的運行機制,concurrency mode、event loop、同步任務與異步任務.了解函式運行時背後的邏輯,了解背後運作的原理,我們才可以避免不必要的錯誤產生。

In workshop, frontend, Jun 04, 2019

2019-05-24 F2E workshop Day5

Yahoo 前端工程師 面試經驗分享

In workshop, frontend, May 24, 2019

Design pattern with Javascript

當你開始一個新項目時,你不會立即開始編碼。 首先必須定義項目的目的和範圍,然後列出項目功能或項目說明書。 在你可以開始編碼或者你正在處理更覆雜的項目之後,你應該選擇最適合你項目的設計模式。

In workshop, javascript, May 14, 2019

Front end javascript interviews

JavaScript 的 ES2015 改變了一切。ES2015 規範帶來了很多重大特性 。 modules(模塊)的原生支持,以及不斷發展的函數式編程模式,新的 JavaScript 感覺上完全是一種不同的語言。隨著 ES2016、ES2017 的到來,這股潮流每年都在繼續。

In workshop, frontend, May 14, 2019

2019-05-10 F2E workshop Day4

Day4 討論內容: 費氏數列遞迴&迭代解 setTimeout面試題 頁面渲染過程

In workshop, frontend, May 10, 2019

2019-04-14 F2E workshop Day1

Day1 討論leetcode入門題 Two Sum```javascript/** [1] Two Sum https://leetcode.com/problems/two-sum/description/ * algorithms * Easy (40.17%) * Source Code: 1.two-sum.js...

In workshop, frontend, Apr 14, 2019

frontend

[翻釋]2021最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案: Angular vs React vs Vue。

In frontend, May 07, 2021

Vue3 計算屬性 computed

根據官方文件,computed 設計的初衷是避免開發者在樣板區塊放入太多的邏輯。我們在管理數據時會希望資料來源一致,假如有兩個變數,變數2的數值是可以經由變數1推導得到,我們就該將它們簡化成一個變數加上一個computed物件,日後就不必維護兩個變數。

In vue3, Sep 27, 2020

vue3 事件監聽 v-on

我們可以使用 v-on 指令去監聽 DOM 事件,並且在事件被觸發時執行我們定義的 Javscript 函數

In vue3, Sep 26, 2020

Vue3 響應式原理

Vue.js 其中一個核心思想是數據驅動,它提供了一個 MVVM 風格的雙向綁定 Javascript 庫。所謂數據驔動是指視圖是根據數據生成的,開發者不用直接去操作 DOM 以及煩惱頁面的事件綁定,可以專注在前端的邏輯與數據管理。此外 Vue 還會對操作進行監聽,當視圖發生改變時,Vue監聽到這些變化,會對數據進行相應的修改,從而形成了數據的雙向綁定。 MVV...

In vue3, Sep 25, 2020

vue 列表式渲染 v-for

v-for指令是提供了一個動態渲染 array 或是 Object的方法,我們可以在<template>區塊使用 item in items的語法來呼叫v-for進行動態渲染。

In vue3, Sep 24, 2020

vue 條件式渲染part2 v-show

另一個條件式渲染的指令是v-show,它的語法和v-if雷同,都是根據跟隨其後的表達句的Truthy或Falsy來顯示或隱藏元素。

In vue3, Sep 23, 2020

vue 條件式渲染 v-if v-else v-else-if

我們在前面的章節裡學會了怎麼把數據綁定到HTML元素上,動態的生成我們所想要的頁面。但我們不會總是希望將所有的內容都呈現到網頁上,在某些情況我們會想要根據某些條件,將HTML元素隱藏、顯示、插入或移除。

In vue3, Sep 22, 2020

Directives指令初探: v-bind 屬性綁定

前一章提到的數據綁定 {{}} Mustache語法 不能直接作用在 HTML屬性或方法上,因此當我們想要動態綁定 HTML屬性或方法時,就需要 Directives指令 的幫忙。

In vue3, Sep 21, 2020

Vue3 數據綁定

前面我們介紹過 Vue Composition API的組織結構,如何在 .vue 檔案寫進html、vue component和style,也教了怎麼配置Webpack去解析及打包我們的前端項目,一切就緒後就可以準備正式進入 Vue3 的世界了。

In vue3 tutorial, Sep 15, 2020

Vue3: Composition api

首先,我們先來看一下 Vue2 的 Options Api 於大規模網路應用程序中的侷限性,它主要存在著以下三個缺點: 大型組件很難維護 組件邏輯複用困難 對Typescript的支持有限

In vue3 tutorial, Sep 02, 2020

Vue3: Single file component

假使你是一個剛起步學習Vue的前端工程師,你很有可能在官方教程 學到如何在網頁中導入Vue框架: 在 <script> 標籤中直接引用。這確實是最有效率的Vue導入方式。

In vue3 tutorial, Sep 01, 2020

淺談 Bundle、Webpack與Vue-CLI

網頁(Web Page)進化成網頁應用程式(Web Application, 以下簡稱Web App)會具現以下特點: 更多的JavaScript 更多的用戶界面 網頁在提供服務的過程中,盡可能少刷新整個頁面

In vue3 tutorial, Aug 28, 2020

Node.js在不同平台上的安裝方法

Node.js是一個基於Chrome V8引擎的javascript的運行環境,其特點是單線程、事件驅動,非阻塞I/O模型,非常輕便高效,其包管理工具npm,是全球最大的開源庫生態系統。

In vue3 tutorial, Aug 27, 2020

[翻釋]2020最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案:Angular vs React vs Vue。

In frontend, Aug 08, 2020

How to create a Vue 3 Project

踏入Vue 3的第一步,讓我們學習如何安裝、創建和配置一個Vue3的專案項目吧。 溫馨提醞: 在google以”Vue 3” “安裝”為關鍵字的搜尋結果大多是vue-cli3的安裝教學,千萬要小心圖文不符的教學文章。

In frontend, Aug 05, 2020

Vue3 Overview

2018年Node.js 開發之父在JSconf 2018 點評了十個 Node.js 的設計錯誤,並提出了一個終極解決方案 - DenoDeno當時在中國引起了一波熱烈的討論,因為有一個很皮的工程師發了一個issue #25

In vue3 tutorial, Aug 03, 2020

Vue.js教程系列文大綱

準備開啟一個關於Vue.js教學的新系列,內容會使用到一些網路上的免費資源,例如: Vue Mastery Vue 官方教程 Code Sandbox

In frontend, Aug 02, 2020

Frontend Interview Exercise

Front Interview Questions and Answers including javascript, css, vanilla.js and some situational problem.

In frontend, interview, Apr 29, 2020

Short talk about Virtual DOM and React diff

簡單整理有關 React Vitual DOM的面試題,同時釐清常被誤解的一些觀念,有空再回來補遺 Virtual DOM 的詳細介紹。

In frontend, Feb 25, 2020

Answers of Front-end Job Interview Coding Questions

Try to answer the front-end job interview coding questions. The original questions could be found in the link below.

In workshop, frontend, Jan 20, 2020

2019-05-24 F2E workshop Day5

17 Media面試題

In workshop, frontend, Jul 09, 2019

2019-06-14 F2E workshop Day6

Day6討論內容:17直播面試題。async、await、promise、setTimeout執行順序複習。

In workshop, frontend, Jun 14, 2019

Learn concurrency mode in Javascript

透過async await setTimeout Promise介紹javascript的運行機制,concurrency mode、event loop、同步任務與異步任務.了解函式運行時背後的邏輯,了解背後運作的原理,我們才可以避免不必要的錯誤產生。

In workshop, frontend, Jun 04, 2019

2019-05-31 F2E workshop Day

Yahoo筆試 js 的 == & === 的差別? Linked List 插入、刪除、搜尋的時間複雜度 插入 O(1)刪除 O(1)搜尋 O(n)

In workshop, frontend, May 31, 2019

Essential Javascript Interview Questions

In software development interviews have different stages and go beyond the usual “where do you see yourself in five years?” cliche. In order to know if someone is right for the job yo...

In Frontend, Interview, May 29, 2019

2019-05-24 F2E workshop Day5

Yahoo 前端工程師 面試經驗分享

In workshop, frontend, May 24, 2019

Design pattern with Javascript

當你開始一個新項目時,你不會立即開始編碼。 首先必須定義項目的目的和範圍,然後列出項目功能或項目說明書。 在你可以開始編碼或者你正在處理更覆雜的項目之後,你應該選擇最適合你項目的設計模式。

In workshop, javascript, May 14, 2019

Front end javascript interviews

JavaScript 的 ES2015 改變了一切。ES2015 規範帶來了很多重大特性 。 modules(模塊)的原生支持,以及不斷發展的函數式編程模式,新的 JavaScript 感覺上完全是一種不同的語言。隨著 ES2016、ES2017 的到來,這股潮流每年都在繼續。

In workshop, frontend, May 14, 2019

2019-05-10 F2E workshop Day4

Day4 討論內容: 費氏數列遞迴&迭代解 setTimeout面試題 頁面渲染過程

In workshop, frontend, May 10, 2019

Cracking F2E interview part1

F2E面試筆記,題型分類:

In Frontend, Interview, May 10, 2019

Cracking the front-end interview

摘要此文章紀錄了前端學習過程的資源,包含以下項目: 如何學習javascipt、css、html 網路上的面試心得分享 前端面試考題(含筆試與概念)

In Frontend, Interview, May 04, 2019

2019-04-14 F2E workshop Day1

Day1 討論leetcode入門題 Two Sum```javascript/** [1] Two Sum https://leetcode.com/problems/two-sum/description/ * algorithms * Easy (40.17%) * Source Code: 1.two-sum.js...

In workshop, frontend, Apr 14, 2019

jekyll

How to crosspost article from jekyll to medium

It’s a pure record about how to crosspost from jekyll to medium with jekyll-crosspost-to-medium plugin.

In jekyll, Apr 13, 2020

Add Syntax Highlighting to your Jekyll site with Rouge

整理文章時發現Jekyll解析markdown時並沒有把code block做出syntax highlight的效果,程式碼看起來不舒服。

In jekyll, Nov 10, 2019

Intro: Github pages and jekyll

Jekyll is a great platform for publishing content, but it can be quite difficult to get up and running on a local environment due to its dependencies.

In Jekyll, tutorial, May 05, 2019

blog

Intro: Github pages and jekyll

Jekyll is a great platform for publishing content, but it can be quite difficult to get up and running on a local environment due to its dependencies.

In Jekyll, tutorial, May 05, 2019

github page

leetcode

[Leetcode] Python刷題黑魔法

分享一些 Python3 刷 Leetcode 的小技巧,善用這些技巧可以讓code變得更簡潔,也可以讓解題過程更加舒適潤滑,當然這些技巧有人喜歡,也有人不喜歡,姑且稱之它為黑魔法吧。

In leetcode, python, Mar 06, 2023

演算法 - 尺取法

適用題型在給定的一組數據 中找到不大於頰一個上限的”最優連續子序列”核心思想尺取法是雙指標的應用類型,用兩個指標保存選取區間的左右端點,並且依據題目的條件不斷推進區間的左右端點,直到遍歷剛整個數組為止。

In leetcode, algorithm, Oct 07, 2019

How to solve problem on leecode - Array

IntroductionThe most common way is to traverse the array, manipulating each element. The other approach is to use double Pointers.

In Leetcode, May 03, 2019

algorithms

How to solve problem on leecode - Array

IntroductionThe most common way is to traverse the array, manipulating each element. The other approach is to use double Pointers.

In Leetcode, May 03, 2019

data structure

How to solve problem on leecode - Array

IntroductionThe most common way is to traverse the array, manipulating each element. The other approach is to use double Pointers.

In Leetcode, May 03, 2019

array

Javascript - Flatten/Merge Array

Merge/Flatten Array在 StackOverflow 上看到了一個經典問題 - Array Flatten ,七年前提問的,但是到15天前還有人回應,引起了我的興趣,那麼就來記錄&實作 Flatten有哪些實現的方法吧。

In javascript, Nov 06, 2019

Cracking the coding interview - Array

Questions Is Unique: Implement an algorithm to determine if a string has all unique characters. What if you cannot use additional data structures?

In interview, array, Jul 07, 2019

How to solve problem on leecode - Array

IntroductionThe most common way is to traverse the array, manipulating each element. The other approach is to use double Pointers.

In Leetcode, May 03, 2019

interview

[Interview] 軟體工程師 面試 反問環節問題清單

你是不是每次到了面試最後一個階段的反問環節就會感到措手不及,問多了面試官拒絕回答,問少了又被質疑是不是對工作內容或是公司不夠了解。假如你有上述的困難,這篇文章會是你需要的。

In interview, software, Mar 05, 2023

[Interview] 17 Media Backend

以下是網路上找到的 17 Media 後端面試題目,並且加上個人的解法。

In interview, backend, Mar 04, 2023

Frontend Interview Exercise

Front Interview Questions and Answers including javascript, css, vanilla.js and some situational problem.

In frontend, interview, Apr 29, 2020

Answers of Front-end Job Interview Coding Questions

Try to answer the front-end job interview coding questions. The original questions could be found in the link below.

In workshop, frontend, Jan 20, 2020

Cracking the coding interview - Stacks and Queues

IntroductionQuestions Three in One:Describe how you could use a single array to implement three stacks. Stack Min:How would you design a stack which, in addition to push and pop, ha...

In interview, stack, queue, Aug 12, 2019

Sharing - self-reflection of job interview

AI類題目1) 給input size和convolution kernel size,然後問output大小和參數量 2) data augmentation的方法有什麼 3) supervised、unsupervised、semi-supervised learning的差異 4) 解釋 focal loss 5) VGG、ResNet的差異...

In interview, Aug 12, 2019

Cracking the coding interview - Linked list

IntroductionQuestions Remove Dups:Write code to remove duplicates from an unsorted linked list. FOLLOW UP How would you solve this problem if a temporary buffer is not allowed? Retu...

In interview, linked list, Aug 05, 2019

2019-05-24 F2E workshop Day5

17 Media面試題

In workshop, frontend, Jul 09, 2019

Cracking the coding interview - Array

Questions Is Unique: Implement an algorithm to determine if a string has all unique characters. What if you cannot use additional data structures?

In interview, array, Jul 07, 2019

2019-05-31 F2E workshop Day

Yahoo筆試 js 的 == & === 的差別? Linked List 插入、刪除、搜尋的時間複雜度 插入 O(1)刪除 O(1)搜尋 O(n)

In workshop, frontend, May 31, 2019

110 Python interview questions & solutions

這是給Python開發者準備的110道筆試面試題,建議每道題都要認真刷一遍,有些題可以嘗試用多種方式來解答,甚至做延伸學習,

In Python, Interview, May 29, 2019

Essential Javascript Interview Questions

In software development interviews have different stages and go beyond the usual “where do you see yourself in five years?” cliche. In order to know if someone is right for the job yo...

In Frontend, Interview, May 29, 2019

2019-05-24 F2E workshop Day5

Yahoo 前端工程師 面試經驗分享

In workshop, frontend, May 24, 2019

110 Python interview questions

這是給Python開發者準備的110道筆試面試題,建議每道題都要認真刷一遍,有些題可以嘗試用多種方式來解答,甚至做延伸學習,

In Python, Interview, May 16, 2019

Front end javascript interviews

JavaScript 的 ES2015 改變了一切。ES2015 規範帶來了很多重大特性 。 modules(模塊)的原生支持,以及不斷發展的函數式編程模式,新的 JavaScript 感覺上完全是一種不同的語言。隨著 ES2016、ES2017 的到來,這股潮流每年都在繼續。

In workshop, frontend, May 14, 2019

瀏覽器的渲染過程與原理科普

A fluent website is like a work of art.The veteran front-end develop must have knowledge of three areas: HTML, Javascript, and CSS. In addition to writing high-quality code, make sure...

In javascript, May 11, 2019

Cracking F2E interview part1

F2E面試筆記,題型分類:

In Frontend, Interview, May 10, 2019

Cracking the front-end interview

摘要此文章紀錄了前端學習過程的資源,包含以下項目: 如何學習javascipt、css、html 網路上的面試心得分享 前端面試考題(含筆試與概念)

In Frontend, Interview, May 04, 2019

javascript

Vue3 數據綁定

前面我們介紹過 Vue Composition API的組織結構,如何在 .vue 檔案寫進html、vue component和style,也教了怎麼配置Webpack去解析及打包我們的前端項目,一切就緒後就可以準備正式進入 Vue3 的世界了。

In vue3 tutorial, Sep 15, 2020

Vue3: Composition api

首先,我們先來看一下 Vue2 的 Options Api 於大規模網路應用程序中的侷限性,它主要存在著以下三個缺點: 大型組件很難維護 組件邏輯複用困難 對Typescript的支持有限

In vue3 tutorial, Sep 02, 2020

Vue3: Single file component

假使你是一個剛起步學習Vue的前端工程師,你很有可能在官方教程 學到如何在網頁中導入Vue框架: 在 <script> 標籤中直接引用。這確實是最有效率的Vue導入方式。

In vue3 tutorial, Sep 01, 2020

Frontend Interview Exercise

Front Interview Questions and Answers including javascript, css, vanilla.js and some situational problem.

In frontend, interview, Apr 29, 2020

Javascript - Arrow function cheat sheet

Cheatsheet箭號函數宣告 Cheatsheet```javascript//顯式Return, 多行a => { return a}

In javascript, Nov 07, 2019

Javascript - Flatten/Merge Array

Merge/Flatten Array在 StackOverflow 上看到了一個經典問題 - Array Flatten ,七年前提問的,但是到15天前還有人回應,引起了我的興趣,那麼就來記錄&實作 Flatten有哪些實現的方法吧。

In javascript, Nov 06, 2019

Learn concurrency mode in Javascript

透過async await setTimeout Promise介紹javascript的運行機制,concurrency mode、event loop、同步任務與異步任務.了解函式運行時背後的邏輯,了解背後運作的原理,我們才可以避免不必要的錯誤產生。

In workshop, frontend, Jun 04, 2019

2019-05-31 F2E workshop Day

Yahoo筆試 js 的 == & === 的差別? Linked List 插入、刪除、搜尋的時間複雜度 插入 O(1)刪除 O(1)搜尋 O(n)

In workshop, frontend, May 31, 2019

Essential Javascript Interview Questions

In software development interviews have different stages and go beyond the usual “where do you see yourself in five years?” cliche. In order to know if someone is right for the job yo...

In Frontend, Interview, May 29, 2019

Design pattern with Javascript

當你開始一個新項目時,你不會立即開始編碼。 首先必須定義項目的目的和範圍,然後列出項目功能或項目說明書。 在你可以開始編碼或者你正在處理更覆雜的項目之後,你應該選擇最適合你項目的設計模式。

In workshop, javascript, May 14, 2019

Front end javascript interviews

JavaScript 的 ES2015 改變了一切。ES2015 規範帶來了很多重大特性 。 modules(模塊)的原生支持,以及不斷發展的函數式編程模式,新的 JavaScript 感覺上完全是一種不同的語言。隨著 ES2016、ES2017 的到來,這股潮流每年都在繼續。

In workshop, frontend, May 14, 2019

瀏覽器的渲染過程與原理科普

A fluent website is like a work of art.The veteran front-end develop must have knowledge of three areas: HTML, Javascript, and CSS. In addition to writing high-quality code, make sure...

In javascript, May 11, 2019

Cracking F2E interview part1

F2E面試筆記,題型分類:

In Frontend, Interview, May 10, 2019

Cracking the front-end interview

摘要此文章紀錄了前端學習過程的資源,包含以下項目: 如何學習javascipt、css、html 網路上的面試心得分享 前端面試考題(含筆試與概念)

In Frontend, Interview, May 04, 2019

tutorial

Intro: Github pages and jekyll

Jekyll is a great platform for publishing content, but it can be quite difficult to get up and running on a local environment due to its dependencies.

In Jekyll, tutorial, May 05, 2019

github pages

Intro: Github pages and jekyll

Jekyll is a great platform for publishing content, but it can be quite difficult to get up and running on a local environment due to its dependencies.

In Jekyll, tutorial, May 05, 2019

reading

Reading Plan

“The more you read, the more things you know. The more that you learn, the more places you’ll go.” ― Dr. Seuss, I Can Read With My Eyes Shut!

In Reading Plan, May 06, 2019

learning

Reading Plan

“The more you read, the more things you know. The more that you learn, the more places you’ll go.” ― Dr. Seuss, I Can Read With My Eyes Shut!

In Reading Plan, May 06, 2019

recommend

Reading Plan

“The more you read, the more things you know. The more that you learn, the more places you’ll go.” ― Dr. Seuss, I Can Read With My Eyes Shut!

In Reading Plan, May 06, 2019

books list

Reading Plan

“The more you read, the more things you know. The more that you learn, the more places you’ll go.” ― Dr. Seuss, I Can Read With My Eyes Shut!

In Reading Plan, May 06, 2019

sticky

Reading Plan

“The more you read, the more things you know. The more that you learn, the more places you’ll go.” ― Dr. Seuss, I Can Read With My Eyes Shut!

In Reading Plan, May 06, 2019

Reading List

Reflection: Learning how to communite in one min

「傾聽」這個簡單的詞涵蓋許許多多的內容。心理學的傾聽包含深入關注對方話語的技巧,諮詢師通過這種方法,挖掘對方的談話內容。

In reading, May 20, 2019

Reflection: Habit Stacking

Small daily improvements over time lead to stunning results.–Robin Sharma.

In reading, May 13, 2019

Reflection: A mind for numbers

“An ingeniously accessible introduction to the science of human cognition—along with practical advice on how to think better.”—James Taranto, The Wall Street Journal

In Reflection, May 06, 2019

Reflection

Reflection: A mind for numbers

“An ingeniously accessible introduction to the science of human cognition—along with practical advice on how to think better.”—James Taranto, The Wall Street Journal

In Reflection, May 06, 2019

Reflection: Learning how to communite in one min

「傾聽」這個簡單的詞涵蓋許許多多的內容。心理學的傾聽包含深入關注對方話語的技巧,諮詢師通過這種方法,挖掘對方的談話內容。

In reading, May 20, 2019

Reflection: Habit Stacking

Small daily improvements over time lead to stunning results.–Robin Sharma.

In reading, May 13, 2019

Reflection: A mind for numbers

“An ingeniously accessible introduction to the science of human cognition—along with practical advice on how to think better.”—James Taranto, The Wall Street Journal

In Reflection, May 06, 2019

soft skill

Reflection: Learning how to communite in one min

「傾聽」這個簡單的詞涵蓋許許多多的內容。心理學的傾聽包含深入關注對方話語的技巧,諮詢師通過這種方法,挖掘對方的談話內容。

In reading, May 20, 2019

Reflection: Habit Stacking

Small daily improvements over time lead to stunning results.–Robin Sharma.

In reading, May 13, 2019

Reflection: A mind for numbers

“An ingeniously accessible introduction to the science of human cognition—along with practical advice on how to think better.”—James Taranto, The Wall Street Journal

In Reflection, May 06, 2019

css3

Cracking F2E interview part1

F2E面試筆記,題型分類:

In Frontend, Interview, May 10, 2019

html5

Cracking F2E interview part1

F2E面試筆記,題型分類:

In Frontend, Interview, May 10, 2019

css

Frontend Interview Exercise

Front Interview Questions and Answers including javascript, css, vanilla.js and some situational problem.

In frontend, interview, Apr 29, 2020

瀏覽器的渲染過程與原理科普

A fluent website is like a work of art.The veteran front-end develop must have knowledge of three areas: HTML, Javascript, and CSS. In addition to writing high-quality code, make sure...

In javascript, May 11, 2019

html

瀏覽器的渲染過程與原理科普

A fluent website is like a work of art.The veteran front-end develop must have knowledge of three areas: HTML, Javascript, and CSS. In addition to writing high-quality code, make sure...

In javascript, May 11, 2019

render

瀏覽器的渲染過程與原理科普

A fluent website is like a work of art.The veteran front-end develop must have knowledge of three areas: HTML, Javascript, and CSS. In addition to writing high-quality code, make sure...

In javascript, May 11, 2019

javascript interview questions

Discussion of Fibonacci sequence.

Fibonacci為1200年代的歐洲數學家,在他的著作中曾經提到:「若有一隻免子每個月生一隻小免子,一個月後小免子也開始生產。起初只有一隻 免 子,一個月後就有兩隻免子,二個月後有三隻免子,三個月後有五隻免子(小免子投入生產)……」。若是把兔子的總數目隨著時間變化以數列的形式表示,便可得到知名的費氏數列(Fibonacci sequence)。

In javascript, interview, May 11, 2019

recursive

Discussion of Fibonacci sequence.

Fibonacci為1200年代的歐洲數學家,在他的著作中曾經提到:「若有一隻免子每個月生一隻小免子,一個月後小免子也開始生產。起初只有一隻 免 子,一個月後就有兩隻免子,二個月後有三隻免子,三個月後有五隻免子(小免子投入生產)……」。若是把兔子的總數目隨著時間變化以數列的形式表示,便可得到知名的費氏數列(Fibonacci sequence)。

In javascript, interview, May 11, 2019

fibonicci

Discussion of Fibonacci sequence.

Fibonacci為1200年代的歐洲數學家,在他的著作中曾經提到:「若有一隻免子每個月生一隻小免子,一個月後小免子也開始生產。起初只有一隻 免 子,一個月後就有兩隻免子,二個月後有三隻免子,三個月後有五隻免子(小免子投入生產)……」。若是把兔子的總數目隨著時間變化以數列的形式表示,便可得到知名的費氏數列(Fibonacci sequence)。

In javascript, interview, May 11, 2019

design pattern

Design pattern with Javascript

當你開始一個新項目時,你不會立即開始編碼。 首先必須定義項目的目的和範圍,然後列出項目功能或項目說明書。 在你可以開始編碼或者你正在處理更覆雜的項目之後,你應該選擇最適合你項目的設計模式。

In workshop, javascript, May 14, 2019

linux

RPM包 - rpmbuild SPEC文件說明

為什麽要制作rpm包,以及如何使用.src.rpm文件生成rpm包。最後部分還看到.src.rpm的內容,實際上 就是由.tar.gz源碼、補丁軟件和.spec腳本組成的。由此知道,使用.spec生成rpm包是比較簡單的,因為.src.rpm通常都是由軟件開 發者或者第三方的專業制作人根據源碼調試好的,所以,只要處理好平台兼容性和相關的版本,不會遇到太大的問題。但...

In rpm, Jun 14, 2019

Console getty respawns and crashes.

An error was reported in log files (var/log/).

In Linux, May 27, 2019

WARNING REMOTE HOST IDENTIFICATION HAS CHANGED

Whenever you encounter this warning during using ssh to remote server. You can try following solution to solve this problem.

In Linux, May 15, 2019

host

WARNING REMOTE HOST IDENTIFICATION HAS CHANGED

Whenever you encounter this warning during using ssh to remote server. You can try following solution to solve this problem.

In Linux, May 15, 2019

remote

WARNING REMOTE HOST IDENTIFICATION HAS CHANGED

Whenever you encounter this warning during using ssh to remote server. You can try following solution to solve this problem.

In Linux, May 15, 2019

warning

WARNING REMOTE HOST IDENTIFICATION HAS CHANGED

Whenever you encounter this warning during using ssh to remote server. You can try following solution to solve this problem.

In Linux, May 15, 2019

python

[Leetcode] Python刷題黑魔法

分享一些 Python3 刷 Leetcode 的小技巧,善用這些技巧可以讓code變得更簡潔,也可以讓解題過程更加舒適潤滑,當然這些技巧有人喜歡,也有人不喜歡,姑且稱之它為黑魔法吧。

In leetcode, python, Mar 06, 2023

如何使用Python的日誌模組提高生產力

日誌記錄是程序員工具箱中非常有用的工具。它可以幫助您更好地理解程序的流程,並發現在開發過程中可能沒有想到的場景。

In python, Aug 07, 2020

[Issue] Could not find the Qt platform plugin "cocoa" in ""

純粹記錄執行Opencv的程式碼時所遇到的問題,今天在MacOS的環境測試相關程式碼時,terminal拋出下面這條錯誤訊息:```bashqt.qpa.plugin: Could not find the Qt platform plugin “cocoa” in “”This application failed to start because no Qt ...

In python, Feb 13, 2020

Iterator in Python

DefinitionIterator is any type of python object that can be used in ‘for loop’.An iterator must implement the following methods: _iter_ next (_next_ in python3)

In python, Nov 15, 2019

Generator in Python

Definitiongenerator-functionA generator-function is defined like a normal function. But it uses the “yiled” keyword to generate a new value rather than “return”. If the body of a def ...

In python, Nov 15, 2019

Python package/dependency management - setup.py

python setup.py 淺析熟悉也陌生的腳本:setup.py在 setup.py 裡,定義了以下的內容: Who : 是誰開發了這個套件 What : 套件的功用是什麼 How : 需要哪些相依的套件才能工作

In python, Nov 04, 2019

Python Naming Conventions

Python Naming Conventions General Avoid using names that are too general or too wordy. Strike a good balance between the two. Bad: data_structure, my_list, info_map, di...

In Python, Sep 11, 2019

110 Python interview questions & solutions

這是給Python開發者準備的110道筆試面試題,建議每道題都要認真刷一遍,有些題可以嘗試用多種方式來解答,甚至做延伸學習,

In Python, Interview, May 29, 2019

110 Python interview questions

這是給Python開發者準備的110道筆試面試題,建議每道題都要認真刷一遍,有些題可以嘗試用多種方式來解答,甚至做延伸學習,

In Python, Interview, May 16, 2019

yahoo

2019-05-24 F2E workshop Day5

Yahoo 前端工程師 面試經驗分享

In workshop, frontend, May 24, 2019

questions

Answers of Front-end Job Interview Coding Questions

Try to answer the front-end job interview coding questions. The original questions could be found in the link below.

In workshop, frontend, Jan 20, 2020

2019-05-24 F2E workshop Day5

17 Media面試題

In workshop, frontend, Jul 09, 2019

2019-05-31 F2E workshop Day

Yahoo筆試 js 的 == & === 的差別? Linked List 插入、刪除、搜尋的時間複雜度 插入 O(1)刪除 O(1)搜尋 O(n)

In workshop, frontend, May 31, 2019

Essential Javascript Interview Questions

In software development interviews have different stages and go beyond the usual “where do you see yourself in five years?” cliche. In order to know if someone is right for the job yo...

In Frontend, Interview, May 29, 2019

2019-05-24 F2E workshop Day5

Yahoo 前端工程師 面試經驗分享

In workshop, frontend, May 24, 2019

issue

Console getty respawns and crashes.

An error was reported in log files (var/log/).

In Linux, May 27, 2019

solutions

110 Python interview questions & solutions

這是給Python開發者準備的110道筆試面試題,建議每道題都要認真刷一遍,有些題可以嘗試用多種方式來解答,甚至做延伸學習,

In Python, Interview, May 29, 2019

concurrency mode

Learn concurrency mode in Javascript

透過async await setTimeout Promise介紹javascript的運行機制,concurrency mode、event loop、同步任務與異步任務.了解函式運行時背後的邏輯,了解背後運作的原理,我們才可以避免不必要的錯誤產生。

In workshop, frontend, Jun 04, 2019

rpm

RPM包 - rpmbuild SPEC文件說明

為什麽要制作rpm包,以及如何使用.src.rpm文件生成rpm包。最後部分還看到.src.rpm的內容,實際上 就是由.tar.gz源碼、補丁軟件和.spec腳本組成的。由此知道,使用.spec生成rpm包是比較簡單的,因為.src.rpm通常都是由軟件開 發者或者第三方的專業制作人根據源碼調試好的,所以,只要處理好平台兼容性和相關的版本,不會遇到太大的問題。但...

In rpm, Jun 14, 2019

spec

RPM包 - rpmbuild SPEC文件說明

為什麽要制作rpm包,以及如何使用.src.rpm文件生成rpm包。最後部分還看到.src.rpm的內容,實際上 就是由.tar.gz源碼、補丁軟件和.spec腳本組成的。由此知道,使用.spec生成rpm包是比較簡單的,因為.src.rpm通常都是由軟件開 發者或者第三方的專業制作人根據源碼調試好的,所以,只要處理好平台兼容性和相關的版本,不會遇到太大的問題。但...

In rpm, Jun 14, 2019

17 Media

Answers of Front-end Job Interview Coding Questions

Try to answer the front-end job interview coding questions. The original questions could be found in the link below.

In workshop, frontend, Jan 20, 2020

2019-05-24 F2E workshop Day5

17 Media面試題

In workshop, frontend, Jul 09, 2019

linked list

Cracking the coding interview - Linked list

IntroductionQuestions Remove Dups:Write code to remove duplicates from an unsorted linked list. FOLLOW UP How would you solve this problem if a temporary buffer is not allowed? Retu...

In interview, linked list, Aug 05, 2019

stack

Cracking the coding interview - Stacks and Queues

IntroductionQuestions Three in One:Describe how you could use a single array to implement three stacks. Stack Min:How would you design a stack which, in addition to push and pop, ha...

In interview, stack, queue, Aug 12, 2019

queue

Cracking the coding interview - Stacks and Queues

IntroductionQuestions Three in One:Describe how you could use a single array to implement three stacks. Stack Min:How would you design a stack which, in addition to push and pop, ha...

In interview, stack, queue, Aug 12, 2019

website

[Sharing] Resource for preparing on-line coding interview

There are some great websites where you can practice your program skill, prepare the coding interview and mock the online coding test.WebsitePrampInterviewing: the most profitable sk...

In sharing, interview, Aug 27, 2019

practice

[Sharing] Resource for preparing on-line coding interview

There are some great websites where you can practice your program skill, prepare the coding interview and mock the online coding test.WebsitePrampInterviewing: the most profitable sk...

In sharing, interview, Aug 27, 2019

online test

[Sharing] Resource for preparing on-line coding interview

There are some great websites where you can practice your program skill, prepare the coding interview and mock the online coding test.WebsitePrampInterviewing: the most profitable sk...

In sharing, interview, Aug 27, 2019

golang

Go語言fmt包的Print方法詳解

Go語言的標準輸出流在打印到屏幕時有些參數跟別的語言(比如C#和Java)不同,下面是我整理的一些常用的格式化輸入操作。

In golang fmt, Sep 09, 2019

go

Day5 資料型態

命名規範Go語言中任何識別字(Identifiers) 變量、常量、函數和自定義類型等,都應該滿足以下規則: 由字母、數字和下划線組成,數字不能當開頭 大小寫有區分,大寫開頭可以外部呼叫,小寫開頭只能內部使用 不能和Go關鍵字衝突

In go, Sep 20, 2019

Day4 workspace

Go Hello World程式組成Go語言的組成分成以下幾個部分: package 聲明 import 引用 func 函數 var 變量 語句 & 表達式 註解讓我們再回到上一篇的Hello World代碼,並且加一些組成讓它豐富一點。

In go, Sep 19, 2019

Day3 環境建置

Go的三種安裝方式和其他語言的安裝類似,Go的安裝有三種方式,從簡單到複雜依序是使用第三方工具安裝、官方二進制包安裝和源碼安裝。

In go, Sep 18, 2019

Day2 Go的發展史

為什麼需要一個新的語言硬體限制 - 摩爾定律正在失效Intel於2004年發佈了第一塊具有3.0GHz時脈速度的Pentium4處理器。目前最新一代Intel Core I9的時脈速度約為3.5-4.0GHz。可以見得在過去的十年裡,CPU的處理能力沒有太大的發展。

In go, Sep 17, 2019

Day1 Index

為什麼我們需要學習Go用於增加開發人員生產力的語言 “Go will be the server language of the future.” — Tobias Lütke, Shopify

In go, Sep 16, 2019

raspberry pi

markdown

Markdown 錨點語法

Markdown 錨點語法規則任意 1-6 個 # 標註的標題都會被添加上同名的錨點鏈接

In markdown, Oct 08, 2019

zsh

How to solve .bash_profile not working in zsh

問題描述將OSX的terminal從bash轉換成zsh,並安裝 oh-my-zsh plugin後,發現 .bash_profile自定義的項目都失效。

In OSX, zsh, Oct 29, 2019

switch from bash to zsh, and install oh-my-zsh on iTerm2

First setup for shell on Mac OS 10.14.2 Mojave.Install oh-my-zsh.

In mac, Oct 16, 2019

ohmyzsh

switch from bash to zsh, and install oh-my-zsh on iTerm2

First setup for shell on Mac OS 10.14.2 Mojave.Install oh-my-zsh.

In mac, Oct 16, 2019

bash_profile

How to solve .bash_profile not working in zsh

問題描述將OSX的terminal從bash轉換成zsh,並安裝 oh-my-zsh plugin後,發現 .bash_profile自定義的項目都失效。

In OSX, zsh, Oct 29, 2019

oh-my-zsh

How to solve .bash_profile not working in zsh

問題描述將OSX的terminal從bash轉換成zsh,並安裝 oh-my-zsh plugin後,發現 .bash_profile自定義的項目都失效。

In OSX, zsh, Oct 29, 2019

setup.py

Python package/dependency management - setup.py

python setup.py 淺析熟悉也陌生的腳本:setup.py在 setup.py 裡,定義了以下的內容: Who : 是誰開發了這個套件 What : 套件的功用是什麼 How : 需要哪些相依的套件才能工作

In python, Nov 04, 2019

flatten

Javascript - Flatten/Merge Array

Merge/Flatten Array在 StackOverflow 上看到了一個經典問題 - Array Flatten ,七年前提問的,但是到15天前還有人回應,引起了我的興趣,那麼就來記錄&實作 Flatten有哪些實現的方法吧。

In javascript, Nov 06, 2019

cheatsheet

Javascript - Arrow function cheat sheet

Cheatsheet箭號函數宣告 Cheatsheet```javascript//顯式Return, 多行a => { return a}

In javascript, Nov 07, 2019

beginer

Javascript - Arrow function cheat sheet

Cheatsheet箭號函數宣告 Cheatsheet```javascript//顯式Return, 多行a => { return a}

In javascript, Nov 07, 2019

rouge

Add Syntax Highlighting to your Jekyll site with Rouge

整理文章時發現Jekyll解析markdown時並沒有把code block做出syntax highlight的效果,程式碼看起來不舒服。

In jekyll, Nov 10, 2019

kramdown

Add Syntax Highlighting to your Jekyll site with Rouge

整理文章時發現Jekyll解析markdown時並沒有把code block做出syntax highlight的效果,程式碼看起來不舒服。

In jekyll, Nov 10, 2019

syntax highlight

Add Syntax Highlighting to your Jekyll site with Rouge

整理文章時發現Jekyll解析markdown時並沒有把code block做出syntax highlight的效果,程式碼看起來不舒服。

In jekyll, Nov 10, 2019

generator

Generator in Python

Definitiongenerator-functionA generator-function is defined like a normal function. But it uses the “yiled” keyword to generate a new value rather than “return”. If the body of a def ...

In python, Nov 15, 2019

iterator

Iterator in Python

DefinitionIterator is any type of python object that can be used in ‘for loop’.An iterator must implement the following methods: _iter_ next (_next_ in python3)

In python, Nov 15, 2019

event loop

sql

SQL order of execution

SQL查詢的書寫順序與執行順序書寫順序SELECT子句是必須的,其他子句如WHERE子句、GROUP BY子句等是可選的。在查詢語句中,子句的順序是固定的,必須嚴格按照以下的順序書寫。SELECT DISTINCT <Select_list>FROM <left_table> <join_type>JOIN<right_t...

In sql, May 15, 2022

SQL Exercise 6:CONCAT

Generate the following two result sets:

In sql, Jan 30, 2020

SQL Exercise 5: Asian Population

Given the CITY and COUNTRY tables, query the sum of the populations of all cities where the CONTINENT is ‘Asia’.

In sql, Jan 30, 2020

SQL Exercise 4:IF

Write a query identifying the type of each record in the TRIANGLES table using its three side lengths. Output one of the following statements for each record in the table:

In sql, Jan 21, 2020

SQL Exercise 3: LIKE REGEX

Query the list of CITY names starting with vowels (i.e., a, e, i, o, or u) from STATION. Your result cannot contain duplicates.Input Format

In sql, Jan 20, 2020

SQL Exercise 2

Query the two cities in STATION with the shortest and longest CITY names, as well as their respective lengths (i.e.: number of characters in the name). If there is more than one small...

In sql, Jan 19, 2020

SQL Exercise 1

Query all columns for all American cities in CITY with populations larger than 100000. The CountryCode for America is USA.

In sql, Jan 18, 2020

TOP 50 SQL interview questions: JOIN

What is a join?JOIN是SQL的關鍵字之一,使用的情境是在多張Table之中Query資料。

In sql, Jan 17, 2020

join

TOP 50 SQL interview questions: JOIN

What is a join?JOIN是SQL的關鍵字之一,使用的情境是在多張Table之中Query資料。

In sql, Jan 17, 2020

exercise

SQL Exercise 6:CONCAT

Generate the following two result sets:

In sql, Jan 30, 2020

SQL Exercise 5: Asian Population

Given the CITY and COUNTRY tables, query the sum of the populations of all cities where the CONTINENT is ‘Asia’.

In sql, Jan 30, 2020

SQL Exercise 4:IF

Write a query identifying the type of each record in the TRIANGLES table using its three side lengths. Output one of the following statements for each record in the table:

In sql, Jan 21, 2020

SQL Exercise 3: LIKE REGEX

Query the list of CITY names starting with vowels (i.e., a, e, i, o, or u) from STATION. Your result cannot contain duplicates.Input Format

In sql, Jan 20, 2020

SQL Exercise 2

Query the two cities in STATION with the shortest and longest CITY names, as well as their respective lengths (i.e.: number of characters in the name). If there is more than one small...

In sql, Jan 19, 2020

SQL Exercise 1

Query all columns for all American cities in CITY with populations larger than 100000. The CountryCode for America is USA.

In sql, Jan 18, 2020

raspberry

Setting up the Raspberry Pi Watchdog!

介紹如何啟用樹莓派的硬體看門狗功能,讓它在系統當機時可以自動重新開機。

In Raspberry, Jan 20, 2020

watchdog

Setting up the Raspberry Pi Watchdog!

介紹如何啟用樹莓派的硬體看門狗功能,讓它在系統當機時可以自動重新開機。

In Raspberry, Jan 20, 2020

opencv

[Issue] Could not find the Qt platform plugin "cocoa" in ""

純粹記錄執行Opencv的程式碼時所遇到的問題,今天在MacOS的環境測試相關程式碼時,terminal拋出下面這條錯誤訊息:```bashqt.qpa.plugin: Could not find the Qt platform plugin “cocoa” in “”This application failed to start because no Qt ...

In python, Feb 13, 2020

mac

[Issue] Could not find the Qt platform plugin "cocoa" in ""

純粹記錄執行Opencv的程式碼時所遇到的問題,今天在MacOS的環境測試相關程式碼時,terminal拋出下面這條錯誤訊息:```bashqt.qpa.plugin: Could not find the Qt platform plugin “cocoa” in “”This application failed to start because no Qt ...

In python, Feb 13, 2020

react

[翻釋]2021最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案: Angular vs React vs Vue。

In frontend, May 07, 2021

[翻釋]2020最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案:Angular vs React vs Vue。

In frontend, Aug 08, 2020

Short talk about Virtual DOM and React diff

簡單整理有關 React Vitual DOM的面試題,同時釐清常被誤解的一些觀念,有空再回來補遺 Virtual DOM 的詳細介紹。

In frontend, Feb 25, 2020

medium

How to crosspost article from jekyll to medium

It’s a pure record about how to crosspost from jekyll to medium with jekyll-crosspost-to-medium plugin.

In jekyll, Apr 13, 2020

vue

[翻釋]2021最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案: Angular vs React vs Vue。

In frontend, May 07, 2021

Vue3 計算屬性 computed

根據官方文件,computed 設計的初衷是避免開發者在樣板區塊放入太多的邏輯。我們在管理數據時會希望資料來源一致,假如有兩個變數,變數2的數值是可以經由變數1推導得到,我們就該將它們簡化成一個變數加上一個computed物件,日後就不必維護兩個變數。

In vue3, Sep 27, 2020

vue3 事件監聽 v-on

我們可以使用 v-on 指令去監聽 DOM 事件,並且在事件被觸發時執行我們定義的 Javscript 函數

In vue3, Sep 26, 2020

Vue3 響應式原理

Vue.js 其中一個核心思想是數據驅動,它提供了一個 MVVM 風格的雙向綁定 Javascript 庫。所謂數據驔動是指視圖是根據數據生成的,開發者不用直接去操作 DOM 以及煩惱頁面的事件綁定,可以專注在前端的邏輯與數據管理。此外 Vue 還會對操作進行監聽,當視圖發生改變時,Vue監聽到這些變化,會對數據進行相應的修改,從而形成了數據的雙向綁定。 MVV...

In vue3, Sep 25, 2020

vue 列表式渲染 v-for

v-for指令是提供了一個動態渲染 array 或是 Object的方法,我們可以在<template>區塊使用 item in items的語法來呼叫v-for進行動態渲染。

In vue3, Sep 24, 2020

vue 條件式渲染part2 v-show

另一個條件式渲染的指令是v-show,它的語法和v-if雷同,都是根據跟隨其後的表達句的Truthy或Falsy來顯示或隱藏元素。

In vue3, Sep 23, 2020

vue 條件式渲染 v-if v-else v-else-if

我們在前面的章節裡學會了怎麼把數據綁定到HTML元素上,動態的生成我們所想要的頁面。但我們不會總是希望將所有的內容都呈現到網頁上,在某些情況我們會想要根據某些條件,將HTML元素隱藏、顯示、插入或移除。

In vue3, Sep 22, 2020

Directives指令初探: v-bind 屬性綁定

前一章提到的數據綁定 {{}} Mustache語法 不能直接作用在 HTML屬性或方法上,因此當我們想要動態綁定 HTML屬性或方法時,就需要 Directives指令 的幫忙。

In vue3, Sep 21, 2020

Vue3 數據綁定

前面我們介紹過 Vue Composition API的組織結構,如何在 .vue 檔案寫進html、vue component和style,也教了怎麼配置Webpack去解析及打包我們的前端項目,一切就緒後就可以準備正式進入 Vue3 的世界了。

In vue3 tutorial, Sep 15, 2020

Vue3: Composition api

首先,我們先來看一下 Vue2 的 Options Api 於大規模網路應用程序中的侷限性,它主要存在著以下三個缺點: 大型組件很難維護 組件邏輯複用困難 對Typescript的支持有限

In vue3 tutorial, Sep 02, 2020

Vue3: Single file component

假使你是一個剛起步學習Vue的前端工程師,你很有可能在官方教程 學到如何在網頁中導入Vue框架: 在 <script> 標籤中直接引用。這確實是最有效率的Vue導入方式。

In vue3 tutorial, Sep 01, 2020

淺談 Bundle、Webpack與Vue-CLI

網頁(Web Page)進化成網頁應用程式(Web Application, 以下簡稱Web App)會具現以下特點: 更多的JavaScript 更多的用戶界面 網頁在提供服務的過程中,盡可能少刷新整個頁面

In vue3 tutorial, Aug 28, 2020

Node.js在不同平台上的安裝方法

Node.js是一個基於Chrome V8引擎的javascript的運行環境,其特點是單線程、事件驅動,非阻塞I/O模型,非常輕便高效,其包管理工具npm,是全球最大的開源庫生態系統。

In vue3 tutorial, Aug 27, 2020

[翻釋]2020最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案:Angular vs React vs Vue。

In frontend, Aug 08, 2020

Vue3 Overview

2018年Node.js 開發之父在JSconf 2018 點評了十個 Node.js 的設計錯誤,並提出了一個終極解決方案 - DenoDeno當時在中國引起了一波熱烈的討論,因為有一個很皮的工程師發了一個issue #25

In vue3 tutorial, Aug 03, 2020

Vue.js教程系列文大綱

準備開啟一個關於Vue.js教學的新系列,內容會使用到一些網路上的免費資源,例如: Vue Mastery Vue 官方教程 Code Sandbox

In frontend, Aug 02, 2020

vue3

Vue3 計算屬性 computed

根據官方文件,computed 設計的初衷是避免開發者在樣板區塊放入太多的邏輯。我們在管理數據時會希望資料來源一致,假如有兩個變數,變數2的數值是可以經由變數1推導得到,我們就該將它們簡化成一個變數加上一個computed物件,日後就不必維護兩個變數。

In vue3, Sep 27, 2020

vue3 事件監聽 v-on

我們可以使用 v-on 指令去監聽 DOM 事件,並且在事件被觸發時執行我們定義的 Javscript 函數

In vue3, Sep 26, 2020

Vue3 響應式原理

Vue.js 其中一個核心思想是數據驅動,它提供了一個 MVVM 風格的雙向綁定 Javascript 庫。所謂數據驔動是指視圖是根據數據生成的,開發者不用直接去操作 DOM 以及煩惱頁面的事件綁定,可以專注在前端的邏輯與數據管理。此外 Vue 還會對操作進行監聽,當視圖發生改變時,Vue監聽到這些變化,會對數據進行相應的修改,從而形成了數據的雙向綁定。 MVV...

In vue3, Sep 25, 2020

vue 列表式渲染 v-for

v-for指令是提供了一個動態渲染 array 或是 Object的方法,我們可以在<template>區塊使用 item in items的語法來呼叫v-for進行動態渲染。

In vue3, Sep 24, 2020

vue 條件式渲染part2 v-show

另一個條件式渲染的指令是v-show,它的語法和v-if雷同,都是根據跟隨其後的表達句的Truthy或Falsy來顯示或隱藏元素。

In vue3, Sep 23, 2020

vue 條件式渲染 v-if v-else v-else-if

我們在前面的章節裡學會了怎麼把數據綁定到HTML元素上,動態的生成我們所想要的頁面。但我們不會總是希望將所有的內容都呈現到網頁上,在某些情況我們會想要根據某些條件,將HTML元素隱藏、顯示、插入或移除。

In vue3, Sep 22, 2020

Directives指令初探: v-bind 屬性綁定

前一章提到的數據綁定 {{}} Mustache語法 不能直接作用在 HTML屬性或方法上,因此當我們想要動態綁定 HTML屬性或方法時,就需要 Directives指令 的幫忙。

In vue3, Sep 21, 2020

How to create a Vue 3 Project

踏入Vue 3的第一步,讓我們學習如何安裝、創建和配置一個Vue3的專案項目吧。 溫馨提醞: 在google以”Vue 3” “安裝”為關鍵字的搜尋結果大多是vue-cli3的安裝教學,千萬要小心圖文不符的教學文章。

In frontend, Aug 05, 2020

logging

如何使用Python的日誌模組提高生產力

日誌記錄是程序員工具箱中非常有用的工具。它可以幫助您更好地理解程序的流程,並發現在開發過程中可能沒有想到的場景。

In python, Aug 07, 2020

angular

[翻釋]2021最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案: Angular vs React vs Vue。

In frontend, May 07, 2021

[翻釋]2020最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案:Angular vs React vs Vue。

In frontend, Aug 08, 2020

framework

[翻釋]2021最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案: Angular vs React vs Vue。

In frontend, May 07, 2021

[翻釋]2020最值得學習的前端框架:React vs Angular vs Vue

這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案:Angular vs React vs Vue。

In frontend, Aug 08, 2020

nodejs

Node.js在不同平台上的安裝方法

Node.js是一個基於Chrome V8引擎的javascript的運行環境,其特點是單線程、事件驅動,非阻塞I/O模型,非常輕便高效,其包管理工具npm,是全球最大的開源庫生態系統。

In vue3 tutorial, Aug 27, 2020

webpack

淺談 Bundle、Webpack與Vue-CLI

網頁(Web Page)進化成網頁應用程式(Web Application, 以下簡稱Web App)會具現以下特點: 更多的JavaScript 更多的用戶界面 網頁在提供服務的過程中,盡可能少刷新整個頁面

In vue3 tutorial, Aug 28, 2020

vue-cli

淺談 Bundle、Webpack與Vue-CLI

網頁(Web Page)進化成網頁應用程式(Web Application, 以下簡稱Web App)會具現以下特點: 更多的JavaScript 更多的用戶界面 網頁在提供服務的過程中,盡可能少刷新整個頁面

In vue3 tutorial, Aug 28, 2020

SFC

Vue3: Single file component

假使你是一個剛起步學習Vue的前端工程師,你很有可能在官方教程 學到如何在網頁中導入Vue框架: 在 <script> 標籤中直接引用。這確實是最有效率的Vue導入方式。

In vue3 tutorial, Sep 01, 2020

single file component

Vue3: Single file component

假使你是一個剛起步學習Vue的前端工程師,你很有可能在官方教程 學到如何在網頁中導入Vue框架: 在 <script> 標籤中直接引用。這確實是最有效率的Vue導入方式。

In vue3 tutorial, Sep 01, 2020

composition api

Vue3: Composition api

首先,我們先來看一下 Vue2 的 Options Api 於大規模網路應用程序中的侷限性,它主要存在著以下三個缺點: 大型組件很難維護 組件邏輯複用困難 對Typescript的支持有限

In vue3 tutorial, Sep 02, 2020

v-bind

Vue3 計算屬性 computed

根據官方文件,computed 設計的初衷是避免開發者在樣板區塊放入太多的邏輯。我們在管理數據時會希望資料來源一致,假如有兩個變數,變數2的數值是可以經由變數1推導得到,我們就該將它們簡化成一個變數加上一個computed物件,日後就不必維護兩個變數。

In vue3, Sep 27, 2020

vue 列表式渲染 v-for

v-for指令是提供了一個動態渲染 array 或是 Object的方法,我們可以在<template>區塊使用 item in items的語法來呼叫v-for進行動態渲染。

In vue3, Sep 24, 2020

vue 條件式渲染part2 v-show

另一個條件式渲染的指令是v-show,它的語法和v-if雷同,都是根據跟隨其後的表達句的Truthy或Falsy來顯示或隱藏元素。

In vue3, Sep 23, 2020

vue 條件式渲染 v-if v-else v-else-if

我們在前面的章節裡學會了怎麼把數據綁定到HTML元素上,動態的生成我們所想要的頁面。但我們不會總是希望將所有的內容都呈現到網頁上,在某些情況我們會想要根據某些條件,將HTML元素隱藏、顯示、插入或移除。

In vue3, Sep 22, 2020

Directives指令初探: v-bind 屬性綁定

前一章提到的數據綁定 {{}} Mustache語法 不能直接作用在 HTML屬性或方法上,因此當我們想要動態綁定 HTML屬性或方法時,就需要 Directives指令 的幫忙。

In vue3, Sep 21, 2020

reactivity

Vue3 響應式原理

Vue.js 其中一個核心思想是數據驅動,它提供了一個 MVVM 風格的雙向綁定 Javascript 庫。所謂數據驔動是指視圖是根據數據生成的,開發者不用直接去操作 DOM 以及煩惱頁面的事件綁定,可以專注在前端的邏輯與數據管理。此外 Vue 還會對操作進行監聽,當視圖發生改變時,Vue監聽到這些變化,會對數據進行相應的修改,從而形成了數據的雙向綁定。 MVV...

In vue3, Sep 25, 2020

v-on

vue3 事件監聽 v-on

我們可以使用 v-on 指令去監聽 DOM 事件,並且在事件被觸發時執行我們定義的 Javscript 函數

In vue3, Sep 26, 2020

event-handling

vue3 事件監聽 v-on

我們可以使用 v-on 指令去監聽 DOM 事件,並且在事件被觸發時執行我們定義的 Javscript 函數

In vue3, Sep 26, 2020

backend

[Interview] 軟體工程師 面試 反問環節問題清單

你是不是每次到了面試最後一個階段的反問環節就會感到措手不及,問多了面試官拒絕回答,問少了又被質疑是不是對工作內容或是公司不夠了解。假如你有上述的困難,這篇文章會是你需要的。

In interview, software, Mar 05, 2023

[Interview] 17 Media Backend

以下是網路上找到的 17 Media 後端面試題目,並且加上個人的解法。

In interview, backend, Mar 04, 2023

17media

[Interview] 17 Media Backend

以下是網路上找到的 17 Media 後端面試題目,並且加上個人的解法。

In interview, backend, Mar 04, 2023

software

[Interview] 軟體工程師 面試 反問環節問題清單

你是不是每次到了面試最後一個階段的反問環節就會感到措手不及,問多了面試官拒絕回答,問少了又被質疑是不是對工作內容或是公司不夠了解。假如你有上述的困難,這篇文章會是你需要的。

In interview, software, Mar 05, 2023