發表文章

一頁式網站必備良藥 - Bootstrap的Scrollspy

圖片
可以呈現的內容如果不多,一頁式網站是最適合。雖然是一頁,還是要搭配導覽才有網站的Fu。用html的錨點(anchor)手法就可做到點擊連結跳到指定區域,這樣就有點單調,指引性也不足,感覺就差一點。 一頁式網站導覽,描配Bootstrap的Scrollspy功能,再配合導捲動時固定在頁面頂端,捲動時到了那區,該區對應導覽項目會搭配出現效果,再加上捲動效果,喔喔,這樣就可營造出不錯的效果。 錨點用法 <li><a href='#s1'>特色</a></li> ...... <div id="s1">....特色區內容....</div> Bootstrap的Scrollspy用法要點 監聽元素,要放入data-target="導覽列的id或class",一般都放在body上 body的css有沒有放position:relative其實沒有影響 導覽列,用<nav>或<div class="nav">,一定要有nav宣告 id或class要和監聽元素的data-target一致 導覽項目,建議class加上nav-link,比較不會出錯, 3.X版本沒放是OK 但4.X版本沒放就GG 導覽項目連結,採用HTML錨點用法 jQuery加上click時滑動效果 CSS要加上導覽列下.active的效果,很重要,不然active套上去了,沒有CSS效果還是GG 範例和說明 <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script> //滑動效果,沒有放,點擊後就跳來跳去沒有滑動的效果 <script> $(document).ready(function() {

邁向大數據-Mysql group群內如何取特定資料

圖片
Mysql的Group功能最令人詬病,透過Group功能可以進行群組加總,但若要取出群組單筆資料時,都只能取得該群組最先建立的一筆資料,可是通常我們都需要取出群組最後一筆資料。雖然可以用php跑迴圈判斷處理,但這樣就會增加connect資料庫的次數,如果群組中取出的資料符合條件者才要處理,若群有100種,那每次都要跑100圈,萬一更多呢,啊~伺服器要擺工啦。 最終,能一次性在關聯性資料中取出目標資料還是最好的方式。 主要用到的手法,子查詢subquery和別名alias。在網路上會找到用BIAOMING GROU來解決,也行,但用起來彈性不大,且在某些版本的伺服器如5.7.17就沒作用。 容易失敗的因素 資料表的別名(alias) 只要有關聯式應用時,直接取用的表或subquery產出的表,養成習慣取別名(alias),或取alias方式所用的mysql伺服器並不接受 適合較多伺服器版本的用法,SELECT 欄位 AS 別名,若是子查詢 (SELECT  ...) AS 別名 欄位未指定所用的資料別別名 只要有關聯式應用時,不論直接取用的表或subquery產出的表,養成習慣取別名(alias)。 並指定取出欄位,盡量不要用*,以避色同樣欄位名的衝突,當欄名一樣時,系統沒辦法判斷你要依據那個表。 指定取出所需欄位也可減輕暫存資料的佔用,可加快處理速度。 示範的資料表 資料表 shareindex記錄全球各大股指每日指數記錄 欄位如下 id | sharename(指數名稱) | tradedate(交易日) | openI(開盤) | closeI(收盤) | maxI(盤中最高) | minI(盤中最低) | worker (記錄者) | modify (編輯時間).....(其他欄位) sharename指數名稱欄位內資料包含JP225、USDJ、UK100、DAX40、HK等 這些指數只要非休市時每天都有一筆記錄。 取出每一指數最新一筆資料 例如:要調出日經225、道瓊工指等最後一筆指數資料 直接用GROUP無法取出最新的一筆 SELECT * FROM shareindex GROUP BY sharename 會取出每一個指數第1筆建立的資料。 嗯,取出的不是最大值也不是最小值,總之不是所要的 透過子查詢取出每種類

Googe翻譯誤區- at a glacial pace

圖片
粉妞的英文聽說不太行,閱讀尚可,有時需要在國外網站扒資訊又沒時間慢慢看英文原文,大多都會先用Google整頁翻譯,掃一下,找到需要的資料後,再對照原文,確認正確訊息後再進行參照(沒什麼功力翻譯啦),若沒有對照原文拿了Google翻出的文就用,有時會很囧。 老實講,Google翻譯真的進步很多,整頁翻會比單段翻很順。 不可能100%,誤區是一定有的。遇到翻出來和原文是完全相反時,還真有點小傻眼。 at a glacial pace For several years policymakers at the Reserve Bank of Australia (RBA) have been forecasting that stronger economic growth will help to lower unemployment, boost wage pressures and lift inflation back towards the midpoint of its 2-3% annual target. To date, those forecasts appear to be playing out, albeit at a glacial pace . Google翻出來 幾年來,澳大利亞儲備銀行(RBA)的政策制定者一直預測,強勁的經濟增長將有助於降低失業率,提振工資壓力,並將通脹提升至其2-3%的年度目標中點。 到目前為止,這些預測似乎正在發揮作用, 儘管速度很快 。 前面意思大致正確,可是, albeit at a glacial pace翻做"儘管速度很快",這就令人傻眼,有了解情形的人就知道實際速度真的很慢很慢很慢。 正解 爬找資料,參考如下 英英解釋,應該是指動作或改變非常的慢 If you say that something moves or changes at a glacial pace, you are emphasizing that it moves or changes very slowly. https://dictionary.reverso.net/english-cobuild/at+a+glacial+pace 大約2006年時出品的電影《穿 Prad

來自烏法魯夢幻天使龍第8階的寶盒

圖片
魔法研究所如何養出夢幻天使龍,烏法魯玩家應該不陌生,要用那些寵養成不是本篇重點,粉妞就不介紹了,想了解的人請自行去網路爬文。 粉妞有了夢幻天使龍,透過光明石和強化石來進階,取得光明石是可遇不可求,粉妞曾經用5顆提高機率方式連續用了100多顆鑽然後依然沒有大放光明...石。 有了光明石也不見得就升級成功,粉妞的成功機率還算不錯,雖然很久很久很久才遇到一顆光明石,以為一輩子也不可能升到第8階段,在經過大半年後(也沒很認真去產石,有進烏法魯就順便),某天忽然升級了,矮油,還真嚇一跳。 除非遊戲系統有更動規則,不然真心覺得,升級失敗也不要K鑽再試一次,並不保證成功,粉妞是沒試過,因為再試一次的鑽很多,又不保證成功,實在K不下去。 魯夢幻天使龍第8階的寶盒 升到第8階段後,每24小時就可產出一個寶盒,寶盒的質感就差很多 (黑黑,拍謝,外貌控一枚)。 能量球和經驗值還是基本項目,第8階的寶盒,有時就這2項,有時是3項,最多出現4項。每次會拿到什麼還真不一定,有時很多天都只有能量球和經驗值,然後忽然就拿到抽獎券。 至目前除了基本的能量球和經驗值外,還獲得過機率券、鑽石和抽獎券,鑽石拿過最多是4顆,不是很多,但累積下來收獲不少,總體來說還不錯。 製作強化石 在魔法研究所的《製作強化石》內製作。 可製作光明石的有天使龍、獅生鷲和凱魯,即住光明神殿的星屬。 用住黑暗神殿的影龍和黑暗鷹鷺是製作黑暗石; 住黃金神殿的黃金暗和黑暗龍則是製作黃金石。 不要和粉妞一樣,等出來是黃金石,才想到放錯對了 (笑)。 要用一模一樣的2隻才可製作強化石,例如:2隻天使龍或2隻獅生鷲等,1隻天使龍和1隻凱魯是無法製作強化石,依此類推。 還沒有夢幻龍沒關係,對於製作強化石是沒有影響,若星屬夠,可以先製作。 每一顆石頭都要4小時,沒有產出特殊石時,就是一般強化石。 強化夢化龍 夢幻龍出來來是第1階段,要透強化,才能讓夢化龍升級。 夢化龍升級的基本元素,強化石、特殊石、機緣與人品。 在魔法研究所的《製作強化石》內進行強化。 強化石多到根本不需再意它,取得光明石、黑暗石和黃金石可遇不可求。 有了光明石、黑暗石和黃金石,並不代表一定進化成功,失敗的機率不低。有時粉妞會先累積幾顆後,或拿到特殊石後隔一陣子再強化,參考看看咩。強化成功真的純屬機運

剪腳趾甲還是專用的比較好使

圖片
一般我們都是一把指甲剪從手剪到腳,年輕時都沒感覺到不好使,但雖著年紀變大,筋骨變硬,尤其高度近視老花後,太遠太近都看不到時,就發現剪腳指甲是一件困難的工程,尤其因為腳指甲沒剪好凍甲引發蜂窩性組織炎後,剪腳指甲就充滿陰影。 傳統的指甲剪,剪口略彎,剪手指甲還挺方便,但剪腳指甲則不好控制,腳指甲又厚,一不小心就剪的太深,增加腳感染的風險,畢竟腳踝的地方細菌真的很多且很多元。有些人是用小剪刀,但那個對距離感有問題及腰彎不太下去的我來講是不可能的任務。 幸好,有一天逛市場,發現一把日本製腳專用的指甲剪,尼肯 LS-25,老闆還很好心的給我試剪,試剪之下,馬上用400元將這把平口的腳指腳剪帶回家。工欲善其事必先利其器,挑對工具真的很重要,自從老化後第一次輕鬆無負擔的剪好腳指甲,超感到動的。 這把腳用的指甲剪就像傳統的指甲腳和剪刀的綜合體,用壓的方式可以在不用太大力氣的情況下剪下較厚較硬的腳指甲,像剪刀的平口又可以讓我們由上往下的角度很好操作剪的方向及深度,就沒有傳統指甲方向不好控一不小心斜斜的去了一大塊的問題。 網路上有人在賣這把指甲剪,若想參考,可以用《尼肯 LS-25》或《LS-25 腳指甲剪》去問谷歌大神。

用對工具打掃廚房輕鬆不耗力

圖片
放在廚房的東西表面容易積油垢,只用水很難擦,有些又沒辦法直接噴去油垢的清潔劑,會滴下來反而找麻煩,如果房子有挑高,光爬上爬下就快累翻,還沒打掃光想就很暈。 沒體力就只好靠腦力。 浴室用地板刷套上抺布用橡皮筋固定,在擦拭面噴上橘子工枋的廚房清潔濟,擦廚房的窗框、玻璃(有花紋那種)、廚櫃門、壁磚、冰箱門....,不管高的低的,輕輕刷過去都清潔溜溜。, 浴室用地板刷,刷柄有一定長度但又不會太長而且很輕,這種刷頭的毛有一定硬度但又不會太硬,在非全平的地方像窗溝也很好擦,只要在抺布的擦拭面噴上橘子工枋,些微的油垢就變的很好擦。 這款抺布有點厚度不太會滑橡皮筋一圈就固定住,挺方便。 橘子工枋比較天然沒有刺鼻的化學味,廚房的很好用,浴室的效果就不怎麼樣。 用對工具打掃就不需很用力 ^-^。

css、js或圖片變更後,看不到新設計的解決方法

圖片
網站伺服器沒有加掛CDN(Content Delivery Network)前,變更CSS、JS或圖片後如果看到還是舊頁面時,通常只要清除本機瀏覽器的Cache再刷一次頁面就OK了。大部份瀏覽器在視窗關閉重開再進入後通常就會從網站抓最新版本,若還不行就進入瀏覽器設定清除Cache即可,瀏覽器太多就不在此介紹。 網站伺服器如果加掛CDN(Content Delivery Network),即時清除本機Cache看到仍是舊頁,天啊~頁面刷到地老天荒還是舊的。 因為CDN一項特性就是加速頁面顯示,為達成加速效果,網站伺服器上js、 css和圖片若檔名沒變更時CDN節點就可能不會重新抓取。 有些CDN會提供API或在後台清除節點緩除的功能,但有些CDN像CloudFare就沒有提供,API和後台清除節點緩除操作起來可能有些麻煩,有時CDN管理和WEB內容管理可能不是同一人。 最簡單的方法就是在css、js和img檔案後面加上?v=版本參數,會比變更檔名快又有效。當這些檔案有變動時,只要變更版本參數,通常都用時間來管理版本參數,黑黑黑,前端就可立刻看到新設計。 <link href="css/style.css?v=2017011301" media="screen" rel="Stylesheet" type"text/css" /> 在CloudFare用這個方法是OK的,如果所用的CDN並不支持uri加參數時這方法就行不通哦,聽說大陸有些CDN就不支持。 2017-01 台中麗寶Outlet Mall 號稱全台最大的摩天輪 - 還沒完工