tag Javascript

標籤
貢獻1,351
1028
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 icecreamlj 頭像 yayu 頭像 lengxi_16 頭像 tanking 頭像 u_15469972 頭像 codesheep_pro 頭像 refanbanzhang 頭像 jdcdevloper 頭像 u_17141077 頭像 u_15943685 頭像

@Javascript / 博客 RSS 訂閱

kestrel_task 頭像

微芒不朽 - 為什麼永遠不要讓前端直接連接數據庫

在現代Web開發中，安全性是至關重要的考慮因素。一個常見的反模式就是讓前端應用直接連接數據庫。本文將深入探討為什麼這種做法存在嚴重安全隱患，以及正確的架構模式應該如何設計。 為什麼前端絕不應該直接連接數據庫？ 1. 安全風險暴露 當你的前端代碼（如Vue.js、React或Angular應用）直接連接數據庫時，意味着數據庫憑證和連接信息必須存儲在客户端代碼中。這會帶來以下風險： // ❌ 錯誤示例

後端 , 前端 , Javascript

收藏 評論

like_5af2bb418652b 頭像

like - JS下載圖片的方法總結

有沒有小夥伴在開發“純前端下載圖片”功能時，遇到以下的場景？ 1. 下載已存在的圖片 2. 下載某個元素的內容 分享解決以上問題的方法 下載已存在的圖片：使用canvas畫圖，a標籤下載 export function downloadImg(imgUrl: string, imgTitle: string) { var img = new Image(); img.src = im

download , html2canvas , 前端 , Javascript

收藏 評論

u_15957839 頭像

MinionPy - 關於AI的學習筆記01.大模型的核心原理

簡要發展歷史： 1950-1980：符號主義AI，基於規則 1980-2010：神經網絡，側重統計學習 2017：Tranformer架構，Attention is all you need 2018-2020：大規模預訓練與涌現（GPT-3等） 2022-至今：大模型繁榮期，指令微調、人類對齊、百花齊放 未來：智能體Agents與多模態融合

不同版本 , 數據 , 模態 , 前端開發 , Javascript

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - vscode插件開發中文文檔教程(8)——擴展API導覽

vscode插件開發中文文檔教程(8)——擴展API導覽 原文鏈接：Extension Guides 作者：Microsoft 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！ 擴展API導覽 一旦您已經瞭解了 Visu

vscode插件 , typescript , 前端 , Javascript

收藏 評論

u_11103654 頭像

binswm - Bitpie下載:Tekon.app官網服務器中Ping特定的端口號

在日常Bitpie開發和運維中，我們經常需要檢查目標下載主機上的某個官網端口是否開啓，並確定網絡連通性。本文將為你詳細介紹使用 telnet、nc（Netcat） 和 nmap 等工具，在 Windows、Linux 和 macOS 上如何高效地 Ping 某個特定端口。 正文 一、為什麼需要 Ping 特定端口？ 1. 常規

windows , 服務器 , 安裝方法 , 分佈式 , Javascript

收藏 評論

wensandaoshi 頭像

fx67ll - pm2 常用命令

先説一些廢話 之前學習Nodejs項目的時候使用了pm2作為生產環境的進程管理工具，最近服務器崩了需要重啓一些服務，發現有些命令記得不是特別清楚， 所以這裏寫一篇文章幫助自己記憶整理一下pm2的常用命令，後續有需要查閲一下即可~ 常用命令 進入bin目錄啓動：pm2 start www / pm2 start app.js pm2 start app.js --name="fx67ll

node.js , pm2 , Javascript

收藏 評論

davidcatuhe 頭像

David Catuhe - Building Shaders With Babylon.js

Shaders are a key concept if you want to unleash the raw power of your GPU. I will help you understand how they work and even experiment with their inner power in an easy way, thanks to Babylon.js.

Techniques , Tools , coding , Javascript

收藏 評論

u_56701 頭像

hackernew - matlab 控制小車,小車倒立擺PID，極點配置，LQR控制的MATLAB仿真

一、系統建模與參數設置 1. 狀態空間模型 1. 狀態空間模型 其中狀態變量 其中狀態變量 2. 參數定義 % 物理參數 M = 1.096; % 小車質量 (kg) m = 0.109; % 擺杆質量 (kg) l = 0.25; % 擺長 (m) g = 9.8; % 重力加速度 (m

建模 , 狀態空間 , 權重 , 前端開發 , Javascript

收藏 評論

xxx_691eb5aa879e2 頭像

xxx - PathTracker與ObjectTracker完整使用指南

PathTracker與ObjectTracker完整使用指南 在3D地圖可視化場景中，相機控制和對象追蹤是核心功能。mapv-three提供了兩個強大的追蹤器：PathTracker（路徑追蹤器）和ObjectTracker（對象追蹤器）。本文將深入解析這兩個組件的使用方法，幫助開發者快速掌握相機追蹤和對象追蹤技術。 一、PathTracker：路徑追蹤器 PathTracker用於沿指定路徑進

three.js , 3d , Javascript

收藏 評論

jump_and_jump 頭像

jump__jump - 妙用 localeCompare 獲取漢字拼音首字母

在前端開發中，開發者通常會使用 localeCompare 來進行中文字符的排序比較。但 localeCompare 還有一種較為少見的應用場景 —— 通過獲取中文字符的拼音首字母來實現檢索功能。本文將詳細介紹這一實用技巧及其應用。 原理 localeCompare 方法允許字符串按特定語言環境的排序規則進行比較。在中文環境下，它會默認按照漢字的拼音順序進行排序。基於這一特性： 準備一組具有代

搜索 , 漢字轉拼音 , 工具類 , 前端 , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - Vue 3 組件開發最佳實踐：可複用組件設計模式

前言 組件化是現代前端開發的核心思想之一，而在 Vue 3 中，藉助 Composition API 和更完善的響應式系統，我們能夠設計出更加靈活、可複用的組件。本文將深入探討 Vue 3 組件開發的最佳實踐，介紹多種可複用組件的設計模式，幫助開發者構建高質量的組件庫。 組件設計基本原則 1. 單一職責原則 每個組件應該只負責一個明確的功能，避免功能過於複雜。 2. 開放封閉原則 組件對擴展開放，

vue.js , 前端 , Javascript

收藏 評論

u_17072679 頭像

前端小巷子 - Vue腳手架模式與環境變量

Vue腳手架模式與環境變量 在真實項目裏，「如果每次切換環境都手動改代碼，不僅低效，還極易把測試地址帶到線上。Vue CLI 把「模式 + 環境變量」做成了一套約定大於配置的體系，只要理解規則，就能讓同一份源碼在任意環境自動作出正確的行為。 一、模式（mode） Vue CLI 把「運行命令」抽象成三種默認模式： development：對應 vue-cli

環境變量 , API , bash , 前端開發 , Javascript

收藏 評論

jueqiangqingtongsan 頭像

倔強青銅三 - vscode插件開發中文文檔教程(9)——擴展API之命令篇

vscode插件開發中文文檔教程(9)——擴展API之命令篇 原文鏈接：Commands\ 作者：Microsoft\ 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！ 擴展API之命令篇 命令在 Visual Stud

vscode插件 , typescript , 前端 , Javascript

收藏 評論

michelle-barker 頭像

Michelle Barker - Optimizing A Vue App

Single Page Applications (SPAs) can provide a rich, interactive user experience when dealing with real-time, dynamic data. But they can also be heavy, bloated, and perform poorly. In this article, w

Tools , Vue , Apps , Javascript

收藏 評論

u_10244027 頭像

東方飛羽it - 俠影仙蹤：仙俠外傳 （類仙劍遊戲）開發日誌 （1）

先上幾張圖： 物品系統搞了好久，然後還出了好多Bug。現在調的差不多了。 以前用過RPGMaker，比較有侷限性。 用Gdevelop靈活度高一些，什麼都要重新學。素材都是網上找的，或者是AI生成的。 Gdevelop還一個好處，發佈比較簡單。下面有個鏈接裏可以直接在網頁裏玩。 https://gd.gam

遊戲 , 前端開發 , Javascript

收藏 評論

luigiderosa 頭像

Luigi De Rosa - Improving User Flow Through Page Transitions

Any time a user’s experience is interrupted, the chance of them leaving increases. Changing from one page to another will often cause this interruption by showing a white flash of no content, by tak

mobile , ux , coding , Javascript

收藏 評論

slavafomin 頭像

Slava Fomin II - Sailing With Sails.js: An MVC-style Framework For Node.js

I had been doing server-side programming with Symfony 2 and PHP for at least three years before I started to see some productivity problems with it. Don’t get me wrong, I like Symfony quite a lot: I

Frameworks , coding , Javascript

收藏 評論

htdaydayup_5da2d7a6d4888 頭像

圖撲軟件 - 圖撲軟件 3D 場景預加載應用實現

預加載是在進入正式場景之前提前加載所需模型、材質、圖片等資源的技術手段，其核心價值在於消除資源加載等待，確保場景首次渲染即可完整呈現，從而提供無縫、流暢的用户體驗。在複雜的Web 3D可視化應用中，資源預加載尤為重要，可有效解決首次加載時的卡頓、白屏及交互延遲等問題。 預加載實現方案 基礎實現原理 HT for Web中所有資源的請求都會經過ht.Default.convertURL方法，該方法

webgl , 可視化 , 前端 , Javascript

收藏 評論

u_14273 頭像

charlesc - 多層pcb-如何使用Altiumdesigner設計PCB多層板_51CTO博客

在項目名稱上右鍵點擊，在引處的菜單中選擇 Add new to Project\PCB,這樣，在當前的工程當中添加了一個新的PCB 文件PCB1.PcbDoc,在PCB 文件上右鍵點擊，在引出的菜單中選擇Save as 來改變PCB 文件名稱和保存路徑。 左鍵點擊Project\Complie PCB Project xxx..PrjPCB (xxx 是用户自己定義的工程名

編輯器 , 信號處理 , 信息與通信 , 嵌入式硬件 , fpga開發 , 前端開發 , Javascript

收藏 評論

huihui_gogogo 頭像

灰灰 - 後端請求數據計算量過大，導致給用户的返回結果過於漫長【一次調優的過程】

【項目背景描述】 有一個表格，描述的是Snapshot-1和Snapshot-2之間的對比，數據對比的結果是由後端算出來的，前端只要負責渲染就可以。 後端返回的數據本質是一個“森林”，每棵“樹”都是三層，分別是：type/ class name/ object name。由於每棵樹的計算量比較大，孩子節點也比較多，所以在前端渲染的時候，使用懶加載做了優化，即只有當用户展開某層的時候才

csv , curl , Javascript

收藏 評論

lihaixing 頭像

lihaixing - ArrayBuffer 二進制數據

在 Web 開發中，當我們處理文件時（創建，上傳，下載），經常會遇到二進制數據。另一個典型的應用場景是圖像處理。 與其他語言相比，JavaScript 中的二進制數據是以非標準方式實現的。 1. 創建二進制數據 基本的二進制對象是 ArrayBuffer —— 對固定長度的連續內存空間的引用。 let buffer = new ArrayBuffer(16); // 創建一個長度為 16 的 bu

二進制 , arraybuffer , 前端 , Javascript

收藏 評論

steven-levithan 頭像

Steven Levithan - Regexes Got Good: The History And Future Of Regular Expressions In JavaScript

Modern JavaScript regular expressions have come a long way compared to what you might be familiar with. Regexes can be an amazing tool for searching and replacing text, but they have a longstanding

Techniques , coding , Javascript

收藏 評論

dashan_5c230d1ae1f9e 頭像

大山 - Lodash 加減乘除 add、subtract、multiply、divide方法源碼解讀

我們先看下Lodash中文文檔對add方法的解釋： _.add(augend, addend) 兩個數相加。 參數 augend (number): 相加的第一個數。 addend (number): 相加的第二個數。 返回 (number): 返回總和。 例子 _.add(6, 4); // = 10 接下來 我們通過源碼層次來看看add方法的具體用法

lodash , Javascript

收藏 評論

zhehuaxuan 頭像

zhehuaxuan - JavaScript進階之模擬call,apply和bind

原文：https://zhehuaxuan.github.io/... 作者：zhehuaxuan 目的 本文主要用於理解和掌握call，apply和bind的使用和原理，本文適用於對它們的用法不是很熟悉，或者想搞清楚它們原理的童鞋。 好，那我們開始！ 在JavaScript中有三種方式來改變this的作用域call，apply和bind。我們先來看看它們是怎麼用的，只有知

call , apply , bind , Javascript

收藏 評論