2022年11月23日 星期三

台灣被中共自閉長城封鎖、通過的網站

◆ 偵測工具
 ・www.comparitech.com
 ・www.chinafirewalltest.com
 ・viewdns.info
 ・www.websitepulse.com


◆ 商人無祖國,台灣非常被爭議的企業
  ・旺旺集團(維基百科)
  ・旺旺中時媒體集團 (現任董事長蔡衍明、副董事長周錫瑋、總裁蔡紹中)(維基百科)


◆ 被通過之網站
 ● 2022-11-23
  ・中時新聞網 (www.chinatimes.com)(旺旺集團控制)
  ・中視新聞網 (www.ctv.com.tw)(旺旺集團控制)
  ・中天新聞網 (www.ctnews.tw)(旺旺集團控制)
  ・中天電視 (www.ctitv.com.tw)(旺旺集團控制)
  ・工商時報 (ctee.com.tw)(旺旺集團控制;這網站沒被禁,令人驚訝中共愛錢程度趕得上「政治正確」的覺悟程度)
  ・ETtoday新聞網 (www.ettoday.net)(嘿~,八卦新聞網果然不被排斥)


◆ 被封鎖之網站
 ● 2022-11-23
  ・聯合新聞網 (www.udn.com)
  ・自由時報電子報 (www.ltn.com.tw)
  ・Yahoo奇摩新聞 (tw.yahoo.com)
  ・中央社CNA (www.cna.com.tw)
  ・TVBS新聞網 (news.tvbs.com.tw)
  ・民視新聞網 (www.ftvnews.com.tw)
  ・三立新聞網 (www.setn.com)
  ・台視新聞網 (news.ttv.com.tw)
  ・華視新聞網 (news.cts.com.tw)
  ・公視新聞網 (news.pts.org.tw)
  ・年代電視及年代新聞網 (http://www.eracom.com.tw/)
  ・線上看新聞 (tv.wfuapp.com)
  ・蘋果新聞網 (www.appledaily.com.tw)
  ・東森新聞 (news.ebc.net.tw)
  ・台灣英文新聞 (www.taiwannews.com.tw) (Taiwan News)
  ・蕃新聞 (n.yam.com)(舊名:蕃署新聞網)
  ・NOWnews今日新聞 (www.nownews.com)
  ・Google台灣新聞網 (news.google.com.tw)


2022年9月17日 星期六

從 Javascript 修改 CSS

 <!DOCTYPE html>
<html><head></head>
<body>
<p id="foo">hello world</p>
<script>
    var foo = document.getElementById('foo');
    foo.style.color = 'blue';
    foo.style.fontWeight="bold";
    foo.style.fontSize="20px";
 
    // 函數-橫槓式
//    foo.style.setProperty("background-color","lightblue");
 
    // 函數-簡寫式
//    foo.style.setProperty("background","lightblue");
 
    // 函數-駝峰式(失敗,無此方式)
//    foo.style.setProperty("backgroundColor","lightblue");
 
    // 陣列-橫槓式
//    foo.style['background-color'] = '#ddd';
 
    // 陣列-駝峰式
//    foo.style['backgroundColor'] = 'lightyellow';
 
    // 陣列-簡寫式
//    foo.style['background'] = 'blue';
 
    // 橫槓式 (失敗,無此方式)
//    foo.style.background-color = "#eeb";
 
    //駝峰式
//    foo.style.backgroundColor = 'yellow';
 
    //簡寫式
//    foo.style.background = 'rgb(200,150,100)';
</script>
</body>
</html>

2022年9月16日 星期五

CSS background 3個應用範例

CSS 參考來源:點閱
CSS3 參考來源:點閱

現在大部份人使用 background 都是一個一個設定它的其它屬性,但若不涉及CSS3新增的屬性時,它其實可一次設定完畢!

-----------------------------------------------------
1、不同 Background 的宣告方式
-----------------------------------------------------
<!DOCTYPE html>
<html><head></head>
<body>
<style>
    div{
        border:1px solid red;
        width:200px;
        height:200px;
    }
    .test1{
        /* 原始大小 */
        background: #fff url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me') no-repeat;
    }
    .test2{
        /* 新舊語法混合用,圖像最大化且不失真 */
        background: #fff url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me') no-repeat;
        background-size:contain;
    }
    .test3{
        /* 新舊語法混合用,圖像最大化,要固定在div背面時,「卻穿透粘在body背景」 */
        background: #fff url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me') no-repeat fixed;
        background-size:contain;
    }
    .test4{
        /* 新舊語法混合用,圖像最大化且失真 */
        background: #fff url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me') no-repeat;
        background-size:cover;
    }
    .test5{
        /* 只用新語法,圖像最大化且不失真 */
        background-image:url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me');
        background-repeat:no-repeat;
        background-size:contain;
        background-attachment:;
    }
</style>
第一個(原始大小)<br/>
<div class="test1"></div>
<p><br/>
第二個(一個 background 把各屬性全宣告完畢,結果正常)<br/>
<div class="test2"></div>
<p><br/>
第三個(要固定在div背面時,「卻穿透粘在body背景」)<br/>
<div class="test3"></div>
<p><br/>
第四個(background-size:cover 使底端不能正常顯示)<br/>
<div class="test4"></div>
<p><br/>
第五個(使用多個屬性才宣告完畢,結果也是正常)<br/>
<div class="test5"></div>
</body>
</html>


----------------------------------------------------------
2、background 上傳圖片及設定之運用
----------------------------------------------------------
<!DOCTYPE html>
<html><head></head>
<body>
<style>
    div{
        border:1px solid red;
        width:200px;
        height:200px;
    }
    .test1{
        /* 使用原始大小 */
        background: #fff url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me') no-repeat;
    }
    .test2{
        /* 新舊語法混合用,圖像最大化且不失真 */
        background: #fff url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me') no-repeat;
        background-size:contain;
    }
    .test3{
        /* 新舊語法混合用,Div 背景圖像最大化,固定在背景時『卻穿透粘在body背景上』*/
        background: #fff url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me') no-repeat fixed;
        background-size:contain;
    }
    .test4{
        /* 新舊語法混合用,圖像最大化且失真 */
        background: #fff url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me') no-repeat;
        background-size:cover;
    }
    .test5{
        /* 只用新語法,圖像最大化且不失真 */
        background-image:url('https://drive.google.com/uc?export=view&id=1bEx-mum880QycaawzUN7I26weTMNS-Me');
        background-repeat:no-repeat;
        background-size:contain;
        background-attachment:;
    }
</style>
<div class="test1"></div>
<p>
<div class="test2"></div>
<p>
<div class="test3"></div>
<p>
<div class="test4"></div>
<p>
<div class="test5"></div>
</body>
</html>


-----------------------------------------------------
3、background 之二圖片合併應用
-----------------------------------------------------
<!DOCTYPE html>
<html><head></head>
<body>
<style>
#example1 {
    margin-top:0px;
    background: url(https://drive.google.com/uc?export=view&id=1-J20rOq4FT45R9Fqe1PJmahdBwnX5zZ0) right bottom no-repeat, url(https://drive.google.com/uc?export=view&id=1W-VLYg2ZvLcyvcrw2bOMWKYDd7Lc12Lg) left top repeat;
    padding: 15px;
}
 
</style>
<div id="example1">
<h1>不是痛苦,只是不痛快</h1>
<p>一些官員只求自己職位,疏忽了人民需求,不是停用就是搞網軍。若一個國家會衰敗,這些蠹蟲是禍首!</p>
<p>我自反省,由於已看透這些爪耙子的底細,因他們而導致國民之損失,我並不感覺痛苦,只是心中不痛快而已~</p>
</div>
 
</body>
</html>

2022年7月18日 星期一

w3schools.com CSS 174種範本展示

174種CSS 範本展示,包括各類 HTML 標籤(tag)的 CSS 設定範本

CSS accent-color:三個物件,Checkbox、Radiobutton、Range
CSS align-content:文字列的排列方式
CSS align-items:Flexbox 的上下排列方式
CSS align-self:Flexbox 的自訂排列的方式 (algin-self 取代 Flexbox 預設的排列方法)
CSS backdrop-filter:背景瀘鏡的運用(濾鏡功能,可把前景物件變透明)

OWDL - Language List

◆ HTML
  ○ HTML 常用網頁字符
  ○ HTML 全部字符
   ・(英) HTML4,5 Entity Name (字符) A~Z - w3schools.com
   ・(繁) HTML 4, 5 Entity Name (字符) A~Z - w3big.com


◆ Javascript
  ○ CSS
   ・從 Javascript 修改 CSS
   ・
   ・
   ・
   ・


◆ CSS
   ・CSS background 3個應用範例
   ・
   ・
   ・


◆ JCH5 綜合範本 (Javascript, CSS, HTML5)
  ○ CSS 174種範本展示 - w3schools.com

2022年7月15日 星期五

常用網頁字符

 字 符     HTML Name     HTML Code     CSS Code      說  明 
×   &times;   &#215;   \00D7   乘法的叉叉,右上方關閉視窗的通用叉叉
    &#10005;   \2715   網頁顯示中,大「乘法叉」近一半。在一般記事本則只略大一小點,近乎相同
  &lsaquo;   &#8249;   \2039  
  &rsaquo;   &#8250;   \203A  
             
             
             
             
             
             
«   &laquo;
  &#171;   \00AB   放大至50px就會順眼
»   &raquo;   &#187;   \00BB   放大至50px就會順眼
    &#10006;   \2716   粗體的叉叉字符
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白
    &#000;   \0000   空白

※ 常用字符連結網頁:
  ・☑✖
  ・☐☒

※ 背誦字符的簡單方式:
  ・記下它的 「 Unicode Number 」,它通常等同 CSS Code,或八進位的編號。
  ・八進位的背誦方式,是加一個「 x 」,以✖為例是 「 &#x 」 加上 「 2716; 」

※ 全部字符:
  ・(英) HTML4,5 Entity Name (字符) A~Z - w3schools.com
  ・(繁) HTML 4, 5 Entity Name (字符) A~Z - w3big.com

2022年1月28日 星期五

保全個人隱私,勿用抖音(TikTok)及中國所有軟體

原標題:當中國政府成為數據老大哥:監控統治之網恐籠罩全球

吳介聲 29 Sep, 2021

9月23日中國阿里巴巴集團「螞蟻金服」發布通知,旗下信貸產品「花唄」將全面接入中國央行徵信系統,用戶應授權與該系統共享資訊,拒絕的用戶將無法使用花唄服務。

美國《華爾街日報》指出,此消息顯示螞蟻金服同意中國監管部門要求,將配合按月上報央行之訊息包括帳戶設置日期、信用額度、還款狀態等。然而花唄表示不會提供客戶購買何種商品,以及何時購買等具體交易訊息。實際執行程度以及後續發展仍待觀察。

根據該報導,螞蟻金服主要業務網路銀行為客戶提供數位支付、投資、保險等金融服務,全球用戶超過十億,中國約有多達五億人使用其網路信貸。

花唄是螞蟻金服一款可於支付寶使用的網路信貸,會參考用戶消費水準以及螞蟻金服旗下的芝麻信用分數,提供1,000元至50,000元人民幣的信用貸款。曾因通過貸款戶關係人催收還款引發大量爭議與糾紛,被質疑涉嫌侵犯用戶隱私。

中共積極掌控數據

近來中共對數據監管持續趨嚴,甚至被喻為與中國科技巨頭的大數據爭奪戰。中共監管機關已下令國企要加速將數據從阿里巴巴與騰訊等大企業的雲端服務,轉移到官方主管的雲端設備,向來由科技巨頭主導的中國雲端服務市場深受威脅,動盪不安。

此前中外輿論喧騰已久的中國《數據安全法》於9月1日生效。該法將要求中國所有企業將其數據依規分類、管理、存儲與傳輸。分類重點例如「國家核心數據」、「重要數據」,倘若處理不當將可處最高1,000萬元人民幣罰款,甚至面臨刑事指控。

然而受到中外企業與法律界詬病的是,中共當局並未為這些數據分類提供定義,例如:規定希望將「重要數據」轉移到海外的企業,每次轉移都必須進行安全評估,而何謂「重要數據」則未明訂標準,甚為模糊。類似的情況讓企業擔心踩到地雷,甚感不安。

再往前一個月,7月26日中國工業和信息化部(簡稱「工信部」)宣布將對網路行業啟動為期六個月的「專項治理行動」,重點整治威脅數據安全和侵犯用戶權益等問題。

當時中國工信部公告指出已於7月23日部署專項整治行動,此高調行動被視為擴大規模整肅科技企業個資。近年來中共當局對中國大型數位科技企業以涉嫌壟斷以及數據問題開出巨額罰單,雷厲風行,震驚中外。

例如:2019年11月中國工信部曾經針對「侵害用戶權益」的應用程式(APP)展開「專項整治行動」,直到今年6月11日,兩年半累計檢查117款應用程式,並於7月25日公佈第15批需要整改的應用程式清單,涉及「擾亂市場秩序、侵害用戶權益、威脅數據安全、違反資源管理規定」四大方面問題。

7月初美國《CNBC》曾經報導,從阿里巴巴螞蟻集團345億美元的赴美上市案被喊停,到28億美元反壟斷罰款,數個月以來中共當局持續打壓中國數位科技企業,名義上整治焦點為反壟斷以及金融監管。而今中共當局已將目標轉向掌控數據。

中共掌控之網逐漸擴及國際

不僅中國數位科技巨頭的數據受到監管之威脅,在中國營運的外國企業也難逃。6月中旬《華爾街日報》報導,中共呼籲中國科技巨頭分享數據,並且要掌控在中國經營的美國企業數據,主因中共總書記習近平要約束影響力日益擴張的科技業,並轉而讓其配合中共利用。

《華爾街日報》指出,根據官方文件與採訪發現,中共當局已經呼籲騰訊、阿里巴巴和抖音(TikTok)母公司字節跳動等大型科技公司開放數據,並為此量身打造法規,以避免此前部分企業拒絕配合交出數據之疑慮。

市場一般認為近期中共當局急於管控數據,主因中國科技巨頭所收集與掌控的數據激增;其次為中共高層擔心眾家科技巨頭可能利用海量深入民間的數據強化影響力,甚至衝擊政權;其三為中共認定這些數據為「國家資產」,政府有權堂而皇之取得與利用——這也正是中國與民主自由法治國家在數據主權上的最大歧異與衝突。

中國法律已規定如果涉及國家安全,任何個人與企業都必須與政府合作,配合交出數據與資訊,其中當然包括在世界收集大量外國數據資訊的中資企業,例如:美國川普總統任內曾經設法限制的國際版抖音(TikTok)以及微信。

如今中共已經毫不掩飾掌控數據資源的野心,並且佈局層層複雜且模糊的法規,逐步付諸行動,影響所及已經不僅限於中國境內的中外企業,甚至將八爪長臂伸向全球各國企業組織甚至政府,倘若世人對此掉以輕心,甚至視而不見,勢必將付出沉痛代價。

鄭也夫呼籲中共武統派:別再帶給中國人民災難

點按看來源
吳介聲 25 Jan, 2022

近日北京大學退休教授鄭也夫為台海情勢發表率直有力的短文,反對中共武統以及武力威懾台灣,引起中外輿論熱議。然而也因為鄭也夫異於以往的謹慎態度,凸顯目前中共言論管控高壓氛圍。

1月22日,歷年來曾經多次撰文呼籲中共改革甚至「體面地」退出歷史舞台的北京大學社會學退休教授鄭也夫,發表〈匹夫說台海〉短文,全篇不到五百字,卻是字字珠璣。鄭也夫強調由於中共嚴控言論使得武統之論甚囂塵上,然而「吾道不孤」、「不甘麻木不仁」,他的公開反對可以擊碎「武統派」聲稱代表人民的錯覺。

這次僅只針對中共「武統派」?

然而根據《自由亞洲電台》聯繫指出,對此鄭也夫拒絕接受後續採訪,以避免當局對他「錯誤理解」,強調文章已經明白釋放觀點,表示想法就擱在這短文裡頭,並稱「不要說文章要被刊登或錄音,就光是對話也會被監聽。」

年逾七旬的鄭也夫發表該文重點有三,其一「反對武統」,強調自身立場「開戰的第一防線是反武統的輿論。不張嘴就是棄權,都不張嘴就是集體默認武統。」

其二「反對武力威懾」,指出「決策層日前重申和平統一是首選」,而「武力威懾一定會加劇仇恨,使僅存一絲的和平統一願景丟失殆盡。」「絲毫影響不了七十餘年來台灣事實上的獨立。長達45年名實齊備的獨立,並未擋住東西德日後的統一。與德國人相比,我們為統一而威懾,因威懾成仇寇,滑天下之大稽。」

其三則是告誡中共「武力威懾的更大負面是誘發戰爭」,明指「人類歷史上有過太多的戰爭,不是為了征服和實利,而是為了面子,因為下不來台。」深恐中共威懾升級導致美中台大戰,因而呼籲「放棄對台武力威懾迫在眉睫」。

鄭也夫這篇短文,以及發文之後相當低調的態度,相較往年多篇批評中共政權的宏文高論顯然收斂了許多。而在2020年7月因一篇題為〈為誰保江山〉的文章廣傳掀波之後,鄭也夫幾乎「消音」了一年半。

當時中共深陷肺炎疫情爆發、經濟急速下行、美中交惡困局,加上違反《中英聯合聲明》,強推香港《國安法》遭受國際抨擊與制裁,美國國務卿蓬佩奧甚至發表《共產中國與自由世界的未來》演說表示「如果自由世界不改變共產中國,共產中國必將改變我們。」呼籲自由社會要與中國人民聯合起來打敗中共「暴政」。

中共總書記習近平當時疾呼要守住中共「社會主義」事業、「世世代代傳承下去」。鄭也夫則刊文直指中共的「保江山」其實就是「保權貴」,然而難堪的現實是,中共權貴階層的子孫用腳投票「不愛江山愛美國」,紛紛移居美國,質疑「子孫需要你為他們保江山嗎?」

鄭也夫批評「自由言論、抗議維權,嚴防死守,消滅殆盡,監視於未然。凡此種種,意圖何在?保江山。」但是特權階層「子孫坐江山的慾望弱化,取而代之是移居海外的願望」「寧做美歐普通人,不做父母之邦的特權者。」文章最後強調要「點出執政者荒誕之根源」,因為「唯當他們的荒誕有所收斂,社會的荒誕才會緩解。」

呼籲習近平公開財產、中共淡出歷史舞台

此前,鄭也夫於2019年12月22日在海外媒體《縱覽中國》刊文,題為〈財產公示,請自常委始〉,呼籲中國推行「財產公示制度」,要求由中共政治局包括習近平等七位常委率先公示財產建立典範,才是最好的反腐方法,以杜絕中共歷來假反腐之名逕行政治鬥爭之質疑。

再往前推進一年,2018年底鄭也夫援引台灣民主化經驗,發表〈政改難產之因〉文章,直言中國共產黨統治中國七十餘年「帶來太多災難」,已經喪失糾舉錯誤的能力,中共領導人應該率領這個黨「體面地淡出歷史舞台」,才能符合黨以及中國人民共同利益,一度震驚中外輿論。

鄭也夫以台灣民主派力爭多年促成蔣經國結束國民黨一黨專政為範例,認為中國人應該勇於發聲,形成外部壓力,方能改變得勢者專制現狀。並且呼籲中共學習台灣民主、結束專政,以和平、避免暴力、最不會造成社會動盪的方式淡出歷史舞台,才能符合黨及人民共同利益,而這也將是「唯一可使中共載入史冊之事」。

從2019年底至今,世界經歷肺炎疫情肆虐,歐美多國改朝換代,香港動盪全面變色,中國政經發展與自由空間極速緊縮,台海危機驟升之論也甚囂塵上,古稀之年的鄭也夫此時似乎想在黑暗的隧道試圖點起一道微光,然而以其刻意低調的回應來看,承受壓力恐怕空前,其警世微言也更為可貴。