前端新米

15th鐵人賽目錄傳送門：https://ithelp.ithome.com.tw/users/20135558/ironman/6290

Ref: https://www.thinkwithgoogle.com/collections/products/

前言

在網路資訊爆炸的時代，不論是創業到經營品牌，或是透過副業多媒體賺取分潤，都與廣告產業脫離不了關係。好比外食族必備的 Google 地圖上顯示的推薦店家、佔據 Facebook 等社群大半版面的贊助廣告，或是搜尋引擎名列上位的關鍵字結果等等，廣告早已深深融入我們的生活當中。

Photo by Daniel Korpai on Unsplash

What is Webview？

Webview 其實就是一個精簡的瀏覽器，透過渲染引擎（Webkit）呈現網頁內容，中文又翻作「網頁視圖」。

Photo by Pandhuya Niking on Unsplash

前言：iOS 之坑、再次襲來

既上篇的「【學習筆記】 關於 iOS Safari 的那些坑：禁止選取 & 縮放設定」之後，因為 Web APP 開發需同時支援 Android 和 iOS 裝置，在過程中仍不時被新的隕石砸中，只好再挖新的坑來填補。

Photo by Mick Haupt on Unsplash

在處理資料時，查找字串是一種常見的操作，JavaScript 提供不同的方法來搜索字串。其中，最常用的方法包括：search、indexOf、includes 和 match，能夠辨別字串裡是否有想要查找的文字：

• String.prototype.search( )
• String.prototype.indexOf( )
• String.prototype.match()
• String.prototype.includes()

接下來會比較這四種方法的不同之處，以及使用範例。

這次專案開發是針對 iOS 系統，需要解決畫面縮放的問題，有些關鍵字來回搜尋好多遍，卻還是容易搞混，於是乎乾脆記錄下來，日後如果遇到這類型問題，也會直接更新在這篇。

參考資料：https://leesonhsu.blogspot.com/2018/07/socketwebsocketsocketio.html

What is WebSocket?

WebSocket 是 HTML5 提供的一種網路傳輸協定，是瀏覽器（Client）與伺服器（Server）交換資料的方式之一。

前言

這是繼 HackMD 和 Hexo 之後，找到的下一個據點，打從第一眼看到 docs 版面配置，就在心底讚嘆：「這不就是我一直想做的功能嗎！」

能夠快速把過去所學的知識打包起來，並以有效率的方式整理，適用於內容驅動型的網站，並且內建支援夜間模式轉換功能。此外，使用的還是快被自己遺忘 React.js 語法，簡直一石多鳥，相見恨晚。

於是乎，這篇筆記就誕生了。

前言

過去在程式導師實驗課程中，整理過這兩篇筆記探討「測試」是怎麼回事：

• [week 3] 初探 Jest：如何測試程式？
• [week 22] React：用 SPA 架構實作一個部落格（三）- 淺談測試

在轉職後的第一家公司，組內曾嘗試在既有專案中撰寫測試，卻因時程緊湊而不了了之。但或許是一聽到測試就浮現「好麻煩⋯⋯」的想法吧？與其花這個時間去寫程式來進行測試，還不如多修幾個 BUG 來得有效益，打從心底想逃避這件事情，只覺得測試是理想，讓這項 TODO 一直被延宕。

從 P2P 網路說起