1.png

1、TableSorter 介紹

在所有 jQuery 表格排序外掛裡面，TableSorter 算是利用率最高的，並且擴充功能相當多(但紛歧定用獲得)，因此本篇保舉這個工具。

1. 官網申明

https://mottie.github.io/tablesorter/docs/

下載檔案後找到這幾個檔案
 

(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top

Google的地圖相當的利便，不只圖資完全，因此也有很多店家，會將Google地圖嵌到網頁中，讓消費者利便找尋，但Google改版後，很多伴侶已找到地址，卻不知要如何嵌到網頁中，這個嵌入鈕，還相當的不顯著，所以筆者就花點時候，將它清算，需要的同夥，就操作看看吧!

嵌入Google地圖：

Step1
首先，進到https://www.google.com.tw/maps/，接著在左上角輸入要查尋的地址。網頁設計
1.png
Step2
當找到後，點左上的同享圖示，再點分享和嵌入地圖選項。
2.png


Step3
當設定好後，將下方的語法複製起來。

Step4
再貼到網頁中。
3.png

Step5
如許就會泛起在網頁中顯示。

 

(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top
line001.jpeg
① 點選右上角設定
(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top
有在利用Google Maps的人，多幾許少必然都有利用到Google地圖找四周景點餐廳。

網頁設計 

(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top

學會Arduino基本操控後
必然會想學會無線遙控，如藍芽Bluetooth, Wifi
這篇申明藍芽Bluetooth操控
後果圖
1.png


影片


代碼：

  1. // Include necessary libraries
  2. #include <BLEDevice.h>
  3. #include <BLEServer.h>
  4. #include <BLEUtils.h>
  5. //#include <BLE2902.h>
  6. //#include <Wire.h>
  7.  
  8. // 界說 UUIDs （注意要與App Inventor內容對應）
  9. #define SERVICE_UUID            "C6FBDD3C-7123-4C9E-86AB-005F1A7EDA01"
  10. #define CHARACTERISTIC_UUID_RX  "B88E098B-E464-4B54-B827-79EB2B150A9F"
  11. #define CHARACTERISTIC_UUID_TX  "D769FACF-A4DA-47BA-9253-65359EE480FB"
  12.  
  13. // 定義LM35 ESP32 GPIO接腳
  14. const int analogIn = A0;
  15.   
  16. int RawValue= 0;
  17. double Voltage = 0;
  18. double tempC = 0;
  19. double tempF = 0;
  20. String BLE_Code;
  21. BLECharacteristic *pCharacteristic;
  22. bool deviceConnected = false;
  23. // Handle received and sent messages
  24. boolean ledState=false;
  25. String message = "";
  26. char incomingChar;
  27.  
  28. // Temperature Sensor 與led接腳變數
  29. float temperature = 0;
  30. const int ledPin = 2;
  31.  
  32. // 設定 callbacks onConnect & onDisconnect函數
  33. class MyServerCallbacks: public BLEServerCallbacks {
  34.   void onConnect(BLEServer* pServer) {
  35.     deviceConnected = true;
  36.   };
  37.   void onDisconnect(BLEServer* pServer) {
  38.     deviceConnected = false;
  39.   }
  40. };
  41.  
  42. // 設定 callback function 當收到新的資訊 (from the Android application)
  43. class MyCallbacks: public BLECharacteristicCallbacks {
  44.   void onWrite(BLECharacteristic *pCharacteristic) {
  45.     std::string rxValue = pCharacteristic->getValue();
  46.     BLE_Code="";
  47.     if(rxValue.length() > 0) {
  48.       Serial.print("領受資料為 : ");
  49.       for(int i = 0; i < rxValue.length(); i++) {
  50.         BLE_Code+=rxValue[i];
  51.         Serial.print(rxValue[i]);
  52.       }
  53.       Serial.println();
  54.       BLE_Code.toUpperCase();
  55.       Serial.println(BLE_Code);
  56.       if(BLE_Code.indexOf("LED")==0)
  57.       {
  58.         ledState=!ledState;
  59.       Serial.println(ledState);
  60.       }
  61.       if(BLE_Code.indexOf("ON")==0)
  62.       {
  63.         Serial.println("LED 點亮!");
  64.         ledState=true;
  65.       }
  66.       else if(BLE_Code.indexOf("OFF")==0) {
  67.         Serial.println("LED 熄滅!");
  68.         ledState=false;
  69.       }
  70.     }
  71.   }
  72. };
  73.  
  74. void setup() {
  75.   Serial.begin(115200);
  76.   pinMode(ledPin, OUTPUT);
  77.    
  78.   // 確立BLE Device
  79.   BLEDevice::init("ESP32_WeMos1");
  80.  
  81.   // 豎立BLE Server
  82.   BLEServer *pServer = BLEDevice::createServer();
  83.   pServer->setCallbacks(new MyServerCallbacks());
  84.  
  85.   // 確立BLE Service
  86.   BLEService *pService = pServer->createService(SERVICE_UUID);
  87.  
  88.   // 創設BLE Characteristic
  89.   pCharacteristic = pService->createCharacteristic(
  90.                       CHARACTERISTIC_UUID_TX,
  91.                       BLECharacteristic::PROPERTY_NOTIFY);                     
  92. //  pCharacteristic->addDescriptor(new BLE2902());
  93.   BLECharacteristic *pCharacteristic = pService->createCharacteristic(
  94.                                          CHARACTERISTIC_UUID_RX,
  95.                                          BLECharacteristic::PROPERTY_WRITE);
  96. pCharacteristic->setCallbacks(new MyCallbacks());
  97.  
  98.   // 開始（起）service
  99.   pService->start();
  100.  
  101.   // 開始（起）advertising
  102.   pServer->getAdvertising()->start();
  103.   Serial.println("守候BLE手機連線....");
  104.   
  105.   digitalWrite(ledPin,LOW);
  106.   delay(500);
  107.   digitalWrite(ledPin,HIGH);
  108.   delay(500);
  109.   digitalWrite(ledPin,LOW);
  110. }
  111.  
  112. void loop() {
  113.   // Check received message and control output accordingly
  114.     if (ledState)
  115.         digitalWrite(ledPin, HIGH);
  116.       else
  117.         digitalWrite(ledPin, LOW);
  118.   delay(20);
  119. }
(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top

1.jpg

查看演示  下載檔案


扼要教程
sortableJs是一款帶排序功能的js masonry瀑布流插件。sortableJs可以或許使元素以卡片情勢顯示，並以masonry瀑布流方式進行佈局，經由過程點擊分類按鈕，可以將卡片按指定的方式動態排序。

利用方式
在頁面中引入sortable.min.css和sortable.min.js文件。
  1. <link rel="stylesheet" href="path/to/sortable.min.css">
  2. <script src="path/to/sortable.min.js"></script>  
  3.  
(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top

最近被MAIL SERVER搞得焦頭爛額
逐日到CPANEL官方問問題
效果都是沒找到被GAMIL及HOTMAIL檔信問題
也處置不了
找了小洲先生，他說只有做SmartHost relay或換IP



進入WHM -> Exim Configuration Manager -> BACKUP
備份設定檔


比來被MAIL SERVER搞得焦頭爛額
逐日到CPANEL官方問問題
結果都是沒找到被GAMIL及HOTMAIL檔信問題
也處理不了
找了小洲老師，他說只有做SmartHost relay或換IP



進入WHM -> Exim Configuration Manager -> BACKUP
備份設定檔

1.png

(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top
良多網站成立早期，行使YAHOO或GOOGLE搜索引擎搜尋本身網站，卻發現在YAHOO或GOOGLE搜尋引擎輸入網站名找不到本身網站，花了大把銀子請網頁設計公司作網站，卻沒法到達暴光的效果，下面介紹若何操縱免費網站 SiteTag：http://sitetag.us/ 來讓本身網站提升排名及曝光。
起首，先輩入到 SiteTag：http://sitetag.us/ 官方網站
(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top

用ESP32 PWM實現LED慢慢亮起。

程式的部份首要分成三個：1.設定頻道LEDchannel、2.附加到PIN腳、3.決意輸出巨細。

1.設定頻道LEDchannel屬性

ledcSetup(LEDChannel, freq, resolution);
//LEDChannel設定為0，分歧輸出要設定到分歧頻道，例如RGB LED就要開三個頻道劃分辦理R、G、B
//freq輸出頻率，建議值5000 Hz
//resolution代表輸出解析度，例如8代表0-255，10代表0-1023

2.附加到PIN腳

ledcAttachPin(ledPin, LEDChannel);
//ledPin代表腳位，看你把裝備接在哪一個腳位上面
//LEDchannel代表步驟1所宣告的LEDchannel，也就是說把設定好的LEDchannel屬性附加到某個腳位上

3.決意輸出巨細。

ledcWrite(LEDChannel, dutyCycle);
//將LEDchannel輸出dutyCycle的值。

規範程式將使接在Pin16的LED逐步亮起並熄滅，類型複製於 https://randomnerdtutorials.com/esp32-pwm-arduino-ide/
1.jpg

  1. // the number of the LED pin
  2. const int ledPin = 16;  // 16 corresponds to GPIO16
  3.  
  4. // setting PWM properties
  5. const int freq = 5000;
  6. const int ledChannel = 0;
  7. const int resolution = 8;
  8.  
  9. void setup(){
  10.   // configure LED PWM functionalitites
  11.   ledcSetup(ledChannel, freq, resolution);
  12.   
  13.   // attach the channel to the GPIO to be controlled
  14.   ledcAttachPin(ledPin, ledChannel);
  15. }
  16.  
  17. void loop(){
  18.   // increase the LED brightness
  19.   for(int dutyCycle = 0; dutyCycle <= 255; dutyCycle++){   
  20.     // changing the LED brightness with PWM
  21.     ledcWrite(ledChannel, dutyCycle);
  22.     delay(15);
  23.   }
  24.  
  25.   // decrease the LED brightness
  26.   for(int dutyCycle = 255; dutyCycle >= 0; dutyCycle--){
  27.     // changing the LED brightness with PWM
  28.     ledcWrite(ledChannel, dutyCycle);   
  29.     delay(15);
  30.   }
  31. }
(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top

影片



TB6612FNG是東芝生產的馬達驅動與控制IC，內部包含兩組H橋式電路，可驅動和控制兩個小型直流馬達，或一個雙極性步進馬達。

網頁設計

網頁設計1.jpg

(繼續閱讀...)
文章標籤
網頁設計

robbinnycr707 發表在 痞客邦 留言(0) 人氣()

▲top
1 23...8