博客 RSS 訂閱

null仔 - 用Vue.js寫一個命令行貪吃蛇遊戲

前言 大家好,我是webfansplz.本文要分享的是如何使用Vue.js實現一個命令行貪吃蛇遊戲(temir-snake-game).對於貪吃蛇遊戲想必大家都不陌生了,使用Vue.js實現一個Web版的貪吃蛇遊戲似乎沒什麼難度,那如果是命令行版的呢?是不是你會對它的實現原理感興趣呢?讓我們開始吧! 安裝 npm install temir-snake-game -g 開始遊戲 在終端窗口運行te

vue.js , github , 前端工程師 , terminal , 前端

收藏 評論

翁樂安 - [算法數據結構] 二叉樹的幾種操作方法及思考

二刷代碼隨想錄,在做二叉樹的時候總結一下規律,以加深對二叉樹的理解。 遞歸遍歷 首先,回顧一下其他的數據結構,如數組,鏈表,棧和隊列,比較少的出現遞歸的操作,一遍都是直接遍歷循環。之所以在二叉樹的體系裏出現遞歸,和樹的數據結構的特點相關:由root節點和左右節點及節點的節點...構成。本質上是存在一個指針的不斷鏈接。因此和數組這種地址連續的結構相比,樹的節點沒有辦法通過依次尋找地址來

算法 , 二叉樹

收藏 評論

Datenlord - DatenLord|Rust程序性能分析

首發|RustMagazine 簡介 程序的性能分析是一個很廣很深的話題,有各種各樣的工具來對不同的指標進行測試分析。本文主要介紹如何用profiling工具對Rust程序進行On-CPU和Off-CPU的性能分析,以及如何繪製火焰圖對結果測試進行可視化處理。 On-CPU性能分析 On-CPU的性能分析為了找出佔用CPU時間多的任務或者函數,進而找出程序的性能瓶頸。這裏主要介紹perf工具,pe

程序 , 性能分析 , rust , 性能

收藏 評論

生活處處有BUG - 操作服務器的神奇工具Tmux

Tmux 是什麼? 會話與進程 命令行的典型使用方式是,打開一個終端窗口(terminal window,以下簡稱"窗口"),在裏面輸入命令。用户與計算機的這種臨時的交互,稱為一次"會話"(session) 。 會話的一個重要特點是,窗口與其中啓動的進程是連在一起的。打開窗口,會話開始;關閉窗口,會話結束,會話內部的進程也會隨之終止,不管有沒有運行完。 Tmux 的作用 Tmux 就是會話與窗口的

linux編程 , linux運維 , Linux

收藏 評論

阿亮説技術 - Linux卸載openjdk並安裝Oracle jdk

Linux卸載openjdk #查看版本 java -version 顯示如下: 自帶的openjdk openjdk version "1.8.0_275" OpenJDK Runtime Environment (build 1.8.0_275-b01) OpenJDK 64-Bit Server VM (build 25.275-b01, mixed mode) #查看jdk安裝軟件

jdk8 , openjdk , Linux

收藏 評論

tuihou123321 - github copilot在webstorm無法登陸的解決方案

問題描述 github copilot使用到期後,重新續費後。卻發現在webstorm一直登陸不成功。 報錯讓重新登陸。 排查過程 把賬號在vscode上試了下沒問題 檢查webstorm proxy代理設置,全部關閉 webstorm github copilot插件下面看留言: https://plugins.jetbrains.com... 發現有

github , 前端工具 , ide

收藏 評論

liuyuede - go channel原理及使用場景

轉載自:go channel原理及使用場景 源碼解析 type hchan struct { qcount uint // Channel 中的元素個數 dataqsiz uint // Channel 中的循環隊列的長度 buf unsafe.Pointer // Channel 的緩衝區數據指針 elemsi

channel , 協程 , go

收藏 評論

中關村科金 - Android如何實現自定義短信登錄丨MobTech

短信驗證碼SDK,為開發者提供全球通用的短信驗證碼工具,開發者可以用其在App植入短信驗證碼SDK、簡單設置即可短信驗證,集成快速便捷,且後期易於管理 編寫xml佈局創建自己的登錄xml佈局,在res/layout文件下新建activity_custom_login.xml文件,如下圖: 繪製自己的xml佈局文件,可參考如下代碼: ?xml version="1.0" encoding="

android-sdk , Android

收藏 評論

來了老弟 - 用js獲取當前月份的天數

本文介紹一下如何使用js獲取指定時間對應月份的天數。 獲取當前月份天數 我測試的時間是2022-09-01: const date = new Date() const year = date.getFullYear() const month = date.getMonth() const days = new Date(year,month+1,0).getDate() // 30 假如要獲

date , Javascript

收藏 評論

YoLinDeng - 微信小程序內嵌H5頁面,完成微信支付閉環

前言 本文介紹如何在小程序中內嵌H5,並完成微信支付的整個流程閉環。我們知道微信H5支付是通過生成特定的支付鏈接,並跳轉到這個鏈接去完成支付操作的。但在微信小程序中對於內嵌的頁面域名具有白名單限制,如果支付鏈接是第三方的無法做加白處理。 這個時候我們就得換個思路了,該怎麼解決呢?咱們往下看。 實現過程 小程序入口 在微信小程序中新建一個頁面,使用web-view組件作為內嵌H5的入口,由於後續支付

微信小程序 , 支付 , 前端

收藏 評論

鳩摩智首席音效師 - 如何在RHEL9上安裝VirtualBox虛擬機?

在這篇文章中,我們將逐步介紹如何在RHEL 9上安裝 VirtulaBox。 眾所周知,VirtualBox 是一個用於 x86 和 Intel64/AMD64 硬件的免費跨平台虛擬化工具。使用VirtualBox,我們可以同時運行多個操作系統,並幫助用户在桌面或筆記本電腦上設置測試環境。它通常用作桌面級,並提供用於管理虛擬機的圖形用户界面。 基本術語 Host OS:它是安裝VirtualB

virtualbox , redhat

收藏 評論

中關村科金 - MobTech 短信驗證REST API

前言 本接口屬於SMSSDK短信平台的開放驗證服務,不提供短信發送服務,主要是承擔驗證APP 使用SMSSDK發送的短信驗證碼,使用該接口來驗證驗證碼是否正常。 接口使用 開通服務端驗證開關 第一步:開通服務端驗證開關 在開發者後台創建應用後開啓SMSSDK,並配置服務器白名單 請求接口驗證短信 請求地址為:https://webapi.sms.mob.com/sm... 請求

rest-api , 短信驗證

收藏 評論

阿亮説技術 - MacBook安裝jdk8

MacBook安裝jdk8 官方下載地址: https://www.oracle.com/java/t... 下載macOS x64版本: jdk-8u171-macosx-x64.dmg #點擊安裝 jdk-8u171-macosx-x64.dmg 安裝完成後 #設置環境變量 vim ~/.zshrc #最後加入 export JAVA_HOME=/Library/Java/Java

jdk8 , macbook

收藏 評論

NGINX開源社區 - 如何應對突發的流量激增和服務器過載問題

原文作者:Frances Fedoriska of F5 原文鏈接:如何應對突發的流量激增和服務器過載問題 轉載來源:NGINX官方網站 在新冠疫情的衝擊下,許多零售商的客户都改變了他們假日購物的渠道和方式。由於人們無法去實體店購物,線上購物迎來了前所未有的新高潮 —— 2020 年美國的電子商務銷售額飆升至 1,890 億美元,比 2019 年增長了 33%。現在購物狂歡節還

流量檢測 , 帶寬 , 負載均衡 , Nginx , web服務器

收藏 評論

kevinwan - 熔斷原理分析與源碼解讀

熔斷機制(Circuit Breaker)指的是在股票市場的交易時間中,當價格的波動幅度達到某一個限定的目標(熔斷點)時,對其暫停交易一段時間的機制。此機制如同保險絲在電流過大時候熔斷,故而得名。熔斷機制推出的目的是為了防範系統性風險,給市場更多的冷靜時間,避免恐慌情緒蔓延導致整個市場波動,從而防止大規模股價下跌現象的發生。 同樣的,在高併發的分佈式系統設計中,也應該有熔斷的機制。熔斷一般是在客

grpc , 微服務 , go-zero , web開發 , go

收藏 評論

碼上世界 - 麒麟操作系統 (kylinos) 從入門到精通 - 辦公環境- 第三十二篇 打字練習與打字遊戲(金山打字通)的軟件與使用

0.基礎環境 類別:筆記本 型號:中國長城 UF712 硬件平台:飛騰處理器(ArmV8 指令集) 系統:銀河麒麟操作系統 V10 SP1(2203) 關鍵詞: 信創,麒麟系統,linux,PKS,銀河麒麟,飛騰,arm64,arm,金山打字通,打字練習,五筆,拼音 1. 需求背景 對於新人或剛接觸電腦的朋友來講,如何熟悉和練習鍵盤鍵位以及進行打字練習,成為最重要的基

鍵盤 , 信創 , Linux , 程序員 , 學習資料

收藏 評論

程序員田同學 - 設計模式之命令模式

本文通過解決老王經常搞錯借書人的問題,來引出行為型模式中的命令模式。為了在案例之上理解的更加透徹,我們需要了解命令模式在源碼中的應用。最後指出命令模式的應用場景和優缺點。 讀者可以拉取完整代碼到本地進行學習,實現代碼均測試通過後上傳到碼雲。 一、引出問題 老王的書房藏書越來越多,每天來借書的人絡繹不絕。每天有人借書、還書、老王將A借的書算到B頭上的烏龍事件頻出。老王和小王就商量着手解決這個問題。

命令模式 , 設計模式 , jdk8 , 設計模式新説

收藏 評論

點墨 - node 下載與上傳文件

將node作為應用程序,從某個網站下載文件,然後將其上傳到服務器上。 需要用到的庫 axios:^0.27.2 form-data:^4.0.0 思路: 1.使用axios將文件下載下來,放在tmp文件夾下,responsetype設為arraybuffer,因為寫文件writefilesync需要使用到arraybuffer,不要下載stream流,使用createwritestream寫文件,

react , upload , formdata , 文件上傳 , node.js

收藏 評論

LH_S - Vue3+Vite3 SSR基本搭建

Vue3+Vite3 SSR基本搭建 首先説明如果是生產使用強烈推薦Nuxt,但是如果想深入服務端渲染的運行原理,可以看本篇,會根據渲染流程搭建一個demo版ssr,源碼在最後會貼上 主要技術棧:Vite3 + Vue3 + pinia + VueRouter4 + express 開始搭建之前,先説一下SSR渲染流程 SSR渲染流程 首先瀏覽器向服務器請求,然後服務器根據請求的路由

vue.js , 服務端渲染

收藏 評論

微軟技術棧 - 開源新工具 Azure Developer CLI

翻譯自 Savannah Ostrowski 的博客 今天,我們很高興地宣佈Azure Developer CLI (azd) 公共預覽版——一種新的開源工具,可加快入門Azure 所需的時間。Azure Developer CLI 提供了對開發者友好的命令,這些命令可以映射到工作流中的關鍵階段,比如編碼、構建、部署、監控、重複。一步創建、配置和部署一個新的應用程序會非常簡單: azd up --

操作系統 , microsoft , cli , 開源 , 開發者

收藏 評論

十八閒客 - 最短路模板(dijkstra+spfa)~(鏈式向前星+鄰接表)

前言 有一段時間沒做最短路的題了,寫題實在手生,於是我決定寫下此篇模板,從原理出發,把原理刻在腦子裏。 馬上要比賽了,我也告誡自己思路決定出路,思維第一,絕不背誦代碼 當然火熱的手感也是提速的關鍵,不背但是要熟練,那就每天起牀第一步,先敲一遍最短路 最後面也放上我近期刷題的總結。 序 spfa+鄰接表 spfa+鏈式向前星 dijkstra+鄰接表 dijkstra+鏈

算法 , 最短路徑 , 模板

收藏 評論

從君華 - React中removeEventListener()注意事項

眾所周知,事件監聽器這種東西,除非是{once: true}這種一次性監聽器,否則凡註冊的,必移除。 但是在React的Hook組件中,移除事件監聽時卻要留點神,否則可能代碼寫得自認為OK,實際一點效果都沒有。 先來看個例子: 一個計數器,初始值為1,每點擊一次按鈕,數字+1,噹噹前數字為偶數時,註冊監聽器,為奇數時,移除監聽器。 寫法一 import { useEffect, useState

react , 事件監聽 , react-hooks

收藏 評論

鳩摩智首席音效師 - 快速搭建校園課程點播+直播BS架構方案

十幾年前,WEB應用還沒有崛起,大家還都在用"美萍點播"等CS架構來搭建點播平台,現如今是瀏覽器的天下了,能不用客户端就不用客户端,使用開源軟件組合搭建點播+直播平台的BS架構備受青睞。 利用阿里雲和騰訊雲等第三方平台提供的雲服務來搭建點播+直播系統已經是很成熟的方案了,那在校園等局域網環境裏面如何快速搭建相關服務呢? 點播平台 (1)簡單應用 如果不需要多碼率播放,視頻加密的話,直接上傳m

php , phalcon

收藏 評論

joyerli - react狀態總結

本文從動機脈絡聊聊對react生態中的狀態相關技術的演化過程。 個人理解,歡迎討論 響應式渲染框架 這裏只聊react的狀態和視圖渲染相關內容,不聊底層的Virtual DOM react是一個mvvm框架,作為一個響應式渲染設計,當自身的模型(狀態)發生變化時,會自動刷新(re-render)當前視圖顯示最新的模型(狀態)數據。 那是如何監聽狀態發生變化呢?react本着極簡的api設計理念,遵

react , hooks , mobx , redux

收藏 評論