[sql]子查詢

參考網址:iT邦幫忙 MySQL: 子查詢

select gov_code,count(player_id) as cc from (select gov_code,player_id from game group by player_id) abc group by gov_code

 

player可以參加多項比賽。()內的子查詢先把 player_id group 起來變成只有一筆資料,記得()之後便給個名字,讓它變成一個table。

發表於 程式設計 | 發表迴響

[php]sort

參考網址:落落的日記閣

 PHP Array陣列排序,介紹PHP常用的7種排序法

<?php
//原始陣序
$array = array(5,8,9,5,4,4,2,1,0,5,8,7,4,5,2,6,3,5,1,5);
   
//隨機排序
shuffle($array);
echo "隨機排列\n";
print_r($array);
   
//小到大排序(根據值,會改變index)
sort($array);
echo "小到大排序(根據值,會改變index)\n";
print_r($array);
   
//大到小排序(根據值,會改變index)
rsort($array);
echo "大到小排序(根據值,會改變index)\n";
print_r($array);
   
//小到大排序(根據值,不改變index)
asort($array);
echo "小到大排序(根據值,不改變index)\n";
print_r($array);
   
//大到小排序(根據值,不改變index)
arsort($array);
echo "大到小排序(根據值,不改變index)\n";
print_r($array);
   
//小到大排序(根據key)
ksort($array);
echo "小到大排序(根據key)\n";
print_r($array);
   
//大到小排序(根據key)
krsort($array);
echo "大到小排序(根據key)\n";
print_r($array);
?>

 

發表於 程式設計 | 發表迴響

[CSS]CSS reset

參考網址:

教學
金魚都能懂網頁設計入門 : CSS Reset

「都去整形從零開始」 ─ Reset CSS 的重要

同樣一段的HTML碼在不同的瀏覽器上,看起來怎麼長得不大一樣呀,這是因為每個瀏覽器為了彰顯各自的強大,所以初始都內置了一些自己的 CSS 屬性設定
但這就會造成我們在網頁排版上的一些困擾啦。為了解決這樣的困擾,世界知名的 CSS 大師 Eric A. Meyer 整理出一個很棒的解決方法「Reset CSS」


https://meyerweb.com/eric/tools/css/reset/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 

小事之 CSS Reset 與 CSS normalize

https://necolas.github.io/normalize.css/
 

CSS Normalize

因為 reset.css 重置了各個瀏覽器的樣式設定,使得有些有用、常用標籤的默認樣式必須要重新設定,因為這個問題,有人開發出了 normalize.css [4]

在 Normalize.css 的官方頁面上點出了他們的目標:[5]

  • 保留有用的瀏覽器默認設置,而不是將其刪除。
  • 為廣泛的 HTML 元素提供一般化的樣式。
  • 修正瀏覽器的 Bug 與不一致。
  • 透過微妙的改善提高可用性。
  • 有詳細的文檔來解釋代碼。(每個樣式都有註解是處理什麼問題。)

因此 Normalize.css 被使用在 Twitter BootstrapHTML5 BoilerplateGOV.UKRdioCSS Tricks 以及其他很多的 framework 和網站上。

最大的特色就是保留原本預設 HTML 標籤的樣式,僅針對不同瀏覽器與各版本間不相容的標籤進行些微調整。

 

發表於 程式設計 | 發表迴響

[bootstrap]中文說明文件

參考網址:六角學院https://bootstrap.hexschool.com/

Bootstrap 4 筆記 #01 快速做出Navbar導覽列

 

bootstrap fieldset 無效 解決方案
由于bootstrap重写了fieldset和其中的legend,那么样式就会变成了”标题”下面一条分割线
 

<style>
    fieldset {
        padding: .35em .625em .75em;
        margin: 0 2px;
        border: 1px solid silver;
    }

    legend {
        padding: .5em;
        border: 0;
        width: auto;
    }
</style>

 

發表於 程式設計 | 發表迴響

[php]PHP 像excel rank排名次

參考網址:德琦雜記

輸出結過如下:
分數: 3 名次: 5
分數: 2 名次: 7
分數: 1 名次: 10
分數: 2 名次: 7
分數: 2 名次: 7
分數: 6 名次: 3
分數: 8 名次: 2
分數: 6 名次: 3
分數: 20 名次: 1
分數: 1 名次: 10
分數: 3 名次: 5

$values = array(3,2,1,2,2,6,8,6,20,1,3);
$ordered_values = $values;
rsort($ordered_values);
$i=0;
foreach ($values as $key => $value)  {
  foreach ($ordered_values as $ordered_key => $ordered_value)  {
    if ($value === $ordered_value) {
        $key = $ordered_key;
        break;
    }
  }
  //echo '分數: '.$value . ' 名次: ' . ((int) $key + 1) . '<br/>';
  $rp[$i] = $key+1;
  $i++;
}
print_r($rp);

 

發表於 程式設計 | 發表迴響

PC QRCODE 讀碼

參考網址:https://toolskk.com/

發表於 軟體使用 | 發表迴響

[sport]扯鈴計分

參考網址:
席次法https://goo.gl/dzUMCR

發表於 程式設計 | 發表迴響

sublime

參考網址:
官網
https://www.sublimetext.com/


外掛
emmet
https://github.com/emmetio/sublime-text-plugin#readme

 

Sublime Text 的安裝設定及入門操作 – [ 下篇 ]
http://www.flycan.com/article/free-resource/sublime-text-setup-2-2077.html

emmet所有指令
https://docs.emmet.io/cheat-sheet/
https://pjchender.blogspot.com/2016/07/emmet.html

區塊編輯
壓住Shift用滑鼠右鍵來進行區塊編輯。

https://shinychang.net/blog/Sublime-Text-基礎熱鍵表/

利用Emmet外掛,裡面的使者設定,來自訂程式片段,雖然說使用上很方便,但在製作上有些麻煩,因為透過Emmet需把所有的碼,變成一行,同時再透過\t與\n來控制斷行與空格,所以每次在建立時,都得花不少的眼力與腦力。
snippet自訂常用的程式片段
https://www.minwt.com/webdesign-dev/html/17946.html
開啟 Perferences / Browse Packages目錄,新建檔案把副檔名設為.sublime-snippet,再把檔案放到「User」 的目錄裡

<snippet>
<content><![CDATA[ 完整原始碼內容 ]]></content>
<tabTrigger>短碼</tabTrigger>
<description>註解</description>
</snippet>
如果原始碼內容中有$ 要改成 \$

按ctrl+shift+p 查詢snippet 可以看到目前建了那些快速片段
從tools – Snippets 也可以看到已經建的snippet
snippet官方文件https://docs.sublimetext.io/guide/extensibility/snippets.html

 

中文化
https://www.itread01.com/content/1550348677.html
安裝chinese localization外掛
1.ctrl+shift+p:調出package control;
2、在對話方塊裡面輸入ins ,選擇package control :install package ;
3、然後在彈出的對框裡面輸入:localization,選擇chinese localization,就漢化好了;
4、help=>language,選擇需要的語言


sublime text 3 隐藏菜单后怎么点出来
shift + ctrl + p 调出命令之后选择view: toggle menu。
或者单击alt

發表於 程式設計, 軟體使用 | 發表迴響

Templated 免費下載 CSS 和 HTML5 網站模板、佈景主題設計

參考網址:https://free.com.tw/templated/
https://templated.co/

很多ICON https://www.iconfinder.com/

發表於 程式設計 | 發表迴響

[sport]檢錄單修改

templates\register\print_register.css 加入
 

table {border-collapse:collapse;}

 

spr_1_s.htm中將bgcolor拿掉
 

<TABLE cellSpacing=1 width="800" align=center bgColor=#000000 border=0>

<TD bgColor=#ffffff class="f_content"><div align="center">{{$lane}}</div></TD>


並將<table>的border改為1

 

另一種改法:用原來的方法,但將原HTML中的TABLE及TD的bgcolor改成CSS的寫法,可以讓HTML程式碼更簡潔。
這種寫法列印時得勾選列印背景。
 

將HTML中的bgcolor都拿掉

改放到CSS中
table {
   background-color:black;
    border-spacing:1px;
}
td {background-color:white;}

HTML中bgcolor在CSS中的表示方式是background-color
HTML中cellspacing在CSS中的表示方式是border-spacing
優先順序 CSS 〉 HTML 標籤屬性
所以在css中設定了table border-spacing:1px;如果要在HTML無邊框就用style來解決
<TABLE style="border-spacing:0px;">

 

wibibi HTML_Table_cellspacing的CSS替代語法

CSS的優先順序
Image for post

 

 

發表於 程式設計 | 發表迴響