Search
你僅使用 console.log 來查看 JS 的值嗎？
本篇介紹各種 console 語法，試著讓你的 log 更有質感吧：
- table：讓陣列內容以表格方式呈現
- 上色語法：使用 CSS 語法為你的 console 上色
- time：計算 JS 運算所花的時間
- group：群組化資訊
- 還有各種實戰運用技巧
#有在FB打開過Console嗎
#住手 #我們都是開發者啊
MDN中各瀏覽器對Web API的相容性表格，現在會加入Deno的相容性資料，在JavaScript和Web API參照頁面中出現
#看更多 https://www.ithome.com.tw/news/146360
開源報報精彩內容回顧
✅ 機器學習系統設計
✅ 系統設計與架構
✅ 學習 OpenGL
✅ 線性代數互動電子書
✅ 演算法第四版的程式碼
✅ 用於建構快速和可擴充 React 資料表格的 Hooks
✅ 一個使用 Swift 編寫快速靈活的 Markdown 解析器
✅ 一個讓你的臉跟著指標移動的 Javascript 程式庫
✅ 一個可擴展的、搜尋引擎增強平台，用於部署 transformer 模型，以提高不同平台上搜索結果的相關性
✅ 網頁應用程式強化控制
✅ 執行端到端的功能性網路測試，測試可達性、延遲和資料包丟失
✅ 從配置到部署，用來建立一個完整的基礎設施程式碼(IaC)儲存庫的樣板
✅ 週期性地殺死 Kubernetes 叢集中的隨機 pods
✅ 可用來簡化 Android 的 Activities, Fragments, Threads, Services,等之間的通訊程式庫
✅ Rust 的跨平台 GUI 程式庫 ，靈感來自 Elm
✅ 在地圖上顯示熱度圖 ( Heatmap )
✅ 透過 GitHub Gist 來做跨多台電腦的 VS Code 的設定同步
✅ 比較人性化的 Git 指令
✅ 使用一個命令中將資料移轉到 PostgreSQL
✅ 使用 Python 實現機器人演算法的範例程式碼 ( 特別用於自動導航 )
https://softnshare.com/opensource-news-007-machine-learnin…/
在勞工大學上課時錄下的教學過程，提供給想學習的人。
01FRONTPAGE與網頁製作
01開場
02網頁編寫
03字體標籤
04影像標籤
05背景標籤
06連結標籤01
07連結標籤02
08表格標籤
09表格標籤02
02FRONTPAGE與JAVAAPPLET練習
01水中倒影
01水中倒影02
02彩虹字體
03垂直字幕
03其他效果與首頁
04JAVAAPPLET運用01
05JAVAAPPLET運用02
06JAVAAPPLET運用03
07JAVAAPPLET運用03與音樂播放
03FRONTPAGE與JAVASCRIPT練習
01跑馬燈01
02至06跑馬燈
03說明視窗
04簡易時鐘
05中文日期顯示
06 防止偷圖
04FRONTPAGE與動態網頁資料庫
01建立動態網頁資料庫與表單
02IIS設定
03增加資料庫查詢結果
04解決ACCESS資料庫的安全性
05建立北風資料庫網站之ㄧ
06建立北風資料庫網站之二
07建立北風資料庫網站之三
FRONTPAGE 動態 網頁 資料庫 JAVASCRIPT JAVAAPPLET 網頁製作 免費 線上教學 吳老師 湜憶電腦 TQC 考場 提供
01FRONTPAGE與網頁製作
01開場
02網頁編寫
03字體標籤
04影像標籤
05背景標籤
06連結標籤01
07連結標籤02
08表格標籤
09表格標籤02
02FRONTPAGE與JAVAAPPLET練習
01水中倒影
01水中倒影02
02彩虹字體
03垂直字幕
03其他效果與首頁
04JAVAAPPLET運用01
05JAVAAPPLET運用02
06JAVAAPPLET運用03
07JAVAAPPLET運用03與音樂播放
03FRONTPAGE與JAVASCRIPT練習
01跑馬燈01
02至06跑馬燈
03說明視窗
04簡易時鐘
05中文日期顯示
06 防止偷圖
04FRONTPAGE與動態網頁資料庫
01建立動態網頁資料庫與表單
02IIS設定
03增加資料庫查詢結果
04解決ACCESS資料庫的安全性
05建立北風資料庫網站之ㄧ
06建立北風資料庫網站之二
07建立北風資料庫網站之三
FRONTPAGE 動態 網頁 資料庫 JAVASCRIPT JAVAAPPLET 網頁製作 免費 線上教學 吳老師 湜憶電腦 TQC 考場 提供
在勞工大學上課時錄下的教學過程，提供給想學習的人。
01FRONTPAGE與網頁製作
01開場
02網頁編寫
03字體標籤
04影像標籤
05背景標籤
06連結標籤01
07連結標籤02
08表格標籤
09表格標籤02
02FRONTPAGE與JAVAAPPLET練習
01水中倒影
01水中倒影02
02彩虹字體
03垂直字幕
03其他效果與首頁
04JAVAAPPLET運用01
05JAVAAPPLET運用02
06JAVAAPPLET運用03
07JAVAAPPLET運用03與音樂播放
03FRONTPAGE與JAVASCRIPT練習
01跑馬燈01
02至06跑馬燈
03說明視窗
04簡易時鐘
05中文日期顯示
06 防止偷圖
04FRONTPAGE與動態網頁資料庫
01建立動態網頁資料庫與表單
02IIS設定
03增加資料庫查詢結果
04解決ACCESS資料庫的安全性
05建立北風資料庫網站之ㄧ
06建立北風資料庫網站之二
07建立北風資料庫網站之三
FRONTPAGE 動態 網頁 資料庫 JAVASCRIPT JAVAAPPLET 網頁製作 免費 線上教學 吳老師 湜憶電腦 TQC 考場 提供
用表格來表達資料吧！ 現在試著用之前學過的技巧，寫個程式將資料庫中的資料用網頁表格(Table)給顯示出來吧！ <table> <thead> <tr> <td>id</td> <td>姓名</td> </tr> ... ... <看更多>
Expand to show Table of Contents. Installation. JS Ecosystem Demos; Optional Modules ... <script lang="javascript" src="dist/xlsx.full.min.js"></script>. ... <看更多>
javascript表格 在 Fw: [心得] 利用Jquery(javascript)達成網頁表格排序- 看板Ajax 的推薦與評價
※ [本文轉錄自 Web_Design 看板 #1FQeB2UZ ]
作者: AlbertPujo1s (3000萬USD) 看板: Web_Design
標題: [心得] 利用Jquery(javascript)達成網頁表格排序
時間: Thu Mar 22 09:39:11 2012
利用Jquery(javascript)達成網頁表格排序功能(table sort)
網誌好讀版: https://airnote.istory.tw/2012/03/tablesort-jqueryjavascript.html
最近剛好在進行一些網頁設計的工作，其中有牽扯到資料表格排序的問題，
一般都是直接在query資料庫時直接排序，或是用php排序，
但是只要重新排序一次就等於網頁重新讀取一次（重新做一次計算），
所以就想利用 Jquery(javascript) 來減少資源的消耗。
這邊就分享一個簡單的Jquery(javascript)通用表格排序的程式。
程式原理：
此程式主要是排序已經存在的html table，先讀取每個表格內的內容然後做排序，
最後在修改原本表格的內容。
使用方法：
0.假設目前網站有兩個表格
Name Score
Stella 85
Andy 100
Melo 59
Sophie 95
Alice 55
==================================================================
Name Score
Marry 100
Apple 85
Melo 59
Sophie 95
Alice 55
1.先引入jquery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"
type="text/javascript">
</script>
2.將程式載入
<script type="text/javascript">
/**************** Javascript function with jquery ***************
Function name: table_sort([select_table_name])
Author: Andy
History:
2012/03/22 First relased at AirNote
****************************************************************/
function table_sort(select){
var table_data = new Array()
$(select+" tr:gt(0)").each(function(){
var i = table_data.length
table_data[i] = new Array()
$(this).find("td").each(function(){
var j = table_data[i].length
table_data[i][j] = new Object()
table_data[i][j].value = $(this).html()
table_data[i][j].className = $(this).attr("class")
if(table_data[i][j].className == undefined)
table_data[i][j].className = ""
if(table_data[i][j].value == undefined)
table_data[i][j].value = ""
})
})
var sort_asc = 1;
$(select+" tr:eq(0) td,"+select+" tr:eq(0) th").click(function(){
sort_asc *= -1
var idx = $(this).index()
var sort_type = (table_data[0][idx].value[0].charCodeAt(0) > 47 &&
table_data[0][idx].value[0].charCodeAt(0) < 58) ? "num":"text"
table_data.sort(function(a,b){
if(a[idx].value == "")
return (-1)*sort_asc
if(sort_type == "num"){
return (a[idx].value - b[idx].value)*sort_asc
}else{
var compare_length = a[idx].value.length > b[idx].value.length ?
a[idx].value.length : b[idx].value.length
for(var i=0;i < compare_length;i++){
var a_code = a[idx].value.charCodeAt(i)
var b_code = b[idx].value.charCodeAt(i)
if(a_code == b_code && i == (compare_length - 1))
return (a[idx].value.length > b[idx].value.length ? -1 :
1)*sort_asc
else if(a_code != b_code)
return (a_code - b_code)*sort_asc
}
}
})
var i = 0
var j = 0
$(select+" tr:gt(0)").each(function(){
$(this).find("td").each(function(){
$(this).html(table_data[i][j].value)
$(this).attr("class",table_data[i][j].className)
j++
})
j=0
i++
})
})
}
</script>
3.呼叫設定排序
function table_sort("#mytable")
參數為選取表格的名稱，用法與CSS選擇相同，請使用#選擇 Id name
EX: #myTable
這樣套用的表格，點擊最上面一列就可以整欄排序
4. 完成！！
觀看範例: https://m.istory.tw/published/table_sort.html
PS
1. 此程式會自動判斷欄位的第一個字元，為數字則數字排列，為文字則文字排列。
還有其他問題的話都可以發問喔！！
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.113.239.247
※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: AlbertPujo1s (140.113.239.247), 時間: 03/22/2012 09:40:02
... <看更多>