2026/03/14

F 型與 Z 型閱讀:F型資訊掃描習慣與提升長段落閱讀速度的方法

在網頁與文件閱讀中,人類的視線模式往往會影響我們吸收資訊的效率。UX 研究發現,常見的閱讀模式包括 F 型閱讀Z 型閱讀,而每種模式對應不同的使用情境與資訊量。本文將整理 F 型、Z 型的特徵、實際網站範例,並提供從 F 型掃描習慣提升長段落吸收速度的方法。

2022/04/27

使用 Vue Bootstrap Datetimepicker 日期套件

這裡展示不使用webpack的方式引用Vue Bootstrap Datetimepicker套件


Github網址:

https://github.com/ankurk91/vue-bootstrap-datetimepicker


引用相關套件如下:

Vue.js

jQuery

Bootstrap (只需要CSS的部分)

jQuery

Moment.js (含locale)

fontawesome


完整的程式碼範例:

2022/04/05

Net Core Console App 使用 Serilog 配置 appsettings.json 紀錄寫到檔案

以下為需要安裝的套件

  • Microsoft.Extensions.Hosting
  • Serilog (net6.0似乎不用裝這一個)
  • Serilog.AspNetCore
  • Serilog.Settings.Configuration
  • Serilog.Sinks.File

加入appsettings.json檔案

  • 文字編碼請更改為UIF-8
  • 建置動作改為「內容」
  • 複製到輸出目錄改為「有更新時才複製」

2022/03/14

ASP.NET WebForm 使用 AdminLTE 的程式碼範例

AdminLTE是以Bootstrap為基礎所打造出來的一套UI Framework

本人在閒暇之餘試作了ASP.NET WebForm 使用 AdminLTE UI框架的範例程式碼

以下為本人使用 AdminLTE 2.4.18 整合至 ASP.NET WebForm 的資料夾架構程式碼連結

2021/09/15

LINQ 與 Lambda 如何排序 nullable 值,讓 null 排在最後面


步驟分解
1.先將 NULL值 與 非NULL值 進行排序,故使用HasValue對布林值(bool)降冪的方式排序
2.接著再針對有 非NULL值 進行升冪排序,便大功告成

原始資料:
null
3
7
1
5
9
null
6
4
2
8
null

2021/07/04

個人專用 ASP.NET Core 小抄

EntityFrameworkCore需要使用的套件:
Microsoft.EntityFrameworkCore
Microsoft.EntityFrameworkCore.Design
Microsoft.EntityFrameworkCore.SqlServer
Microsoft.EntityFrameworkCore.Tools

appsettings.json



Startup.cs



EF Core 移轉指令

2020/10/13

Cordova 指令小抄

全域性安裝 Cordova CLI
npm install -g cordova

查詢目前的Cordova版本
cordova -v

加入Android的裝置平台
cordova platform add android

加入Android的裝置平台,並且將android資訊儲存至專案內
cordova platform add android --save

查看安裝了那些裝置平台
cordova platform ls

建置Cordova,所有的裝置平台裝置皆會被建置
cordova build

建置Cordova指定iOS的平台裝置
cordova build ios

加入plugin
cordova plugin add {pluginName}

查詢所有加入的plugin
plugin ls
plugin list

Apache Cordova
https://cordova.apache.org/