[ESP32]應用範例(含webserver)

參考網址: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網頁

參考網址:
製作好的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]自訂積木

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

 

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

[rasp]樹莓派紅外線控制

參考網址:硬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 新增硬碟(磁碟分割、格式化與掛載)

參考網址: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 設定手機網頁的螢幕解析度

參考網址: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 這兩個就可以了,其他幾個屬性比較少會被用到。

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

自適應表格

參考網址: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圖示

參考網址:梅回題教學網

使用水果或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

參考網址: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 會是拼音排序

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

[javascript]關閉子視窗父視窗重新整理

參考網址:ITREAD01

<script language=JavaScript>
function closewindow(){
    alert("恭喜你留言成功!點選確認後關閉當前視窗!");
    window.close();
   window.opener.location.href=window.opener.location.href;
}
</script>

 

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