[JavaScript]npm與yarn指令比較

前言

前些日子，在幫前端寫自動部署，

然後他們是用npm..

記得用yarn打包起來會比較小，

所以就當筆記吧~~

Read More

[JS]網頁上簡易使用的JS (2021.02.02)

前言

偶爾會寫一些懶人常用的js，例如網頁自己往下捲（要拿來做什麼請自己思考），

或是 免空的圖片，能夠不用手動按下按鈕之類的，當然也可以變成網頁載入就自動運行，

記得油猴可以做到這點，但我覺得實在沒必要，

畢竟不是很常用，也可能因為網頁改版就失效了。

Read More

[Javascript]ES7的Async和Await

前言

這陣子都在看JS，然後發現ES6跟ES7冒了一堆東西出來。
也只能挑比較有可能會用到的先瞭解一下。
沒寫Code之後，很多東西都沒再看了阿…

Read More

[Javascript]用Fetch 取代XMLHttpRequest 取值

前言

其實會看到這個蠻意外的，本來是在看C#的非同步，
google yield的時候，意外看到了js也有yield，
然後又延伸出 callback,promise,fetch,yield,async/await 這幾個關鍵字

Read More

[Blogger] Google Blogger Widget Quote 每秒一句

前幾篇的
Windows 7 玩 Python 爬蟲 use Scrapy
Scrapy 部署至ScrapingHub 上以及錯誤解法
ScrapingHub 的API使用方式
這些都是為了我的每秒一句做的準備，重新整理時，就會產生新的一句話（總數量500筆）
這是scrapingHub的限制，我也沒辦法。
為什麼叫每秒一句？因為每秒重新整理一次就會產生一句話XDDDD


今年的目標，我終於完成了。
自從看到博客來有每日一句後，
就在想為啥不能撈出來一直輪撥。
（看書時，看到喜歡的字句總會抄下來，但沒有紀錄出處..算是一大敗筆）


以下文章開始

Read More

JSP表格排列

電子表單撈出來的程式，

是jsp，但今天要針對表格作排列的話。

一種就是針對資料排列，排完後就直接列印啥都不用管。

看了一下JSP的排列方式，要麻用 treemap 再不然就是用 Vector  然後我都弄不出來。

最後只好改用前端的方式作。

於是 Sort a Table

就這樣直接套用了。

<script>
   //根據單號排序
   var table, rows, switching, i, x, y, shouldSwitch;
   table = document.getElementById("myTable");
   switching = true;
  
   while (switching) {
     switching = false;
     rows = table.getElementsByTagName("TR");
     for (i = 1; i < (rows.length - 1); i++) {
       shouldSwitch = false;
       x = rows[i].getElementsByTagName("TD")[1];
       y = rows[i + 1].getElementsByTagName("TD")[1];

      if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
         shouldSwitch = true;
         break;
       }
     }
     if (shouldSwitch) {
       rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
       switching = true;
     }
     //console.log('loop');
   }

</script>

x = rows[i].getElementsByTagName("TD")[1];

後面的 [1] 是代表table的第二個column，表格是從0開始

table ID 是  myTable

標題記得改用TH

Read More

第一次使用 Typescript，錯誤解決方式

前言：因為看到了Angular 2.0正式版發表，然後該語言支援Typescript，
讓我興起了來學一下好了的念頭，畢竟這也不算是新東西了。
然後就是踩雷的開始。

Read More

jquery Datatable Ver 1.10 隔行換色

老牌子JQuery的Datatable，雖然我目前都直接用easyUI的datagrid
但如果沒有要用其他東西只要表格的話，我就會直接用datatable了。
今天剛好要用到隔行換色，但找了一下，似乎是版本問題，所以怎麼跑，都沒改。

Read More

Google Chrome，前端(javascript)除錯方法

Chrome瀏覽器簡易除錯方式，
本篇圖片眾多，請小心服用。

Read More

EasyUI datagrid detail 多明細連動，使用onExpandRow

如果只是主表下面拉一層明細(onExpandRow)，easyui的官方網站就有介紹了。參考
如果要拉兩層明細，同樣也有介紹( nested subgrid)。參考
但由於第一次寫的時候是使用onExpandRow，懶得重改，就一頭下去了...

Read More

moment 筆記

一個javascript專門拿來轉日期時間用的函式庫
來源：moment

Read More