Skip to content

Instantly share code, notes, and snippets.

View kurotanshi's full-sized avatar
🎯
Focusing

Kuro Hsu kurotanshi

🎯
Focusing
386 followers · 21 following
View GitHub Profile
@kurotanshi
kurotanshi / VUE_SDD_RULES_TEMPLATE.md
Created December 11, 2025 08:57
Vue SDD 規則檔範本 - WebConf 2025

Vue SDD 規則檔範本

本文件預設專案使用：Vue 3.5+、<script setup>、Composition API、TypeScript。 若使用 Nuxt、Options API 或 JavaScript，請依團隊技術選型調整對應規則。 此檔案可作為 CLAUDE.md、.cursorrules、.github/copilot-instructions.md 使用 根據你使用的 AI 工具，複製到對應位置即可

本文檔目的

  • 為 AI 工具提供一致的 Vue 程式碼風格與行為規範
@kurotanshi
kurotanshi / normalize.scss
Created May 13, 2021 06:39
normalize.scss
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
@kurotanshi
kurotanshi / axios-401-response-interceptor.js
Created June 5, 2020 03:32 — forked from yajra/axios-401-response-interceptor.js
Axios 401 response interceptor.
// Add a 401 response interceptor
window.axios.interceptors.response.use(function (response) {
return response;
}, function (error) {
if (401 === error.response.status) {
swal({
title: "Session Expired",
text: "Your session has expired. Would you like to be redirected to the login page?",
type: "warning",
showCancelButton: true,
@kurotanshi
kurotanshi / vim-surround使用指南.MD
Created June 4, 2020 02:05 — forked from wilon/vim-surround使用指南.MD
vim-surround使用指南，vim-surround如何使用

普通模式

命令 说明 + 示例
ds 删除括号
例 ds " "Hello world!" =>
Hello world!
cs 替换括号
例 cs "( "Hello world!" =>
(Hello world!)
cS 替换括号，括号内文本做新一行
例 cS "{ "Hello world!" => {     Hello world! }
@kurotanshi
kurotanshi / Front-end-Developer-Interview-Questions-TC.md
Created January 11, 2019 03:24 — forked from hanksudo/Front-end-Developer-Interview-Questions-TC.md
Front-end-Developer-Interview-Questions - 前端工程師面試問題集(繁體中文版)

前端工程師面試問題集

@版本 2.0.0

譯注：此翻譯版，主要給不能流利的讀英文的人看，相關專有名詞還是保留原文。翻譯不好地方請協助pull request.

此repository包含了一些前端開發的面試問題，來審查一個有潛力的面試者。這並不是建議你對同一個面試者問上所有的問 (那會花費好幾小時)。從列表中挑幾個題目，應該就夠幫助你審查面試者是否擁有你需要的技能。

Rebecca Murphey 的 Baseline For Front-End Developers 也是一篇很棒且值得讀的文章在你開始面試之前。

@kurotanshi
kurotanshi / index.html
Last active August 8, 2018 15:40
D3 Gauge Chart
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>D3 Gauge Chart</title>
<style type="text/css">
svg {
display: block;
border: 1px solid #000;
width: 500px; height: 350px;
@kurotanshi
kurotanshi / index.html
Created January 18, 2018 06:56
ithelp 鐵人賽斷賽統計 20180118
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="../scripts/d3/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://d3js.org/d3-time.v1.min.js"></script>
<style type="text/css">
html,
@kurotanshi
kurotanshi / douglas_peucker_line_simplification.js
Created April 13, 2017 04:09 — forked from zeke/douglas_peucker_line_simplification.js
/* Stack-based Douglas Peucker line simplification routine
returned is a reduced GLatLng array
After code by Dr. Gary J. Robinson,
Environmental Systems Science Centre,
University of Reading, Reading, UK
*/
function GDouglasPeucker (source, kink)
/* source[] Input coordinates in GLatLngs */
/* kink in metres, kinks above this depth kept */
@kurotanshi
kurotanshi / index.html
Created February 16, 2017 09:46
d3 長條圖範例
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.js"></script>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
padding: 0;
@kurotanshi
kurotanshi / App.vue
Last active October 15, 2016 07:03
<template>
<div id="app">
<div class="panel panel-default">
<div class="panel-heading">Task Table</div>
<table class="table">
<!-- 表頭 -->
<thead>
<tr>
<th class="number">#</th>
<th class="name">Task Name</th>