Vue 全域 / 非全域 Loading 的等待特效 ( 支援多個併發請求 )![Mark Ku]()
Vue 全域 / 非全域 Loading 的等待特效 ( 支援多個併發請求 ) 解決問題 在前端工程中，常常會透過 ajax 向後端做非同步資料交換，但api…
September 21, 2021
1 min
近期文章
Stylelint - 提昇讓你的專案中的 CSS 樣式，擁有像 Eslint 的自動排版及檢查錯誤![Mark Ku]()
Stylelint - 提昇讓你的專案中的 CSS 樣式，擁有像 Eslint 的自動排版及檢查錯誤 前言 您是否也有在開發 Vue 的 CSS 或 SCSS…
September 14, 2021
1 min
捲起袖子動手做 SEO Part's 2 - 優化動態網站對 Google 搜尋引擎的爬蟲友善度![Mark Ku]()
SEO Part 2 優化動態網站對 Google 搜尋引擎的爬蟲友善度 動態網站對 SEO 的影響 現今的動態網站，廣泛的應用到 Javascript 及 Ajax…
September 10, 2021
1 min
Vue(Non Type Script) 搭配 VsCode 配置，像 Typescript 般，在專案開發時擁有自動智慧提示![Mark Ku]()
Vue(Non Type Script) 搭配 VsCode 配置，像 Typescript 般，在專案開發時擁有自動智慧提示 問題 使用過 Type script…
September 08, 2021
1 min
捲起袖子動手做 SEO Part's 1 - 開始優化你的網站的 SEO![Mark Ku]()
SEO - 捲起袖子動手做 - 優化網站的 SEO - Get Started Part's 1 為何要做 SEO…
August 25, 2021
1 min
透過 PowerShell 製作 JPG/ PNG 轉 webp 小工具 (使用 Google webp converter lib)![Mark Ku]()
Webp 起緣 WebP圖像格式 起緣，由Google開發，它的主要優點是：使您獲得出色的清晰度而又不會增加網路傳輸的負擔。 這對於頁面加載速度至關重要。 為何要用 Webp…
August 06, 2021
1 min
直播網站實戰開發筆記 - 使用阿里雲 - 1![Mark Ku]()
直播網站實戰開發筆記 - 使用阿里雲 談到直播就必需先了解推流與拉流 推流 - 其實就是將現場的影片串流傳到 Midia Server…
July 20, 2021
1 min
透過 PowerShell 下載 google sheet，產生 i18n 多語系翻譯 Json 檔![Mark Ku]()
透過 PowerShell 下載 google sheet，產生 i18n 多語系翻譯 Json…
June 18, 2021
1 min
Net core 容器化部署![Mark Ku]()
首先開啟 Visual Studio ，對要佈署的專案右鍵 > 加入 > 容器化支援(此時就會在 該專案檔目錄產生一個 DockerFile) 建置階段需要引入 node js…
June 05, 2021
1 min
透過 Powershell 部署 SQL 腳本到多個網站的資料庫![Mark Ku]()
問題 有一套系統，卻克隆 ( Clone )了很多個網站，每個站都是獨立的資料庫，因此部署資料庫時，過去需要人工去每一部部署腳本，此篇則要透過 Powershell 將一個週期開發的 sql…
June 04, 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海外自助單車旅遊wiki.jsknowledge base systemRustDeskremote toolteam-viewertailwindboostrapECommercediscover-and-optimize-high-value-pageswebsite-trafficThree.js3d3d-showroomnext jsnexthelping each otherteam workMariaDBmysqlWake on lanwol-go-webwolBlack fridayleadbingtrustperformancenginxftp serversftpgomilitary-salesinsight-vietnam-ecommerceenhancing the search experienceworking-from-home-rulesecurityPaymentPaypalcheckoutKuberneteswidnowsAmazonAb testFeatureprobe嘉明湖employee benefits and fairteam ruleai-english-assistanttalk-about-promotioncommunication-deadlockgenerate-seo-metadata-by-azure-aiaicomputexai pcyour-dream-standing-tablebuild-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 accessSambaWindowsFile SharingMetrics ServerCluster ManagementResource MonitoringKubernetes MetricsInfrastructureMSSQLCloudflareUFWsystemicproblemacceleratingcollaborationwiresharkwormwhy-learn-englishgdprconsent-moderoosterbaguioquiet-quittingcam-john-haypinestravelinglearningviganunescoheritagephilippinespines 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