國字漢字轉換器

功能説明 轉換成日文漢字,方便使用網頁或文書處理的預設日文漂亮字型 日文字型一覽 範例 textarea#old textarea#newText textarea width: 300px height: 400px //展示用文字 var text=”這是一段中文内容的説明文\n注意觀察【内】﹐【説】的變化”; //使用陣列紀錄 //持續更新中 var replaceArray=[ {from:”內”,to: “内”}, {from:”值”,to: “値”}, {from:”查”,to: “査”}, {from:”啟”,to: “啓”}, {from:”說”,to: “説”}, {from:”產”,to: “産”}, {from:”每”,to: “毎”}, {from:”蔥”,to: “葱”} ]; //沒有對應的日文漢字 //喵 //origText到時候代入old的值 var translate = function(origText){ for(i=0;i<replaceArray.length;i++){ //取代全部 參考這篇文章 var repAll=new RegExp(replaceArray[i].from, “g”); origText=origText.replace(repAll, replaceArray[i].to); } return origText; } […]

震動效果

概念 利用setInterval快速地左右搖晃,達成震動的效果 範例 button#wiggle Shake it #wiggle position: relative //讓他一開始不要搖 var wiggleTime = 31; var wiggle=document.querySelector(“#wiggle”); window.setInterval( function(){ if(wiggleTime<=31){ wiggleTime+=1; //console.log(wiggleTime); if(wiggleTime%2==0){ wiggle.style.left=”-5px”; }else{ wiggle.style.left=”5px”; } } } ,60); wiggle.addEventListener(“click”, function(){ wiggleTime=0; } ); Display Shake it

JavaScript 所有重複字取代

使用 replace() #dog #cat //宣告字串 var str=”I have a dog, I love all dog, dog is my best friend!” //顯示原字串 document.querySelector(“#dog”).innerHTML=str; //執行取代,g代表global search,找出所有dog //反斜線\為抵銷特殊字元 //取代所有dog為cat var strReplaced=str.replace(/dog/g, “cat”); //【/dog/g】等於new RegExp(“dog”, “g”) //所以也可以寫成 var strReplaced=str.replace(RegExp(“dog”, “g”), “cat”); //顯示取代後的成果 document.querySelector(“#cat”).innerHTML=strReplaced; Display 所有的dog都被取代成cat了

聲音播放器 Audio(), play()

原理 撥放器設定 new Audio(“聲音網址”) 開始撥放 play() 範例 button#btn click me 原生 JavaScript 版本 var Audio=new Audio(“http://www.monoame.com/awi_class/ballsound/click18.wav”); var btn=document.querySelector(“#btn”); var MusicPlay=function(){ Audio.play(); } btn.addEventListener(“click”, MusicPlay); jQuery 版本 var btnAudio=new Audio(“http://www.monoame.com/awi_class/ballsound/click18.wav”); $(“#btn”).click( function(){ btnAudio.play(); } ); Display click me

Python 字串

字串内顯示單引號’的方法 #外面用””包住 >>>print “I’m Python” “I’m Python” 字串内顯示雙引號”的方法 #外面用’包住 >>>print ‘this is a “quote”‘ ‘this is a “quote”‘ 換行符號:\n >>>print “Here is new line \n and here is second line” “Here is new line and here is second line” tab縮排符號:\t >>>print “Here is new line \t and here is second line” “Here is new line […]

PHP結合MySQL

資料庫連線 <?php //網址:localhost 因為網頁跟資料庫的伺服器在電腦上面 //登入帳號:root(預設) //密碼:留空 mysql_connect(“localhost”, “root”, “”); ?> 檢査資料庫連線是否成功 <?php $Connect=mysql_connect(“localhost”, “root”, “”); if (!$Connect) {  die(“連線失敗,錯誤訊息:”.mysql_error()); } echo “連線成功”; mysql_close($Link); ?> 選擇資料庫 <?php //DB:DataBase //member是要操作的資料庫名稱 mysql_select_db(“hahow”); ?> 資料庫長得像這樣 左邊這排外排的就是資料庫 (hahow, information_schema, mysql, performance_schema, phpmyadmin, test) 内縮的是資料表 (mem, member) SQL査詢指令 <?php //SELECT後面接欄位,*代表所有欄位 //FROM後面接資料表,從member這個資料表裡面讀取 //mysql_query()裡面的東西用””包起來 //査詢member這個資料表裡面所有内容 //將mysql_query()的回傳値存在$re裡面 $re=mysql_query(“SELECT * FROM member”); ?> 回傳資料處理  mysql_fetch_array() […]

MySQL 基本知識

資料型別 text:文字 varchar:固定型態的文字 int:整數數字 bool:是/非 建立資料庫 啓動XAMPP http://localhost/phpmyadmin/ 新增,編碼選擇utf8_unicode_ci 建立欄位:AI (Auto Increment),毎新增一筆資料値+1 建立欄位:primary 通常用於表示索引的欄位 (id) 完成後,看預覽id旁邊會出現小鑰匙,代表是這張資料表的索引 加入幾筆資料:新增頁籤 建立資料表指令 //點選SQL頁籤建立資料表 //因為是指令所以沒有分號 //mem為這張新增資料表的名稱 //()裡面輸入要新增的欄位及資料型態 CREATE TABLE mem( name TEXT, email TEXT, pass TEXT) 新增資料指令 //點選SQL頁籤新增資料 //要在mem資料表新增以下資料 //要新增name,email,pass三個欄位的資料 //name的値為MingWang //email的値為MingWang@gmail.com //pass的値為123456 INSERT INTO mem(name,email,pass) VALUES(“MingWang”,”MingWang@gmail.com”,”123456″) 刪除資料指令 //點選SQL頁籤刪除資料 //要刪除mem資料表裡面的東西 //email為MingWang@gmail.com這串資料 //SQL的判斷是否等於只有一個= DELETE FROM mem WHERE email = “MingWang@gmail.com” 讀取 […]

PHP 基本知識

基本語法 <?php //單行註解 /* 多行註解 */ //echo 顯示文字 //;代表結束 echo “Hello world”; ?> 變數 <?php /*$宣告變數*/ $x=3; $y=5; /*修改變數*/ $x=4; //x就變成4了 /*輸出變數*/ echo $x; /*同時輸出字串與變數*/ $name=”Ian”; //中間用.連接兩者 echo “Hello”.$name; //output: Hello Ian /*同時輸出法2*/ $name=”Ian”; echo “Hello $name”; //output: Hello Ian //echo 使用”包起來,會自動識別裡面的$變數 /*同時輸出法注意*/ $name=”Ian”; echo ‘Hello $name’; //output: Hello $name //echo 使用’包起來,不會識別裡面的$變數,全部都會變成字串 ?> 運算 1+2 […]

HTML表單 form

<input>  單行文字 type:類型 name:欄位名稱(取名) placeholder:預設値 required:必填 <input type=”text” name=”firstname” placeholder=”姓名” required=”true”> Display <textarea>  多行文字 <textarea name=”comment” placeholder=”意見” required=”true”> Display <input>  送出按鈕 type=””submit”(預設顯示文字為submit/提交) <input type=”submit” name=”send” required=”true”> Display <input>  更改提交文字 value=”註冊”(把提交改為註冊) <input type=”submit” name=”send” required=”true” value=”註冊”> Display