Nic Lin's Blog

喜歡在地上滾的工程師

鍵盤沒有在模擬器中展示

因為 Xcode 的預設是把你的電腦 keyboard 當作在模擬器裡面用的主選項,所以需要進去設定模擬器的 hard ware 鍵盤打開,如果沒有打開這個選項就會變成你寫了自動彈出 keyboard 卻在模擬器上沒有彈出來。

Read more

Array 去除重複數值或 Object 的方法

ES6 之後可以使用 Set var uniqArray = new Set([1, 2, 3]) uniqArray // Set(3) {1, 2, 3} uniqArray.add(3) // Set(3) {1, 2, 3} uniqArray.add(4) // Set(4) {1, 2, 3, 4} Javascript: Remove Duplicates From Array Of Objects 如果 Array 裡面是放 Object 就不適用了,網路上查到比較多的答案是有人寫

Read more

Devise password 密碼設置複雜度

目標:密碼設置必須要含英文及數字的組合

Read more

解決 AASM 中的 race condition

何謂 race condition ? 競爭危害(race hazard)又名競態條件、竞争条件(race condition),它旨在描述一個系統或者進程的輸出依赖于不受控

Read more

Resotre your older version to newer version, iPhone X + iOS 11.2 Beta

If you can not restore backup on high version (like iOS 11.2 beta), maybe you can try my solution.

Read more

獲得實時更新的方法(Polling, Comet, Long Polling, WebSocket)

獲得實時更新的方法(Polling, Comet, Long Polling, WebSocket) 在 HTTP 協議上,只能由 Client 發起請求,等候 Server 端回應,然後獲得資料,來讓當前頁面更新。 但

Read more

搞懂生命週期 (LifeCycle)

官方圖片解釋 Understanding Vue LifeCycle Hook beforeCreate 在 Vue Instance、 Component(組件/元件) 初始化之後,數據觀測(data observer)和 event/watcher 事件配置之前

Read more

Rails 開發網站所需的 SEO 實務技巧

基本上只要你的國家普遍瀏覽器搜尋資料時是使用 Google 的,在做專案時通常會有 SEO 的需求,SEO的全名是(Search Engine Optimization),也就

Read more

Sublime-evernote,用 markdown 語法寫 evernote

平常我在記筆記的時候,最常使用的是 MWeb 、 Evernote,之所以會特地分兩款的原因是因為 evernote 不支援 markdown 書寫。

Read more

Rails 5 + OmniAuth + Devise 實作可擴充的第三方網站登入(Facebook, Google)

Rails 5 實作第三方登入 (Facebook + google) 雖然我去年寫過一篇如何在 Rails 4 Devise使用Google實作登入 但後來要用的時候,發現原本的文章只能對應一種第三方登

Read more

用 ajax + paginate 讓留言功能更出色

Implement background animation colors for comments(like stack over flow share answer link) Rails version 5.1.3 Ruby version 2.3.2 原本如果實作一個 Post has_many Comments 的 CRUD 最陽春的版本就是在留言之後,跳出一個 flash 顯示 「你已留言成功」 不過因為是用 http pos

Read more

CSS 團隊協作規範

CSS開發規範 命名禁止縮寫 請精簡扼要的對 class 命名,請勿使用自定義縮寫 class name 的命名必須是行為、有語意的 禁止在非特殊情況寫 !important CSS裡面本有權重設計,

Read more

讓分頁用無限捲軸載入

Infinite Scrolling to load more records from database using Ruby on Rails Gems installed gem 'will_paginate', '~> 3.1' gem 'bootstrap-sass', '~> 3.3', '>= 3.3.6' gem 'bootstrap-will_paginate', '~> 0.0.10' Gem removed gem 'turbolinks' 建立 Post Controller 運用場景: Post#index 的 view ,可以無限下拉來達到 Load more controller 要能 respond JS class PostsController < ApplicationController def index @posts = Post.paginate(page:

Read more

使用 BEM 之後的 CSS 書寫規範

其實這樣的寫法是不好的,因為它過度的與頁面中的某一部分耦合了。我們在軟件工程的思想中追求的就是解耦

Read more

利用編輯器自動整理縮排 SASS 檔案

在這邊我們預計實現團隊中使用 sublime + Atom 的開發人員都能夠對 .scss 做自動縮進,並且效果必須一樣。 縮進書寫規範:兩格空白 每個團隊或個人使用的 CSS 規範不盡相同

Read more