Claire's Blog
I'm a mother of two precious kids and a professional programmer.
我的新書AI 職場超神助手：ChatGPT 與生成式 AI 一鍵搞定工作難題的教材投影片已製作完成
歡迎各位有需要的教師和博碩文化索取教材
Web Developer
-
Charles介紹 – 好用的封包抓取工具
軟體資訊 官方網站: https://www.charlesproxy.com/ 軟體下載: Download 軟體介紹 Charles 是在電腦上常用的網路封包截取工具，在做手機APP開發時，我們為了測試與伺服器端的網路通訊，常常需要截取網絡封包來分析。除了在做手機APP開發中測試端口外，Charles也可以用於分析第三方應用的通訊協議。配合Charles 的SSL 功能，Charles 還可以分析Https 協議。 Charles 通過將自己設置成系統的網絡訪問代理服務器，使得所有的網絡訪問請求都通過它來完成，從而實現了網路封包的截取和分析。 Charles 是收費軟件，可以免費試用30 天。試用期過後，未付費的用戶仍然可以繼續使用，但是每次使用時間不能超過30 分鐘，並且啟動時將會有10 秒种的延時。因此，該付費方案對廣大用戶還是相當友好的，即使你長期不付費，也能使用完整的軟件功能。只是當你需要長時間進行封包調試時，會因為Charles 強制關閉而遇到影響。 Charles 主要的功能包括： 截取Http 和Https 網絡封包。…
-
自適網頁RWD開發心得
最近大家有發現部落格的樣子隨著日子在偷偷的改變嗎? 是的！最近我在進行部落格的版面小修改！ 主要訴求是要將版面改版成具有專業感、清楚、易讀， 然後呀，本部落格現在開始支援Responsive Web Design囉!(灑花~~灑花!! 其實自適網頁說穿了，只是用多組的CSS，可以在不同瀏覽環境下切換畫面的CSS， 這可以讓同一個網頁在手機以及電腦上，呈現不一樣的樣子。 RWD一般最常見是使用media queries，利用條件設定去設定裡面所設定的CSS要在何種狀況被使用。 我的開發心得 那這次的改版過程中，下面幾點是我覺得在開發RWD時要去注意的 若有需要使用JS去做網頁動態，不要將CSS直接在JS裡面加，例如 類似上面的這種的作法都要通通避免，JS一定要避免掉所有和版面有關的設定。 像上面這種寫法，應改成： 這樣可以避免在切換為不同顯示方式時彼此互鄉干擾到。 CSS選擇器的優先順序： 因為在套用時，會有共通的、在某些解析度才要使用的CSS設定。 假如當今天總共有四種不同瀏覽裝置有四種不同版面，其中想在某一種特別的裝置上套用一系列不同的CSS(只是改字體什麼等)。會需要更清楚的了解各種選擇方法在執行時的優先順序，才能用不同的選擇器去覆蓋原有設定。 這邊有關於選擇器優先順序的詳細說明：如何撰寫有效率的CSS選擇器(CSS Selector) HTML格式架構： 因為要應付多種的CSS套版，HTML的格式設計就很重要，應要能夠清楚表達各元素之間的子從關係，並且符合W3C的規範，這樣子在換CSS時才可以順利在不更改HTML的狀況下去更動顯示方式。 Media Queries設定方式…
-
WordPress Plugins開發分享
wordpress簡報下載 上面的是我分享的Wordpress套版開發的PowerPoint 其內容截錄如下: 1. WordPress簡介 • 一個以PHP和MySQL為平台的自由開源的部落格軟體和內容管理系統。 • 使用者可以安裝和切換主題。主題可讓使用者不改變部落格內容和結構的情況下更改介面和WordPress站點的功能。 • WordPress非常流行的一個特性是它豐富的外掛模組架構，外掛模組能使使用者和開發者擴充功能WordPress程式的功能。當前WordPress外掛模組資料庫中有超過18000個外掛模組，包括SEO、控制項等等。 2. WordPress基本介紹 • 在WordPress裡，網頁分文章及頁面。 • 頁面: 網頁中的固定頁面,不經常更新,例如關於我們、聯絡資訊。 • 文章: 網頁中的經常性變更頁面,常更新,例如最新資訊、我的作品。 • 每一篇文章及頁面都可以設定是否開啟迴響，迴響是類似留言版的地方，會顯示在網頁的下方。 • 外掛及佈景主題皆可以在官網下載或尋找免費支援，許多免費外掛或主題也有提供功能較完整的付費版本，此為WordPress的主要營收來源。…
-
製作WordPress的第一個Plugins開發
1. 在wp-content\plugins下隨意新增一資料夾，建立一隻php檔案，在這邊我是命名為Claire.php 2. 在Claire.php裡加入下列程式碼 然後至後台的=>外掛，就可以看到剛剛新增的外掛的資訊了! 將之啟用，變可以在文章的底下，看到fb的按讚連結了!
-
CSS Vertical Align(用純CSS解決div垂直置中)
本文出處:http://blog.yam.com/hanasan/article/35806444 本次要介紹的是CSS垂直置中(Vertical Align with css)的完整解決整理。 說實話這並不太容易，雖然不像水平置中 {margin:0 auto;} 那樣單純, 但仍有幾種方式可以作到，以下共有五種方式一一介紹。 每種使用方式各有其優、缺點，端看自己要置中的內容是「區塊」或是「文字」來取捨。 方法一 使用CSS table-cell屬性來完成，什麼是table-cell？簡單說就是針對一些html object附于它table的屬性(詳見此)， 如果曾經使用過table來排版的網頁開發者，應該知道td的既有屬性valign，古早以前根本不會有垂直置中的問題，因為td下個 valign=”middle”就行了。 而table-cell即是可以將div模擬成表格(table)的儲存格(td)，讓原本不存在vertical-align的div可以使用。 Sample Code HTML <div id=”wrap”> <div id=”cell”>…
-
JQuery選擇器
1. 選擇所有的table 2. 選擇第N行(若有很多table則只會選第一個table的第N行) 3. 選擇第N行(若有很多table則會選擇每個table的第N行) 4. 選奇偶行 3. 選第一個元素 下面是相關選擇器的一個小範例 下面是顯示的結果 1,0 2,0 3,0 4,0 5,0 1,1 2,1 3,1 4,1 5,1 1,2 2,2 3,2…
-
使用php抓取網路上的圖片
首先要先至網站上下載snoopy類別 可用以模擬表單送交或是抓取網路頁面 http://snoopy.sourceforge.net/ 然後使用下面的範例程式就可以順利下載圖檔了
-
在php裡使用gmail及phpmailer發信
首先先至phpmailer下載php4在用的版本 http://phpmailer.worxware.com/ <=官網 http://sourceforge.net/projects/phpmailer/files/phpmailer%20for%20php4/PHPMailer%20v2.0.4%20for%20PHP4/ <=載點 打開後在根目錄的 class.phpmailer.php和class.smtp.php是最主要的發信類別 剩的檔案則皆為範例檔 然後下面是一個最簡單的範例(使用gmail發信) 比較重要，也是我花比較多時間在設定的點在於 之前gmail是使用ssl協定且通訊阜是465 最近則改為用tsl且通訊阜改為587 所以只要改了這兩點 就可以順利的使用gmail發信囉!! 不過要注意 專業版的gmail一天最多寄兩千封 免費版的一天最多寄一百封 超過上限則會被鎖帳號一天! 解決方式可以申請多個gmail帳號，每個帳號輪流發送信件 便可解決這個問題
-
寄送mail的header和內文設定(utf-8)
現在大多數的信件系統都已使用utf-8 之前寄出utf-8的信件常會發生信件標題和headers資訊變成亂碼 查了老半天網路 原來不支援主要的原因在於，電子郵件標準格式中 表頭的部分不允許使用雙位元的文字 所以，使用mb_encode_mimeheader()函式 將雙位元文字編碼為單位元字串。 以下為headers的範例 這樣便可成功解決「郵件標題」或「寄件者」是亂碼的問題 ======================================= 若是電腦沒有安裝mb_encode_mineheader()的函式庫 則可以使用下面的程式碼來寄信
-
用php產生excel文件
在古早之前我都是使用php產生csv純文字逗點分隔來將資料下載為excel 但最近用csv時，因網站系統使用utf-8編碼 而csv只能支援big5 導致文字編碼轉換時發生嚴重的漏字問題 在尋求了google大神之後 原來現在都是改用xml的格式 也就是xls來做純文字的 雖然會造成檔案較大 但是可以設定該欄位要以數字 日期 或字串格式顯示 也可支援utf-8 http://code.google.com/p/php-excel/ 這是一個可以幫你自動產生xls的php開源 非常的方便 使用範例如下 Table It is actually possible that the complexes with…
Search
About Me
17年資歷女工程師，專精於動畫、影像辨識以及即時串流程式開發。經常組織活動，邀請優秀的女性分享她們的技術專長，並在眾多場合分享自己的技術知識，也活躍於非營利組織，辦理活動來支持特殊兒及其家庭。期待用技術改變世界。
如果你認同我或想支持我的努力，歡迎請我喝一杯咖啡！讓我更有動力分享知識！
