index.xml

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>sleepycookie&#39;s blog</title>
    <link>https://sleepyman212.github.io/</link>
    <description>Recent content on sleepycookie&#39;s blog</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>zh-tw</language>
    <lastBuildDate>Thu, 05 Sep 2019 01:26:04 +0800</lastBuildDate>
    
	<atom:link href="https://sleepyman212.github.io/index.xml" rel="self" type="application/rss+xml" />
    
    
    <item>
      <title>AlphaVSOpacity</title>
      <link>https://sleepyman212.github.io/post/alphavsopacity/</link>
      <pubDate>Thu, 05 Sep 2019 01:26:04 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/alphavsopacity/</guid>
      <description>&lt;h1 id=&#34;opacity-跟-background-差別&#34;&gt;opacity 跟 background 差別&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;opacity 子元素都會受影響，也會變成透明&lt;/li&gt;
&lt;li&gt;background-color 子元素就不會影響&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&#34;example&#34;&gt;example&lt;/h2&gt;

&lt;h3 id=&#34;opacity&#34;&gt;opacity&lt;/h3&gt;

&lt;p&gt;&lt;style&gt;
.bg1{
width: 700px;
height: 500px;
background-position:center;
color:black;
font-size:8rem;
opacity:.6;
}
.bg1-txt{
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
&lt;/style&gt;
&lt;div class=&#39;bg1&#39; style=&#34;background: url(&#39;/images/alphaBG.png&#39;);&#34;&gt;
    &lt;div class=&#39;bg1-txt&#39;&gt;
        Test
    &lt;/div&gt;
&lt;/div&gt;&lt;/p&gt;

&lt;pre&gt;&lt;code class=&#34;language-htmlmixed=&#34;&gt;&amp;lt;style&amp;gt;
.bg{
background: url(&amp;quot;/images/alphaBG.png&amp;quot;);
width: 800px;
height:600px;
background-position:center;
color:black;
font-size:8rem;
opacity:.6;
}
.bg-txt{
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
&amp;lt;/style&amp;gt;
&amp;lt;div class=&#39;bg&#39;&amp;gt;
    &amp;lt;div class=&#39;bg-txt&#39;&amp;gt;
        Test
    &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;blockquote&gt;
&lt;p&gt;上面的範例連文字都會有透明&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3 id=&#34;backgroud&#34;&gt;backgroud&lt;/h3&gt;

&lt;p&gt;&lt;style&gt;
.bg{
width: 700px;
height:500px;
background-position:center;
color:black;
font-size:8rem;
}
.bg-txt{
width:100%;
height:100%;
background: rgba(255,255,255,.3);
display:flex;
justify-content:center;
align-items:center;
}
&lt;/style&gt;
&lt;div class=&#39;bg&#39; style=&#34;background: url(&#39;/images/alphaBG.png&#39;);&#34;&gt;
    &lt;div class=&#39;bg-txt&#39;&gt;
        Test
    &lt;/div&gt;
&lt;/div&gt;&lt;/p&gt;

&lt;pre&gt;&lt;code class=&#34;language-htmlmixed=&#34;&gt;&amp;lt;style&amp;gt;
.bg{
background: url(&amp;quot;/images/alphaBG.png&amp;quot;);
width: 800px;
height:600px;
background-position:center;
color:black;
font-size:8rem;
}
.bg-txt{
width:100%;
height:100%;
background: rgba(255,255,255,.3);
display:flex;
justify-content:center;
align-items:center;
}
&amp;lt;/style&amp;gt;
&amp;lt;div class=&#39;bg&#39;&amp;gt;
    &amp;lt;div class=&#39;bg-txt&#39;&amp;gt;
        Test
    &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;blockquote&gt;
&lt;p&gt;文字不會透明了，只有背竟有透明一點&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2 id=&#34;參考資料&#34;&gt;參考資料&lt;/h2&gt;

&lt;p&gt;&lt;a href=&#34;https://www.youtube.com/watch?v=yxAGnwgzM4E&#34;&gt;CSS Opacity VS Alpha | Opacity 跟 Alpha的差異 | 調整透明度&lt;/a&gt;
&lt;a href=&#34;https://kknews.cc/zh-tw/tech/va6zgml.html&#34;&gt;CSS實現背景圖片透明，文字不透明效果&lt;/a&gt;&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Fetch POST 傳遞資料</title>
      <link>https://sleepyman212.github.io/post/fetch_post/</link>
      <pubDate>Sun, 28 Jul 2019 22:45:06 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/fetch_post/</guid>
      <description>&lt;p&gt;最近剛好在使用 fetch 代替 ajax ，剛好遇到了一些小問題，所以寫下來提醒一下自己&lt;/p&gt;

&lt;p&gt;fetch 是一個新的 API 可以讓我們可以去做 AJAX ，而且用起來更直觀&lt;/p&gt;

&lt;p&gt;當要使用 fetch 來做 POST 我們可以用以下的寫法:&lt;/p&gt;

&lt;pre&gt;&lt;code class=&#34;language-javascript&#34;&gt;fetch(URL,{
    method:&#39;POST&#39;,
    method: &#39;cors&#39;  // 用來作為 跨域請求用的
})
&lt;/code&gt;&lt;/pre&gt;

&lt;p&gt;這樣就可以使用 fetch 發出 POST 的請求，當我們要附上資料時，可以用 FormData 這一個 class 來帶上我們的資料&lt;/p&gt;

&lt;p&gt;&lt;code&gt;const fd = new FormData([可以直接指定 dom 元素是 form 的])&lt;/code&gt;&lt;/p&gt;

&lt;pre&gt;&lt;code class=&#34;language-javascript&#34;&gt;const fd = FormData();
fd.append(&#39;key&#39;,value);
&lt;/code&gt;&lt;/pre&gt;

&lt;p&gt;可以用以上兩種方法來給 FormData 資料&lt;/p&gt;

&lt;p&gt;最後只需要把 FormData 帶入 fetch 中的欄位，就可以成功帶上資料了&lt;/p&gt;

&lt;pre&gt;&lt;code class=&#34;language-javascript&#34;&gt;fetch(URL,{
    method:&#39;POST&#39;,
    method: &#39;cors&#39;,  // 用來作為 跨域請求用的
    body: fd
})
&lt;/code&gt;&lt;/pre&gt;

&lt;blockquote&gt;
&lt;p&gt;這邊不需要去指定 Content-Type ，因為 fetch 會幫我們帶上適當的屬性&lt;/p&gt;
&lt;/blockquote&gt;</description>
    </item>
    
    <item>
      <title>建立 moodle 工作環境</title>
      <link>https://sleepyman212.github.io/post/moodle_build/</link>
      <pubDate>Sun, 21 Apr 2019 02:38:03 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/moodle_build/</guid>
      <description>環境要求 os ubuntu 18.04.1 apache mysql php moodle 3.x 安裝教學 用來建立 server 用的 apache 更新套件 sudo apt update 安裝apache sudo apt install apache2 讓 apache 可以通過防火牆之前，先看一下 sudo ufw app list 現在讓 apache 可以通</description>
    </item>
    
    <item>
      <title>建立 CAS server</title>
      <link>https://sleepyman212.github.io/post/cas_build/</link>
      <pubDate>Sun, 21 Apr 2019 02:33:02 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/cas_build/</guid>
      <description>環境要求 jdk-11 apache-maven-3.5.2 apache-tomcat-9.0.17 install openjdk sudo add-apt-repository ppa:openjdk-r/ppa sudo apt update sudo apt install openjdk-11-jdk java -version #看一下版本跟有無安裝成功 install tomcat Create Tomcat User sudo groupadd tomcat #創建一個 tomcat 群組 sudo useradd -s /bin/false -g tomcat -d /opt/tomcat tomcat #創建一個較 tomcat 的使用者</description>
    </item>
    
    <item>
      <title>PHP session 換頁找不到了</title>
      <link>https://sleepyman212.github.io/post/php_session/</link>
      <pubDate>Mon, 11 Mar 2019 02:33:27 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/php_session/</guid>
      <description>&lt;p&gt;最近重新架 PHP 的環境，在使用 session 的時候發現了問題，當我在這個網頁設定了 session 後，
當我跳轉到另一個網頁後，發現 session 不見了!!!!&lt;/p&gt;

&lt;p&gt;我確認了一下我有沒有開啟 session(&lt;code&gt;session_start()&lt;/code&gt;) ， 也確認了我是在同一個網域底下，結果是我在其中一個關鍵的 php 檔案沒有開啟&amp;hellip;&lt;/p&gt;

&lt;p&gt;於是我上網找了一下有沒有可以避免的方法，發現是 &lt;code&gt;session.auto_start&lt;/code&gt; ，它可以自動幫我們開啟 session ，這樣就不會有時忘了開了，可以在 &lt;code&gt;php_info()&lt;/code&gt; 中找找看，如下圖，如果確認沒有開後，可以到 php.ini 裡去改掉他&lt;/p&gt;

&lt;p&gt;&lt;code&gt;session.auto_start=1&lt;/code&gt; 這樣應該就可以了&lt;/p&gt;

&lt;p&gt;&lt;img src=&#34;https://i.imgur.com/oNpf7vl.png&#34; alt=&#34;&#34; /&gt;&lt;/p&gt;</description>
    </item>
    
    <item>
      <title>Box Model</title>
      <link>https://sleepyman212.github.io/post/box_model/</link>
      <pubDate>Mon, 07 Jan 2019 04:38:38 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/box_model/</guid>
      <description>在 HTML 裡的每個元素都有一個 box-model，而 box-model 是用來表達一個元件的呈現方式，在 CSS 裡可以用 box-sizing 這個屬性去設定，以下是他可以設定的值 content-box &amp;ndash;&amp;gt; 預設的模</description>
    </item>
    
    <item>
      <title>無障礙網頁規範</title>
      <link>https://sleepyman212.github.io/post/accessibility1/</link>
      <pubDate>Sat, 15 Dec 2018 20:32:24 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/accessibility1/</guid>
      <description>以下是網站無障礙規範 2.0 的內容 我把 AA 級的規範盡量拿出來，如果要達到 AAA 級，仍需到網站無障礙規範 2.0參考 1. (替代文字)為任何非文字的內容提供相等</description>
    </item>
    
    <item>
      <title>Alias</title>
      <link>https://sleepyman212.github.io/post/alias/</link>
      <pubDate>Sat, 17 Nov 2018 23:41:12 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/alias/</guid>
      <description>alias 可以用來自己定義指令，讓自己更方便 用法: alias 新指令的名稱=&amp;lsquo;指令名稱&amp;rsquo; 如果不想要每次登入都打一遍，可以在家目錄底下的</description>
    </item>
    
    <item>
      <title>與virtual box共用資料夾</title>
      <link>https://sleepyman212.github.io/post/vboxsf/</link>
      <pubDate>Sat, 17 Nov 2018 23:07:12 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/vboxsf/</guid>
      <description>如何跟 Virtual Box 共用資料夾 step 1 先創建一個資料夾，名字隨便，這個是要拿來做共用的資料夾 step 2 開啟共用權限 右鍵資料夾點選內容 在點選第二個的共用 點選共用 新</description>
    </item>
    
    <item>
      <title>製作評分星星的方法</title>
      <link>https://sleepyman212.github.io/post/%E8%A3%BD%E4%BD%9C%E8%A9%95%E5%88%86%E6%98%9F%E6%98%9F%E7%9A%84%E6%96%B9%E6%B3%95/</link>
      <pubDate>Thu, 16 Aug 2018 16:02:21 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/%E8%A3%BD%E4%BD%9C%E8%A9%95%E5%88%86%E6%98%9F%E6%98%9F%E7%9A%84%E6%96%B9%E6%B3%95/</guid>
      <description>製作評分星星的方法 最近剛好在想要如何做評分星星的效果，所以就來做一下了 ps 如果有跑版把 .text li 裡的 width 條一下應該就可以了 成品 ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ .test{ height:</description>
    </item>
    
    <item>
      <title>Jquery prop and attr different</title>
      <link>https://sleepyman212.github.io/post/jquery_prop_data_different/</link>
      <pubDate>Sun, 12 Aug 2018 16:25:59 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/jquery_prop_data_different/</guid>
      <description>.prop() V.S. attr.() prop 是作用在 DOM 元素上 ，而 attr 是作用在 html 文檔上，當我們去取得還未設定的屬性時(ex:checked)，用 attr() 時，會傳 undifined ，因為 attr() 只會回傳 string 的型態</description>
    </item>
    
    <item>
      <title>UVa1152 4 Values whose Sum is 0</title>
      <link>https://sleepyman212.github.io/post/uva1152_4_values_whose_sum_is_0/</link>
      <pubDate>Sun, 12 Aug 2018 15:54:17 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/uva1152_4_values_whose_sum_is_0/</guid>
      <description>題目網址 解題說明: 題目是要找出有幾 a + b + c + d 為 0 的組合有幾個，可以先把 a 跟 b 相加的組合儲存在變數 ab 裡，然後對她 sort ， 之後再對 -c 跟 -d 的合的組</description>
    </item>
    
    <item>
      <title>Jquery 自訂過濾器</title>
      <link>https://sleepyman212.github.io/post/jquery_%E8%87%AA%E8%A8%82%E9%81%B8%E6%93%87%E5%99%A8/</link>
      <pubDate>Thu, 09 Aug 2018 05:46:59 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/jquery_%E8%87%AA%E8%A8%82%E9%81%B8%E6%93%87%E5%99%A8/</guid>
      <description>Jquery 自訂過濾器 有時候 jquery 的過濾器沒有辦法滿足我們的需求，我們就可以自訂 jquery 的過濾器 DEMO HTML &amp;lt;ul class=&amp;quot;levels&amp;quot;&amp;gt; &amp;lt;li data-level=&amp;quot;1&amp;quot; data-point=&amp;quot;1&amp;quot; data-technologies=&amp;quot;javascript node grunt&amp;quot;&amp;gt;Level 1&amp;lt;/li&amp;gt; &amp;lt;li data-level=&amp;quot;2&amp;quot; data-point=&amp;quot;10&amp;quot; data-technologies=&amp;quot;php composer&amp;quot;&amp;gt;Level 2&amp;lt;/li&amp;gt; &amp;lt;li data-level=&amp;quot;3&amp;quot; data-point=&amp;quot;100&amp;quot; data-technologies=&amp;quot;jquery requirejs&amp;quot;&amp;gt;Level 3&amp;lt;/li&amp;gt; &amp;lt;li data-level=&amp;quot;4&amp;quot; data-point=&amp;quot;1000&amp;quot; data-technologies=&amp;quot;javascript jquery backbone&amp;quot;&amp;gt;Level 4&amp;lt;/li&amp;gt; &amp;lt;/ul&amp;gt; 自</description>
    </item>
    
    <item>
      <title>UVa 12907 Pie</title>
      <link>https://sleepyman212.github.io/post/uva_12097_pie/</link>
      <pubDate>Fri, 03 Aug 2018 06:12:31 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/uva_12097_pie/</guid>
      <description>題目網址 解題說明: 這一題是要找每個人可以分到的最大塊的派，且一塊派不能由不同的派組成的。所以我們可以使用二分搜來找出要的答案 範例code: #include</description>
    </item>
    
    <item>
      <title>C的變數儲存類別</title>
      <link>https://sleepyman212.github.io/post/c%E7%9A%84%E8%AE%8A%E6%95%B8%E5%84%B2%E5%AD%98%E9%A1%9E%E5%88%A5/</link>
      <pubDate>Sat, 07 Jul 2018 00:28:54 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/c%E7%9A%84%E8%AE%8A%E6%95%B8%E5%84%B2%E5%AD%98%E9%A1%9E%E5%88%A5/</guid>
      <description>c 的變數儲存類別有以下四種 extern auto register static 常數 extern extern 可以用在變數或函式上，用來告訴編輯器該函數或變數已在其他檔案宣告過，不用在配置記憶體。 //file.c int a = 5; //file2.c</description>
    </item>
    
    <item>
      <title>About</title>
      <link>https://sleepyman212.github.io/about/</link>
      <pubDate>Mon, 28 May 2018 17:45:30 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/about/</guid>
      <description>哈囉我是 sleepyman ，這是我一些作筆記的地方，歡迎參考或提出意見</description>
    </item>
    
    <item>
      <title>Thread練習</title>
      <link>https://sleepyman212.github.io/post/thread%E7%B7%B4%E7%BF%92/</link>
      <pubDate>Mon, 28 May 2018 02:58:03 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/thread%E7%B7%B4%E7%BF%92/</guid>
      <description>JAVA Thread 今天看到Android綠豆湯裡在做，多執行緒的練習，想說很久沒有碰java了，所以就跟著他做了一下練習，就是模擬雪下下來的情形，當我們有</description>
    </item>
    
    <item>
      <title>2018_ITSA</title>
      <link>https://sleepyman212.github.io/post/2018_itsa/</link>
      <pubDate>Wed, 23 May 2018 03:11:30 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/2018_itsa/</guid>
      <description>原本是想說當天就要寫的，但是最近事情有點多，就拖到到現在了。這次ITSA算是第一次打規模比較大的程式比賽，想說放輕送打，在前一個小時順順利利</description>
    </item>
    
    <item>
      <title>NQueen</title>
      <link>https://sleepyman212.github.io/post/nqueen/</link>
      <pubDate>Mon, 21 May 2018 14:15:52 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/nqueen/</guid>
      <description>八皇后 這是一題經典的回朔法的題目 題目 皇后的攻擊範圍是米字型，然後給定你一個N*N的棋盤，請問各個皇后不乎相打起來的方法有幾種。這一題算是小變</description>
    </item>
    
    <item>
      <title>HUGO 架站心血</title>
      <link>https://sleepyman212.github.io/post/about/</link>
      <pubDate>Thu, 17 May 2018 08:34:57 +0800</pubDate>
      
      <guid>https://sleepyman212.github.io/post/about/</guid>
      <description>test for the hugo HUGO 經過一晚的研究終於把 HUGO 大概給用好，原本以前就有打算寫 Blog 的念頭，結果因為太懶惰，都沒有去寫，這次剛好想說透過Blog 來記錄自己的學習</description>
    </item>
    
  </channel>
</rss>