Month: February 2017

[Javascript] HTML固定頭部擋到表單錨點 – HTML5 input required is blocked by Fixed Header/Navbar

NickJavaScript

問題情境 在做 HTML5 input required 送出檢查時，網頁錨點捲動是以物件做TOP定位點，可能會被 Fixed Header/Navbar 擋到。 解決方法 使用scrollIntoView override方法： var elements = document.querySelectorAll(‘input,select,textarea’); for (var i = elements.length; i–;) { elements[i].addEventListener(‘invalid’, function () { this.scrollIntoView(false); }); } jsfiddle

Read more

[PHP][Yii2] 資料庫操作使用範例 – Command & Builder & AR – Demo

NickYii Framework

介紹 Yii2 Framework對Database的操作有非常良好的結構彈性，供開發者從底層到Object-Oriented自行評估選用。 這裡對Yii2 Database定義了三層設計模式：SQL Command、Query builder、Active Record(ORM) 其中效能差異在於Active Record(ORM)設計模式， 範例程式碼 SQL Command Level # Get DB componet of Application $db = Yii::$app->db; # Get data form SQL execution $arrayData = $db->createCommand(‘SELECT * FROM table limit 10’) ->queryAll(); print_r($arrayData); Query […]

Read more

[Ubuntu] APT 指南 – apt-get & dpkg

NickLinux

設定檔 sources.list 的位置: /etc/apt/sources.list APT 搜尋線上套件 apt search <package name> 安裝 apt install <package name> 查詢已安裝套件 apt list –installed # Search by name apt list –installed vi* APT-GET 更新套件來源清單 apt-get update 套件升級更新 apt-get upgrade 安裝套件 (Vim為例) apt-get install vim 移除套件, […]

Read more

[CSS] RWD文繞圖方法 – Response Image Float

NickCSS

使用情境 多行文字中，圖片align或float置左或右的文繞圖方是很常見，進入RWD模式後小寬度時照樣文繞圖並不妥。 解決方法 用CSS的media來生效或取消圖片float吧： /* Response Image Float */ @media only screen and (max-width : 599px) { .img-float-left, .img-float-right { float: none; } } @media only screen and (min-width : 600px) { .img-float-left { float: left; } .img-float-right { float: […]

Read more

[JavaScript][GA] Google analytics – 兩組帳號、多帳號並存一網站 (通用分析)

NickJavaScript

看以下Code即可： <script> (function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’); ga(‘create’, ‘UA-12345678-1’, ‘auto’); //建立第一個帳號 ga(‘create’, ‘UA-87654321-2’, ‘auto’, ‘secondGA’}); //建立第二個帳號 ga(‘require’, ‘displayfeatures’); //啟用客層和興趣報表 ga(‘send’, ‘pageview’); //送出第一個帳號PV ga(‘secondGA.send’,’pageview’); //送出第二個帳號PV </script> Refer:https://developers.google.com/analytics/devguides/collection/analyticsjs/creating-trackers

Read more