[NB-IoT]是什麼呢?

發表於 2020-10-27 由 sairwolf

參考網址：
【NB-IoT】是什麼呢? 【NB-IoT】(窄帶物聯網 ，Narrow Band -Internet of Things）

中華電信行動物聯網 https://www.cht.com.tw/home/Campaign/M-IoT/index.html

發表於 生活資訊, 程式設計 | 發表迴響

[ESP32]應用範例(含webserver)

發表於 2020-10-27 由 sairwolf

參考網址：https://randomnerdtutorials.com/projects-esp32/

90+ ESP32 Projects, Tutorials and Guides with Arduino IDE

webserver https://randomnerdtutorials.com/esp32-web-server-arduino-ide/

阿玉Web:Bit研究區 https://sites.google.com/site/wenyuwebbit/14-arduino-ide-huan-jing/01-esp32-web-server

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

[git][webduino]github網頁

發表於 2020-10-26 由 sairwolf

參考網址：
製作好的webduino自訂積木，要分享給大家使用，可以透過github來完成。
就像法蘭斯一樣https://github.com/fustyles/webduino/blob/master/CustomBlock.txt
範例 
(新版) QR code辨識 (instascan)
https://fustyles.github.io/webduino/instascan.js_20201012/blockly.json

申請好github帳號後，並沒有開啟github的網頁功能，得自行設定。
GitHub Pages
首先新增一個sairwolf.github.io的Repository
在sairwolf.github.io中新增index.html檔案
就可以用https://sairwolf.github.io看到網頁了

再來就是將倉庫部署到github pages
如何將你的github倉庫部署到github pages
例如進入myBlocks repository ，點右上角的setting
找到github pages的區塊，設定好後按save就可以了。

 

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

[webduino]自訂積木

發表於 2020-10-26 由 sairwolf

參考網址：阿玉Web:Bit研究區 我的第一個Web:Bit積木

 

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

[rasp]樹莓派紅外線控制

發表於 2020-10-24 由 sairwolf

參考網址：硬pi製作

http://digiland.tw/viewtopic.php?pid=12101

http://www.lirc.org/

http://aron.ws/projects/lirc_rpi/

http://alexba.in/blog/2013/03/09/raspberrypi-ir-schematic-for-lirc/ 這一篇介紹了如何安裝與使用

http://www.raspberries.tw/post/48939062042/raspberry-pi-lirc-implement

這兒有一篇中文使用說明https://digiland.tw/viewtopic.php?id=2591

這一篇寫得很清楚 嗯唉欸斯的MEMO

 

看來有些複雜，還是用webduino smart 比較簡單

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

[ubuntu]替 Linux 新增硬碟（磁碟分割、格式化與掛載）

發表於 2020-10-16 由 sairwolf

參考網址：gtwang.org 


df -h

  

ls /dev/[sh]d*
輸出為/dev/sda  /dev/sda1  /dev/sda2  /dev/sda5  /dev/sdb  /dev/sdb1  /dev/sdc


fdisk -l /dev/sdc


fdisk /dev/sdc


mkfs -t ext4 /dev/sdc1


sudo blkid

/etc/fstab
UUID=146d3bb3-e351-45c8-ac84-42534ce51d29 /data2          ext4    defaults        0

 

發表於 Linux系統 | 發表迴響

[HTML]使用 Veiwport 設定手機網頁的螢幕解析度

發表於 2020-10-09 由 sairwolf

參考網址：www.flycan.com 

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

隨著近年來智慧型手機的普及化，使用智慧型手機上網的人口數日益增加，家家戶戶對於手機網頁 Mobile Web 的設計需求也就越來越多了，在開始設計手機網頁時，第一件事情就是要設定 viewport 調整手機瀏覽器的螢幕解析度。

Viewport 屬性說明：

width=device-width

有些教學文章上面會寫成 width=320 就是將手機瀏覽器的螢幕解析度設定為 320px，這個大小在 iPhone 就是 他的 viewport 預設值，所以在 iPhone 上面看起來就是剛剛好的，但是，這 2 年來手機螢幕越做越大，有些手機螢幕做到 4 吋以上，甚至有些還做到 5 吋以上，手機螢幕變大了，他們的 viewport 預設值也就會大於 320px ，由於手機的品牌太多了，我們的網頁沒辦法為每一台手機都設定成不同的 viewport ，因此，我們就只要設定為 width=device-width 就可以自動符合所有不同手機螢幕他們自己的預設最佳解析度。

initial-scale=1

設定手機螢幕畫面的初始縮放比例為 100%。

 

Viewport 其他屬性
width 設定畫面寬度
height 設定畫面高度
initial-scale 設定畫面的初始縮放比例
minimum-scale 設定畫面的最小縮放比例
maximum-scale 設定畫面的最大縮放比例
user-scalable 設定是否允許使用者改變縮放比例

 

通常，在大部份的情況，只要設定 width=device-width, initial-scale=1.0 這兩個就可以了，其他幾個屬性比較少會被用到。

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

自適應表格

發表於 2020-10-06 由 sairwolf

參考網址：swordheart313

螢幕小於600px時將 td 屬性值取出放置於內容顯示:
偽元素設定:
  

@media screen and (max-width: 600px) {
  table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}

 

WFU BLOG 輕鬆做出美觀的自適應 RWD 表格(Table)﹍jQuery 輕量外掛

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

手機網頁必知－設定書籤網址建立到手機桌面中的APP圖示

發表於 2020-10-02 由 sairwolf

參考網址：梅回題教學網

使用水果或Android的朋友應該都知道，除了可將常去的網站加到書籤中外，還可將書籤建立到桌面中，變成一個APP圖示，之後只要點一下該圖示，就會直接進入該網站裡，相當的方便，就像平常在用一般的應用程式一樣，但若該網站沒有特別設定書籤圖示時，把網址加到桌面的APP圖示時，就會出現網站的縮圖，相當的醜且沒特色，而怎該如何立自已專屬的面的APP顯示圖示呢?其實相當的簡單，只要加入一小段語法就可以囉！就像加入我的最愛圖示一樣，至於怎麼加，現在就一塊來看看吧！

將下方的語法加到<head>~</head>之間。 

<link rel="apple-touch-icon" href="images/icon-57.png"> <!– 57×57px –>                           
<link rel="apple-touch-icon" sizes="72×72" href="images/icon-72.png"> <!– 72×72px ipad–>      
<link rel="apple-touch-icon" sizes="114×114" href="images/icon-144.png"> <!– 114×114px iphone4–>

需準備 57×57px、72×72px、114×114px，至於檔名的部分，可自行設定。

完成之後，把網址加到桌面時，就會產生剛所設定的圖示啦！是不是好看很多，就像一般的APP一樣。

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

mysql 中文排序 姓名排序 比畫排序 php

發表於 2020-09-30 由 sairwolf

參考網址：yahoo 知識

http://dev.mysql.com/doc/refman/5.1/en/charset-asi…

最下面的 USER COMMENTS 有寫到

 

繁體 big5_chinese_ci 是用筆劃排序

簡體 gb2312_chinese_ci 是用拼音排序

 

唯一想到的方法就是

 

筆劃排序

SELECT * FROM `table`

ORDER BY CONVERT( `column` USING big5 )

 

拼音排序

SELECT * FROM `table`

ORDER BY CONVERT( `column` USING gbk)

 

2008-12-27 21:58:05 補充：

ORDER BY CONVERT( `column` USING big5 )

就是把 `column` 這個欄位轉換成繁體中文然後排序

 

嘗試結果：

SELECT substr(s_singer,1,1) FROM `song` where lang = '國' group by substr(s_singer,1,1) order by substr(s_singer,1,1)
直接用欄位排序會使用筆畫排序

SELECT substr(s_singer,1,1) FROM `song` where lang = '國' group by substr(s_singer,1,1) order by CONVERT(`s_singer` using gbk)
用using gbk 會是拼音排序

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