不管是老手媽媽還是新手媽媽都看這邊！我們都知道所有的產品裡，小朋友的商品應該是最難選的

小朋友長得又快，過了一個時期又瞬間抽高，怎麼選是一門很大的學問了，也可以避免買錯捶心肝~~1133283357.gif1133283357.gif

因為網路很發達，臉書又這麼普及媽咪買東西更是方便，尤其媽咪一定會到很多親子網站或是親子社團去了解產品的優缺點

不過看了這麼多網站真真假假的資料，【MOTHER-K】無螢光純棉口水巾-10入是我在看到最多人推薦的好物

對於我這個精打細算的好媳婦好媽媽來說，真是太棒囉！1133283355.gif

通常有在關注相關婦幼產品的媽媽，不用考慮了，這款是我花有夠多時間才彙整出來的好物，不怕比較的啦

很多媽咪也都大推這款產品，真的很值得入手！

到貨速度也很快，光這一點就大推了！

所以我個人對【MOTHER-K】無螢光純棉口水巾-10入的評比如下

質感：★★★★

使用爽感：★★★★☆

性能價格：★★★★☆

趁現在宅經濟發酵，大家又很保護小朋友不隨意出門，網購就變成媽咪們在家的興趣了~

而且廠商優惠只在這個時候~~1133283362.gif1133283362.gif

不然被掃光了也只能怪自己速度不夠快～下次記得手刀加速啊!

詳細介紹如下~參考一下吧

完整產品說明















品牌名稱

  •  

包裝組合

  • 單入組

產地

  • 韓國

商品規格

  • 10個/組，3種花色
    ● 安全不添加螢光劑
    ● 棉質牛津布料，使用100%純棉
    ● 加厚處理，柔軟舒適又耐用
    ● 從布料到縫製，100%韓國生產
    ● 獨特設計，能促進寶寶的視力成長

 

非常推薦【MOTHER-K】無螢光純棉口水巾-10入給大家

↓↓↓限量特惠的優惠按鈕↓↓↓

↓↓↓找不到適合的商品嗎，本月好物推薦一起來看吧↓↓↓

標籤註解：

PTT鄉民【MOTHER-K】無螢光純棉口水巾-10入限量,團購,限時,週年慶,禮物,優惠,【MOTHER-K】無螢光純棉口水巾-10入特價,開箱,比價,活動,好評,推薦

mobile01網友【MOTHER-K】無螢光純棉口水巾-10入哪裡便宜,採購,優缺點,試用【MOTHER-K】無螢光純棉口水巾-10入,好用,CP值,經驗,好康,集購,下殺,免比價,去哪買？,

名人推薦【MOTHER-K】無螢光純棉口水巾-10入介紹,部落客,排行,【MOTHER-K】無螢光純棉口水巾-10入,體驗,精選,限定,折扣,折價卷,dcard推薦,直播主推薦,網紅推薦熱賣款

熱點新知搶先報

 

1.說明： 1.1 推薦指數：★★★★ 1.2 環境：谷歌瀏覽器、微軟vscode編輯器 1.3 熟悉sin和cos的函數與圓（畫圓弧的關係）深入理解 ...比較真實的雷達介面掃描圖 2.本次的模擬效果圖： ... 3.css和js文件的引入： 3.1 同一個文件夾或者目錄下引入：./xxx.js或者./xxx.css 3.2 大型的html文件或者一般在html文件的同一個目錄下，建css文件夾和js文件夾，放入相應文件夾下，那麼導入就是：css/xxx.css和js/xxxx.js 3.3 外部引入法：找到網址：比如：網址在代碼注釋里query-3.4.1.min.js，引入即可。 但是如果沒有網絡，那麼html文件就不可用了，怎麼辦呢？有辦法。 用瀏覽器打開，複製：網址在代碼注釋里jquery-3.4.1.min.js，打開。 全選複製（ctrl+a），在本地文件夾新建一個js文件：jquery-3.4.1.min.js，將複製的內容，黏貼進入，保存即可。向上面的js文件和css文件一樣，作為本地js文件引入。 4.本次html文件代碼：index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Canvas帶坐標雷達掃描特效</title> <!--在線引入地址：https://code.jquery.com/jquery-3.4.1.min.js--> <!--script-- src="./jquery.min.js"></!--script--> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <!--將style作為單獨css文件，引入，否認就是style和/style的標籤內--> <!--採用下面格式：link法--> <link type="text/css" href="./style.css" rel="stylesheet" /> </head> <body> <canvas id="myCanvas"></canvas> <div class="info"> <!--顯示文欄位落--> <h1>Warning！！Enemy is coming！！</h1> <!--初始化cs-xo，之後就是message彈出動態數據--> <p class="message">cs-xo</p> </div> <!--將radar.js作為單獨js文件，引入，否認就是script和/script的標籤內--> <script src="./radar.js"></script> </body> </html> 注意：外部引入和本地引入基本沒什麼區別，如果css和js=JavaScript寫在html內，可能有不同，上面注釋里有提到。 5.jquery-3.4.1.min.js代碼不寫了，可以自己去下載，免費的，或者上面的有講解如何操作，此處略。 6.新建一個radar.js文件，代碼如下： var c = $("#myCanvas")[0]; var ctx = c.getContext("2d"); /*雷達介面顏色=草地綠色*/ var color_gold="124,252,0" var ww,wh; var center={x: 0,y: 0}; // 定義函數 function getWindowSize(){ ww=$(window).outerWidth(); wh=$(window).outerHeight(); c.width=ww; c.height=wh; // 中心坐標是窗口的一半 center={x: ww/2,y: wh/2}; ctx.restore(); ctx.translate(center.x,center.y); } // 啟動函數 getWindowSize(); $(window).resize(getWindowSize); // 10=敵機數量，隨機出現 var enemies=Array(10).fill({}).map( function(obj){ return { r: Math.random()*200, deg: Math.random()*360, opacity: 0 } } ); setInterval(draw,10); var time=0; var deg_to_pi=Math.PI/180; // 畫圓的函數，三角函數sin和cos畫圓法 function Point(r,deg){ return { x: r*Math.cos(deg_to_pi*deg), y: r*Math.sin(deg_to_pi*deg), }; } /*定義顏色函數*/ function Color(op){ return "rgba("+color_gold+","+op+")"; } function draw(){ time+=1; /*畫長方形的背景顏色填充 "#111"=黑色;*/ ctx.fillStyle = "#111"; ctx.beginPath(); /*畫長方形*/ ctx.rect(-2000,-2000,4000,4000); ctx.fill(); /*十字垂直水平坐標線，0.1~1代表粗細*/ ctx.strokeStyle="rgba(255,125,64,0.5)"; // ctx.strokeStyle="255,125,64";// 默認粗細值為1 ctx.moveTo(-ww/2,0); ctx.lineTo(ww/2,0); ctx.moveTo(0,-wh/2); ctx.lineTo(0,wh/2); ctx.stroke(); // 雷達掃面綠色和半徑大小 ctx.strokeStyle=Color(1); var r=300; var deg=time; var newpoint=Point(r,deg); var line_deg = (time/2) % 360; // 雷達動態轉動的掃描扇形的弧度為100，最大360 var line_deg_len=100; for(var i=0;i<line_deg_len;i++){ var deg1 = (line_deg-i-1) ; var deg2 = (line_deg-i) ; var point1=Point(r,deg1); var point2=Point(r,deg2); // 代表隨著雷達掃描扇形的移動，顏色逐漸變淡 var opacity=1-(i/line_deg_len)-0.3; if (i==0) opacity=1; ctx.beginPath(); // 雷達扇形綠色動態漸變淡色 ctx.fillStyle=Color(opacity); ctx.moveTo(0,0); ctx.lineTo(point1.x,point1.y); ctx.lineTo(point2.x,point2.y); ctx.fill(); } enemies.forEach(function(obj){ // 敵機出現的原點 ctx.fillStyle=Color(obj.opacity); var obj_point=Point(obj.r,obj.deg); ctx.beginPath(); ctx.arc( obj_point.x,obj_point.y, // 綠色敵機出現的小圓點4是半徑 4,0,2*Math.PI ); ctx.fill(); ctx.strokeStyle= Color(obj.opacity); /*如果這樣直接設置，ctx.strokeStyle= '#FF4500，那麼敵機就是一直出現在螢幕';*/ var x_size=6; /* 雷達顯示敵機目標大小設置*/ ctx.lineWidth=4; ctx.beginPath(); ctx.moveTo(obj_point.x-x_size,obj_point.y+x_size); ctx.lineTo(obj_point.x+x_size,obj_point.y-x_size); ctx.moveTo(obj_point.x+x_size,obj_point.y+x_size); ctx.lineTo(obj_point.x-x_size,obj_point.y-x_size); ctx.stroke(); if (Math.abs(obj.deg - line_deg)<=1){ obj.opacity=1; // 顯示左上角偵查到的地理坐標 $(".message").text("Detected: "+ obj.r.toFixed(3) + " at " +obj.deg.toFixed(3)); } obj.opacity*=0.99; // 顯示敵機出現的漣漪圈的顏色 ctx.strokeStyle= Color(obj.opacity); /*目標敵機顯示後的圓圈漣漪粗細設置*/ ctx.lineWidth=1; ctx.beginPath(); ctx.arc( obj_point.x,obj_point.y, 10*(1/(obj.opacity+0.0001)),0,2*Math.PI ); ctx.stroke(); }); // 雷達虛點固定圓盤的顏色，半徑等設置 ctx.strokeStyle='yellow'; var split =120; var feature =15; // 15個小格 var start_r=230; // 半徑 var len = 5; for(var i=0;i<split;i++){ ctx.beginPath(); var deg = (i/120) * 360; if (i%feature==0){ len=10; ctx.lineWidth=5; }else{ len=5; ctx.lineWidth=1; } var point1 =Point(start_r,deg); var point2 =Point(start_r+len,deg); ctx.moveTo(point1.x,point1.y); ctx.lineTo(point2.x,point2.y); ctx.stroke(); } /*畫圈函數定義,下面三個畫圓函數的定義*/ function CondCircle(r,lineWidth,func_cond){ ctx.lineWidth=lineWidth; /* 顏色定義*/ /*注意顏色定義：有引號的和沒有引號的區別，就是前面有沒有顏色圖標*/ ctx.strokeStyle='#00C78C'; ctx.beginPath(); for(var i=0;i<=360;i++){ var point =Point(r,i); if (func_cond(i)){ ctx.lineTo(point.x,point.y); }else{ ctx.moveTo(point.x,point.y); } } ctx.stroke(); } // 雷達外圍的移動半弧形，300為半徑，2代表粗細 CondCircle(300,2,function(deg){ return ((deg+time/10)%180)<90; }); // 雷達中間綠色的移動半弧形，160為半徑，2代表粗細 CondCircle(160,2,function(deg){ return ((deg+time/5)%180)<90; }); // 雷達內的小圓圈，綠色虛線圈，1代表粗細 CondCircle(100,1,function(deg){ // 如果這裡沒有，那麼顏色就是三條線函數裡統一的顏色，也可以單獨設立 ctx.strokeStyle='pink'; return (deg%3)<1; }); } 7.新建一個style.css文件，代碼如下： html, body { width: 100%; height: 100%; padding: 0; margin: 0; /*隱藏瀏覽器的條形伸縮*/ overflow: hidden; } /*定義畫布*/ canvas { -webkit-transform: scaleY(-1); transform: scaleY(-1); } /*顯示警告信息位置設置*/ .info { position: absolute; left: 10px; top: 10px; } h1 { /*顯示警告信息文字顏色設置*/ color:red; letter-spacing: 0.5px; margin: 0; font-size:smaller; } .message { /*顯示雷達預警敵機的動態位置的文字顏色設置*/ margin: 0; color:#00FFFF; font-size: x-large; } 8.通過簡單的例子，熟悉html、css和js的關係和布局等基本知識，熟練掌握基本操作。

 

↓↓↓限量特惠的優惠按鈕↓↓↓

↓↓↓更多嬰幼兒產品一起來看吧↓↓↓

 

WWW456TTVVV45TYGQ

 

 

文章來源取自於：

 

 

每日頭條 https://kknews.cc/code/r64aann.html

MOMO購物網 https://www.momoshop.com.tw/goods/GoodsDetail.jsp?i_code=7465943&memid=6000007380&cid=apuad&oid=1&osm=league

如有侵權，請來信告知，我們會立刻下架。

DMCA：dmca(at)kubonews.com

聯絡我們：contact(at)kubonews.com


【刷永豐銀信用卡享優惠】【momo刷卡折扣價】【試用心得真心不騙】
【Dcard好物推薦開箱】 【好用嗎？聽聽專家怎麼說】 【古寶無患子】檸檬馬鞭草沐浴450g+200g(買一送一)【這一款Dcard上口碑還不錯】 【momo熱銷榜上有名】 【munchkin】購物掛勾(2入)【刷台新銀信用卡享優惠】 【Dcard熱門看板推薦】 【Loulou lollipop】加拿大 嬰幼兒山茶花串珠奶嘴夾奶嘴鍊夾(薔薇粉)【使用後的心得大家都說不錯】 【Linepay享7％優惠】 【Catrice 卡翠絲】極綻誘色霧面唇膏(多款選色)【刷樂天信用卡享優惠】 【momo特惠價產品】 Hello Kitty 投影音樂鈴(麗嬰房獨家商品)(1)

arrow
arrow
    全站熱搜

    別遲疑買這個 發表在 痞客邦 留言(0) 人氣()