透過 Adobe After Effect 製作 lottie 動畫，並與 Javascript 互動 Part 1 - 動態替換文字![Mark Ku]()
透過 Adobe After Effect 製作 lottie 動畫，並與 Javascript 互動 Part…
December 16, 2021
1 min
近期文章
擴充 inobounce.js 套件，支援橫向滑動，處理 iOS 橡皮筋行為![Mark Ku]()
一、橡皮筋行為造成的問題 在開發 Mobile Web 時，經常碰到的 iOS…
December 12, 2021
1 min
開源易用的網站監控工具 - uptime-kuma ，並支援多種方式發送通知![Mark Ku]()
uptime-kuma 監控應用工具
uptime-kuma 是 node js 及 vue 所開發的監控網站應用程式，是一個類似於 “Uptime Robot…
December 11, 2021
1 min
捲起袖子動手做 SEO Part's 3 - 來自 Google 的動態渲染工具 Rendertron for SEO![Mark Ku]()
捲起袖子動手做 SEO Part's 3 - 來自 Google 的動態渲染工具 Rendertron for SEO 先前提到 現今的動態網站，廣泛的應用到 Javascript 及 Ajax…
December 11, 2021
1 min
修正 Visaul Studio Code 的 Stylelint auto fix 功能失效 & 安裝舊版 vscode 插件![Mark Ku]()
問題 在某次 visual Studio code 插件自動昇級後，發現 stylelint 的自動修復樣式功能壞了。 解決方法 關閉 Vscode 自動更新 及 安裝舊版 stylelint…
November 12, 2021
1 min
將你的網站，配置 Could Flare 國際級 CDN![Mark Ku]()
將你的網站，配置 Could Flare 國際級 CDN 為什麼要使用 Could Flare CDN Could Flare 擁有著覆蓋全球的線路，通過和當地 ISP 運營商合作，部署IDC…
October 27, 2021
1 min
Node Js / Vue cli / Webpack plugin Vscode 除錯筆記![Mark Ku]()
Node Js / Vue cli / Webpack plugin Vscode除錯筆記 問題 越來越多許多用 node js 開發的應用，常常噴錯噴的莫明奇妙，因此整理了一下如何對 node…
October 19, 2021
1 min
VUE 框架導入 SVG & SVG Sprite 實戰筆記![Mark Ku]()
為什麼要導入 SVG & SVG Sprite 瀏覽器因圖片縮放比例，圖片會呈現模糊失針問題，產生馬賽克。 一堆小 ICON…
October 15, 2021
1 min
Vue 全域 / 非全域 Loading 的等待特效 ( 支援多個併發請求 )![Mark Ku]()
Vue 全域 / 非全域 Loading 的等待特效 ( 支援多個併發請求 ) 解決問題 在前端工程中，常常會透過 ajax 向後端做非同步資料交換，但api…
September 21, 2021
1 min
文章分類
Tags
百岳玉山interviewResourcesJekyllnugetrelease notes powershellironman kentingtriathlon 70.3鐵人三項三鐵opendialogrobocopypowershellfrpfrp-creverse proxychocolateydockerwindowsaspnetwebsiteautomateddatabasedeploymentsqlmulti-sitedatabase-deploymentnet-coredocker-containeri18n語系檔googlesheet直播streamingwebp converterseo googlevueintellisensessr prerenderdynamicrender Rendertronstylelintscssloadingvuexfrontend-large-data-renderingsvgsvg-spritenodeJscliWebpackplugin Vscode 除錯 debugger 筆記Couldflarecdnstylelintdowngradeuptime-kumanode jsUptime Robottelegram botmonitoring toolrenderseorendertroninobounceiOSbouncelottieJavascriptinteractiveAdobe After EffectAEAdobe AfterEffecttranslatechineseSimplifiedChineseconvertlog serverELKExceptionlessSeqSplunkqnapnlognet coresslcertbotContainer Station deploydeployedlinemessaginguptimekumanotifyyarpload balanceddospreventreal ipproxy protocolnginx-certbothttpsletsencryptraspberry pioslinuxmemory leakgameanimationrunweb site4Blabel-printerreceipt-printerironmanpnehu 226triathlonprepareexternal linkblackhatquerystringinjectpnehu226firstlastracingdayfacebooksmessagejsenhancechatsdkkeep alivecleardisposeincludelet encryptfreechallengeCertificateAuthorityCAgodaddycloudflarecicdgitlabpipelinerunnerdotnetauto buildautodeploygithubpageblogdnscachephotographya74A7M4α7IV微距鏡頭微物攝影微距攝影mongodbtoolsbackuprestoreverifyblockrolling updateReactget startresize imageImageflowquery commandgetLearn ReactNextimage loaderimagetoo bigdevinitenvenviormentfiddlernetwowrkrecordApple PayCybersourceintegrateFontendNET MVCusaecommercenoteinsuranceUSAsignifydcreditauthorizecapturega4analysistagmangergtmintegrationsearch keywordheadlesscmsstrapiswaggerfaqGoogle Paytrendselfquicklybuildbindingnon-wwwvercelbindalwaysnullredisautomatically syncs redisDDoSfridayperiodthanksgivingupgradeplaywrightVscodeGithub actionend to end testjenkinsManagementcareerdevelopermiddle3Dagileabandonmentcartabandoned cartJestbankers-roundingAmazon payAmazon pay v2clarityheatmapssession recordingsreactapp routeremote buildincrease websit trafficmanual deploymentbinary comparedocker image buildDocker Desktopgithub sshsalesholidayhyte y40gaming海景機殼機箱career development互惠互利雙贏project managercareer bundry邊界職場abnormal-leave-request海外自助單車旅遊RustDeskremote toolteam-viewerwiki.jsknowledge base systemtailwindboostrapECommercediscover-and-optimize-high-value-pages嘉明湖website-trafficThree.js3d3d-showroomnext jsnexthelping each otherteam workMariaDBmysqlWake on lanwol-go-webwolBlack fridayleadbingtrustperformancenginxftp serversftpgoinsight-vietnam-ecommercemilitary-salesenhancing the search experienceworking-from-home-rulePaymentPaypalcheckoutKuberneteswidnowssecurityAmazonAb testFeatureprobeemployee benefits and fairteam ruleai-english-assistanttalk-about-promotioncommunication-deadlockgenerate-seo-metadata-by-azure-aiaicomputexai pcyour-dream-standing-tablequiet-quittingbuild-your-own-low-code-cmsspecial-technical-problemsOllamamindsetestimatewbstimetableset-up-llama-factory-enviormentllama factoryTrade offCBOAlanguage schoolfine-tunellamalangchaine-commerce-and-real-storeiiiclassmate reunionqdrantnestoautharchitecture-designgermanye-commerceconcurrency-websiteUbuntuDockerGoogle CloudArtifact RegistryGCPkubernetesGKEgoogle kubernetes engineubuntudocker registryingressIngressGoogle Kubernetes EngineCI/CDJenkinsNext.jsAutomationDocker MonitoringcAdvisorPrometheusGrafanaContainer MonitoringResource UsageCloud NativeVisualizationServer MetricsOpen Source ToolsDevOpsObservabilityMetrics CollectionDashboardMonitoringNginxCloudPerformance TestingK6MetricsOpenVPNVPNNetwork ConfigurationLinuxSystemdreviewingtasksmanagementmarkkuexperienceremote accessMetrics ServerCluster ManagementResource MonitoringKubernetes MetricsInfrastructureSambaWindowsFile SharingMSSQLCloudflareUFWsystemicproblemacceleratingcollaborationwiresharkwormwhy-learn-englishgdprconsent-moderoosterbaguiocam-john-haypineslearningtravelingviganunescoheritagephilippinespines academystudy abroadfunny roommatesenglishspeakingsan-juan-surf-tripurbiztondo-beach-guidesan-juan-travel-notesmy-first-surfing-tripbaguio-to-san-juanenglish-learning-journeypractical-english-skillsself-improvementcommunication-skillsstudy-abroad-tipscareer-developmentbanaue-travelsagada-tripenglish-through-experiencelearning-outside-classroomrice-terracestravel-journalmotion-sickness-survivorlanguage-learning-adventurescultural-discovery