2017年3月28日 星期二

HTML顏色

在HTML中顏色可以直接用英文代號輸入
例如
紅:red
藍:blue
橘:orange
其餘可參考連結

第二種表示法使用RGB數值
rgb(red,green,blue)
數值顯示最低為0(不顯示)到255(全部顯示)
rgb(255,0,0) 表示紅色全顯示
rgb(0,0,0)表示不顯示顏色,黑色
rgb(255,255,255)顏色全顯示,白色

第三種為HEX數值
原理同rgb,但是使用16進位法
以#000000表示,前兩個數字表示紅色顯示程度,再來是綠色,藍色
數字由小到大為0123456789ABCDEF
00為全關,FF為全開

HTML標註與註解

引用
使用blockquote可以使文章在分隔出一個區塊,使人分辨引用的區塊
<blockquote cite="http://www.worldwildlife.org/who/index.html">...<blockquote>

簡稱
當鼠標移至簡寫的文字處會顯示title中儲存的文字
<abbr title="World Health Organization">WHO</abbr>

聯絡訊息
<address>...<address>
包裹的文字通常會以斜體的方式出現,顯示聯絡資訊

物體的標題
<cite>...</cite>

反方向撰寫
使用bdo的文字在輸出後會顯示相反的順序
<bdo dir="rtl">This text will be written from right to left</bdo>
會顯示
This line will be written from right to left

註解(隱藏文字)
在HTML中撰寫如下
<!-- This is a comment -->
將不會顯示文字訊息在輸出後的畫面


HTML樣式屬性

HTML中樣式的宣告如下:
<tagname style="property:value;">
                       CSS的性質    數值
背景顏色
在body中設定性質background-color 可以改變整體背景顏色
<body style="background-color:powderblue;">

文字顏色
CSS性質用color改變文字顏色
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

字型
使用font-family改變文字字型
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

字體大小
使用font-size改變字體大小
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

改變文字位子(偏左偏右置中)
text-align 來指定字在文章中位置
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

改變文字格式
以下為不同的文字格式
方式為<格式>文字</格式>
<strong>This text is strong</strong>


  • <b> - 粗體字
  • <strong> - 加強重要
  • <i> - 斜體
  • <em> - 加強重要
  • <mark> - 標線
  • <small> - 縮小
  • <del> - 刪除
  • <ins> - 底線
  • <sub> - 下標
  • <sup> - 上標

  • 2017年3月27日 星期一

    HTML 表題與內文

    標題(headings) 字體由大至小為h1>....>h6 表示法
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>

    標題除了外觀上與內文不同外
    對瀏覽器來說,在查找文章大綱時是非常有幫助的
    內文請勿以標題來替代粗體或大字

    分隔線 <hr>
    單獨存在,用一條橫線來分隔區塊

    對HTML為暫存的地方 <head>
    放置於<html> 與<body>之間
    <html>
    <head>
      <title>My First HTML</title>
      <meta charset="UTF-8">
    </head>
    <body>...

    內文<p>
    在HTML中內文如果同一位至輸入多個空格
    瀏覽器會認為只有一個空格
    內文中的斷行也會被忽視

    分行<br>
    會自動換行,<br>單獨存在,不須結尾

    預先設定內文<pre>
    在pre中輸入的空白與段行會被瀏覽器認為是存在的
    可以避免再HTML處理與實際看到不一致



    HTML 元素與屬性

    HTML中起始與結束形式為
    <標籤名>內文</標籤名>
           <h1>標題</h1>
            <p>內文</p>
    而空白元素(empty elements)
    直接<標籤>即可
    例如跨行符號 <br>

    在HTML中所有元素都可以賦予屬性
    屬性可以提供額外的資訊
    表現通常如:name="value"
    <html lang="en-US">... </html>
    lang可以讓瀏覽器知道要用的文字格式
    en表示使用的語言,如果有方言則用US

    或是
    <p title="I'm a tooltip">
    This is a paragraph.
    </p>
    當鼠標移至內文上時會出現title中的資訊

    <a href="https://www.w3schools.com">This is a link</a>
    href提供連結,移至文字後可以點即開啟目標位置

    <img src="w3schools.jpg" width="104" height="142">
    src提供圖片的名稱
    width可以設定寬度(單位螢幕畫數)
    height可以設定高度(單位螢幕畫數)

    當文章中有"or'時(只具有一種)
    用不重複的符號來宣告
    <p title="John 'ShotGun' Nelson">
    內文有' 就用"

    HTML 基本

    在HTML中
    一開始要宣告類型 <!DOCTYPE html>.
    html檔案的開始與結束: <html> </html>
    html中可見的部分:<body> </body>
    以上是開始寫要記得打的

    標題(heading)
    從大到小 h1>h2.....>h6

    內文(paragraphs)
    表示法 <p> --內文-- </p>

    連結(link)
    以a表示
    <a href="http://www.google.com"> This is a link </a>
                    要連結的網站                       文字
    圖片
    <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
                圖片連結                       說明文字              寬度設定       高度設定

    2017年3月24日 星期五

    機車系統

    紀錄最近對機車系統研究後的心得
    系統可分為以下(有些省略)
    參考書目:認識摩托車的基本構造(圖解版)-晨星出版

    煞車系統

    鼓煞

    鼓煞系統如左圖,組裝後如圖中,置於圖右的輪胎中心位置處

    當拉剎車把手時,剎車提片的會外擴,摩擦煞車鼓,煞車鼓鎖在輪胎上,因此輪胎減速
    大致可以看做以下

    拉煞車把手--煞車提片外擴--摩擦剎車鼓--煞車鼓轉動能量變熱量--帶動輪胎減速--輪胎與路面摩擦--輪胎同樣動能轉摩擦能或熱能--車子慢下來

    紅字處可以得知在煞車當下,磨擦會產生些微的粉塵以及熱量
    煞車鼓將整個蹄片包裹,因而會有散熱不易以及粉塵累積的特點
    相對也有降低外界干擾(下雨,外界髒汙)還有整個系統簡單維護的特點

    碟煞

    碟煞系統示意圖(上)與產品圖(下左),下右為裝置在車上時的模樣

    原理:摩擦力降低速度,煞車卡鉗在按壓煞車時咬住煞車碟盤,煞車碟盤帶動輪胎減速
    與鼓煞差異為碟煞系統較為開放,因此散熱好粉塵排放佳,因為是開放系統,雨天如果卡鉗或碟盤淋濕,煞車力下降,受外界影響較大
    卡鉗的驅動力為油壓帶動,咬合力較高,整體機構較複雜,需定期更換碟煞煞車油

    變速系統

    自動變速系統 CVT

    一般速可達機車都是使用CVT變速系統,上圖示CVT運轉示意圖,前面圓圈以腳踏車比喻就是腳踩的部分(動力輸入的地方),在機車則是引擎帶動,後面圓圈為連動後輪胎,帶著輪胎轉
    與腳踏車不同的是,引擎轉速極高,剛起步時需要前方圓圈小,後方大,這樣引擎轉很多圈帶動輪胎可能少少幾圈而已
    高速下,前方圓圈逐漸加大,後方減小,以增加輪胎轉速
    以上是速可達騎行時變速系統發生的事
    如何發生呢?


    先從引擎直接帶動的說起, 上右中較大的圓形盤子為普利盤,可以裝載普利珠(圖中淡白色的圓柱體),安裝在機車上時,壓板會蓋在普利盤上,包住普利珠,形成普利盤組
    當引擎高速旋轉下,普利盤組跟著旋轉,而其內的普利珠,當轉速高時普利珠因離心力往外,因壓板為傾斜的,同時將普利盤外推,皮帶受擠壓被迫外擴,完成前方變速

    後方的變速利用前方變速拉動的皮帶,因皮帶長度固定,前方變大,後方就被拉小
    當速度降低時,則利用後方的大彈簧將皮帶壓回原來位置,圓圈變大,帶動前方圓圈變小,完成降速
    接下來說說CVT中的離合器與碗公作用
    為甚麼要有離合器呢,因為引擎只能夠持續運轉,只是轉速高轉速低而已,如果沒有離合器
    騎機車一發動就只能一直騎,要停車只能靠一直握住煞車或是熄火,相當麻煩
    因此將碗公(一個將離合器罩住的東西)與機車後輪連動,離合器只在特定情況下將動力給碗公帶動後輪
    上圖左是離合器,紅色部分是彈簧,待速下彈簧縮起,不與碗公摩擦,後輪不動
    高轉速時,彈簧被離心力拉開如上圖右(缺少彈簧),與碗公摩擦提供動力

    手動變速系統 打檔

    不同的齒輪比可供換手動換檔,並且換檔時需按壓離合器完成換檔動作

    引擎的馬力與扭力

    以英文來說馬力是power(功率),扭力是force(力)
    以吃飯比喻,一個人一口就可以吃掉一個飯糰,可是要休息許久才可以再吃
    另一個人都是小小口吃,可是吃的速度很快,也許一分鐘就可以吃掉一個便當
    在這裡一次吃的量就像是機車引擎每次的力道,吃的速度就是引擎的轉速
    引擎每次的力道也許很小,可以用很快重複的施力來弭補
    以網路找到的引擎圖描述,上圖可以看到,藍線是扭力,當引擎轉動速度越高,扭力下降,但因為轉速上升,總輸出力道=扭力X轉數
    因此仍然功率上升
    有些引擎扭力低轉速下很高,但轉速提升速度直落,會有暫停啟動很快,高速上不去的感覺
    而如果扭力表現持平,各轉速都類似,就會有加速穩定的感覺

    引擎

    二行程四行程

    二行程引擎在運作時會產生較高多的廢氣,因而已漸漸淘汰,目前市售的機車幾乎都是四行程引擎
    四行程引擎主要經歷:進氣行程/壓縮行程/點火行程/排氣行程

    2017年3月20日 星期一

    車蠟內容物

    曾討論過車子打蠟的用處連結
    這次來車蠟的內容物

    車蠟主要內容物

    蠟:

    不同蠟的熔點/氧化性/防水性不同
    高熔點相對堅硬不好上蠟,較抗高溫環境使用,硬度相對高
    抗氧化性好的蠟當形成薄膜時對車殼的抗氧化能力也高
    防水性好水珠容易滑走不會殘留車殼表面

    石油系溶劑:

    常見的石蠟/棕梠蠟等在常溫下是固態的不好使用
    加入溶劑讓蠟成為溶液態
    有點像膠水一樣,膠水乾後會剩下乾乾硬硬的樹酯
    原本容易推動的車蠟等溶劑蒸發後就會剩下乾硬的蠟

    有些會添加


    研磨劑:

    細小的堅硬粉末
    能夠研磨車殼上微細不均勻部分
    一般上車蠟前會要求清洗髒汙(大顆粒)
    並以手觸摸是否成具有顆粒感
    還有顆粒感就做上蠟的動作
    就跟研磨劑的作用相同
    只是髒汙的顆粒要不規則且大的多
    對車殼造成的刮痕是不均勻且不美觀

    矽利康(矽油):

    防水/油亮/可以鑽進車殼小洞或不平均處使外觀更加光滑
    而矽油較不耐酸鹼/多次清洗後容易喪失
    上矽油的產品表面附著力降低,後續上車漆等行為會降低效果

    化學去汙成分:

    添加具洗淨成分
    上蠟的同時也在清洗車殼

    香精:

    揮發性溶劑
    用來增加在打蠟時的舒適度

    固蠟VS軟蠟VS水蠟

    單位體積下蠟含量              多------------------少
    單位體積下石油溶劑量      少------------------多
                                                    固蠟--軟蠟--水蠟

    其他特點

    研磨劑    不推薦----------------------------可以適量
    車況        新車or保養良好--舊車or車殼多小刮痕

    矽利康    不推薦----------------------------------------------可以
    使用        欲上車漆/不常洗車------------經常洗車重新上蠟

    最後車蠟使用者需要認知
    車蠟的有效時限根據網路流傳(?)
    大約在幾個月之內
    車蠟過久沒更新
    第一是外觀上會沾汙/失去潑水功能
    第二是車蠟氧化或失去完整膜後就開始氧化車殼
    第三是老舊車蠟變質有時反而會不容易清理,反成缺點
    依據自身評估狀況
    沒有最好只有最適合

    2017年3月19日 星期日

    為何打蠟呢?

    為何車子要打蠟? 打蠟洗車的意義? 不打蠟跟打蠟各有甚麼優缺點呢?

    洗車打蠟之於車子就好像洗澡之於人類

    不洗澡會有甚麼後果?
    我想到的首先就是個人形象可能會不大好
    太久不洗澡容易藏汙納垢導致生病
    對於愛車的車迷們來說
    車子就好像自己的外裝,醜醜髒髒真是讓人羞於見人
    而車殼中有些微小的氣孔,當外界因子(灰塵/酸雨)能夠與它作用
    就會將車殼外層氧化掉,累積久了甚至會將車殼蝕穿
    定期的將汙染物清除或是上層阻隔層防止或延緩氧化的發生
    就可以讓愛車外觀美得更久啦

    車殼-保護車內零件的要角

    沒有車殼的摩托車一樣可以開,沒有車門的汽車還是可以發動(可是會被警察杯杯帶走)
    外界的環境是複雜的,有雨水有灰塵甚至停放時還會有鳥兒來拜訪
    如果將車子的線路裸露在外,使用壽命將會相對縮短,更換事小
    怕在騎車時出問題才是麻煩

    洗車-除了美觀還有即時處理

    洗車一般會使用除油膜(用來除蠟),或是介面活性劑,也可以單單用水
    主要目的是讓依附在車殼上的外來物消除,減少外來物對車殼可能損害的時間

    打蠟-車子穿新衣 蠟種類多

    打蠟的功用分為兩個上保護膜跟研磨舊痕跡(部分蠟種)
    靠洗車保護車殼的持續時間短,不是每個人都天天洗車
    這時候上一層保護膜直接將保護時效拉長至一個月到數年
    才是保護車殼較有效率的行為

    甚麼蠟-從固態液態 從修護到美容

    稍微說一下蠟的種類
    外觀上
    固態蠟:在車身形成保護膜,一般持久性較高,打蠟便利度最低
    軟蠟:通常含有研磨劑,將車殼不平處或小細紋磨去或推平,便利性次之
    液態蠟:最容易上蠟,但去汙力相對弱且持久度低
    而依功能分
    修護蠟(粗蠟):在蠟中加入研磨劑,可磨去前次的殘蠟或車殼不平處
    美容蠟:在蠟中加入矽與石油等溶劑,能滲入車漆的空隙或小空中,形成一層保護層

    美容蠟-為愛車美容好幫手

    美容蠟又可細分為
    矽晶蠟:含矽成分高,強防潑水,但含矽過高的蠟可能反而會滲入塗裝底層,使水氣和雜質接觸車殼金屬而生鏽
    棕梠蠟:天然蠟,持久性佳/防水性/與耐酸性,但去汙力相對不足
    油脂蠟:主要為動物脂肪,價格低易於上蠟,但是持久性差容易積灰塵

    塑膠保護劑-黑色的塑膠車殼也別忘拉

    機車或汽車黑色塑膠部分在久經陽光等外界影響
    也會氧化出現老化現象,甚至龜裂變質
    而塑膠保護劑主要成分是矽油/香精等,能夠阻隔塑膠與外界
    並使慘白塑膠恢復黑色光澤

    最後-人為甚麼要洗澡?

    也許一開始的比喻不是很恰當
    車子的清洗打蠟跟人類洗澡也不是那麼一樣
    車子買來當然可以都不清潔一直騎到報廢
    白色車騎乘黑色也是一種選擇
    個人認為洗車保養打蠟除了延長車使用壽命
    另外就是對車的欣賞跟美觀吧
    有些人喜歡打扮自己,有些人喜歡打扮愛車
    如此而已~ 為愛車洗洗洗吧~~

    2017年3月8日 星期三

    逛就業博覽會有感

    就業博覽會目前感覺上功效
    1.讓在學學生多少關注目前企業
    2.增加新創或小企業能見度
    3.大公司能夠當場面試
    4.有些公司能夠一窺工程師生活
    基於1.2點,博覽會充滿歡樂氣息,學生走走聽聽打卡拿禮物,廠商要把手中傳單發完隨便都給你
    但對在學學生不失一個可以和hr聊天,看自己目前技能比對公司需求度的機會
    找工作者,和工程師多聊天,看工程師回答問題一些細節,畢竟工程師的職務才是理工科畢業者會實際接觸的
    有些公司會有徵才會訊息
    到場者就全是求職者,氣氛與博覽會就不大一樣,工程師或主管問的問題相對專精,畢竟是未來可能的同事,不得不小心

    讓我也遇到啦-有耐心的詐騙

    目前在網路上交友遇到過的詐騙
    平台的:
    1.平台可能一開始就需要存錢開啟VIP
    結果開啟後發現都是機器人
    2.一登入平台不久就有正妹會員給予聊天訊息,ex你喜歡運動嗎... 等如真人會發出的問題,但大多都是聊天機器人的功勞,只是隨意的會員照片加上自動聊天機器人
    3.APP員工跟你聊天,裝成使用者,聊過天後藉故約出來或提供聯誼活動,在收費一次
    個人的:
    1.許多留line ID再加上寂寞等字眼,圖片瓜子臉穿著火辣是目前較常見,常會先問哪裡人,然後會說剛好住附近,有在兼差等(知者自知),當男方答應後會給出地址約見面,但通常會見面時會說要先購買點數,才能繼續,如不從,可能會轉為言語暴力威脅等
    2.留line ID 等上鉤,接下來很有耐心的聊幾天,過程中述說自己身世悲慘引發同情心,同時po出好身材照片,覺得男方很適合交往等,特徵是對話時類似自顧自說話,基本不會針對男方對話回覆,最後會要男方至工作處消費,價格不菲
    3.盜帳號,多為騙取信任借錢或因各種理由要求幫忙驗證電話
    目前網路交友詐騙想到的就這幾種啦