收藏 / 列表

yunpan-plus 頭像

雲棧開源日記 - Strix：用AI做滲透測試，把安全漏洞扼殺在開發階段

你的應用真的安全嗎？傳統安全掃描工具給你一堆"可能存在的漏洞"，但哪些是真的？ Strix是一個開源的AI安全測試工具，它不只是掃描代碼找問題，而是像真正的黑客一樣——運行你的程序、嘗試攻擊、驗證漏洞是否真實存在。這個項目最近在GitHub上獲得了3.1k星標，核心亮點是把原本需要幾周的人工滲透測試壓縮到幾小時完成。 解決什麼問題 做過安全測試的人都知道這些痛點： 找安全公司做滲透測試，一次

企業信息化

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 天人合一物我相融，站點升級漸進式Web應用PWA(Progressive Web Apps)實踐

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_216 PWA（Progressive web apps，漸進式 Web 應用）使用現代的 Web API 以及傳統的漸進式增強策略來創建跨平台 Web 應用程序，説白了，PWA可以讓我們的站點以原生APP的形式運行，但相比於安裝原生APP應用，訪問PWA顯然更加容易和迅速，還可以通過鏈接來分享PWA應用。 有許多知名的網絡平台已

pwa , 響應式設計 , tornado , 響應式 , 前端

simonbaker_5ec61c266b1df 頭像

simonbaker - koa異常處理詳解

文章不易，請關注公眾號 毛毛蟲的小小蠟筆，多多支持，謝謝 問題 koa是怎麼處理異常的？ 分析 首先了解下node.js是怎麼處理異常的 一般來説，node.js頂層有個uncaughtException事件，當異常沒被捕獲的時候，就會一層層上升，直到觸發定義好的uncaughtException事件。 但有個問題，node.js最大的特點是異步機制。比如讀取文件信息的stat的異步寫法： req

koa , 前端

skychx 頭像

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了，如果你對 Web Framework/Runtime/Performance，或對編譯構建/Rust/AI 感興趣，可以來看看我們的崗位（具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦！） 簡歷可以發到我的郵箱 skychx@hotmail.com，我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

xishui_5ac9a340a5484 頭像

夕水 - 手寫一個動態海洋和天空效果的vue hooks

背景 常規的後台管理系統登陸頁面可能就只是一個簡單的背景頁面，這不太好看，接下來讓我們來使用three.js來實現一個動態的海洋和天空效果當作背景，這樣的效果總會讓人眼前一亮，如下圖所示。 代碼實現 接下來，讓我們用trae來編寫實現這個功能吧。 1. 組合式 API 初始化 import { onMounted, onBeforeUnmount } from "vue"; import * a

vue.js , three.js , 前端 , Javascript

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Ajax基礎原理及使用教程（來自動力節點）

首先，我們來回顧下ajax是什麼? Ajax = 異步 JavaScript 和XML。 Ajax是一種用於創建快速動態網頁的技術。 通過在後台與服務器進行少量數據交換，Ajax可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。 傳統的網頁(不使用 Ajax)如果需要更新內容，必須重載整個網頁面 前面談到ajax是什麼，其主要也就是異步提交，大家是否知道同步

Ajax , JAVA , ajax跨域 , 後端 , 前端

shenfq 頭像

Shenfq - JavaScript 異步編程史

前言 早期的 Web 應用中，與後台進行交互時，需要進行 form 表單的提交，然後在頁面刷新後給用户反饋結果。在頁面刷新過程中，後台會重新返回一段 HTML 代碼，這段 HTML 中的大部分內容與之前頁面基本相同，這勢必造成了流量的浪費，而且一來一回也延長了頁面的響應時間，總是會讓人覺得 Web 應用的體驗感比不上客户端應用。 2004 年，AJAX 即“Asynchronous JavaScr

promise , async-await , generator , 前端 , Javascript

tusi_5c8a591841687 頭像

程序員白彬 - npm init @vitejs/app的背後，僅是npm CLI的冰山一角

結尾的話説在前面。 我有時候會得出這樣的結論：原來那些我不常用的命令或工具，都是為了解決大佬們遇到的問題而存在的！ 我們每天都和npm打交道，但是不少人對npm的掌握程度還停留在一個比較淺的層面（當然這也包括我）。就比如説一個用 vite 創建 app 的命令npm init @vitejs/app，很多人就懵了，“npm init不是用來創建package.json文件的嗎？” 同樣還有n

cli , npm , 前端

aqiongbei 頭像

aqiongbei - javascript中的動態集合NodeList&HTMLCollection

不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現，同樣都是獲取元素的代碼，為啥一個是NodeList，一個是HTMLCollection。 那麼這倆是啥？又有啥區別，本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性，如Node.childNodes 和 方法（如document.querySelectorAll） 返回的

dom , 前端 , Javascript

_6085362b65292 頭像

HZFEStudio - ES5、ES6 如何實現繼承

完整高頻題庫倉庫地址：https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 關於 ES5 和 ES6 的繼承問題 原型鏈概念 回答關鍵點 原型鏈繼承 構造函數繼承 ES6 類繼承 繼承是指子類型具備父類型的屬性和行為，使代碼得以複用，做到設計上的分離。JavaScript 中的繼承主要通過原型鏈和

ecmascript-6 , 繼承 , 原型鏈 , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞：觀察者模式。 觀察者模式是什麼？ 觀察者模式和回調函數有什麼關係？ 使用httpClient時，加上.subscribe有什麼作用？ Angular的httpClient中如何體現觀察者模式？ 解決了上述問題之後，就寫了這篇文章。 （這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數，卻沒有給出實際應用的例子。） 引入問題：httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

momeak9 頭像

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接：https://medium.com/@technicadil_001/how-to-write-better-types... 作者：Debabrata Dash 原標題：How to write better Typescript codes? 在本文中，我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者：本文討論了 15 個實用技巧，以幫助開發者編

ecmascript-6 , typescript , HTML , 前端 , Javascript

zxc7563598 頭像

蘇琢玉 - 我寫了個腳本，統計了我自己寫了多少行代碼（純圖一樂）

為什麼要做這件事？ 老實説，我平時不太在意自己到底寫了多少行代碼。 一方面是因為這東西真沒啥太大參考價值，想刷行數的話，複製粘貼個幾千行都不是事；另一方面也是因為誰都知道：代碼質量和行數沒什麼關係。 但有時候，好奇心就是擋不住。 就像你聽到別人講“十萬小時定律”的時候，會突然想： “哎，那我到底練習了多久？” 我寫代碼已經很多年了，也做了不少項目，大部分都丟在 GitHub 上沒怎麼管過。突

教程 , 知識 , shell

qfifteen 頭像

十五 - Tailwind Css 中使用 Element Plus 主題系統的方案與實現

前言 本篇文章主要講解在 Tailwind Css 中配置 Element Plus 主題變量以統一視覺設計 本文也是《通俗易懂的中後台系統建設指南》系列的第九篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 需求概括 上一篇文章中我們講解了生成 Element Plus 主題色階和動態切換主題色：一篇文章實現 Element Plus 色彩動態切換 Clean Admin 中使用 Ta

vue.js , tailwind-css , element-plus , typescript , 前端

haixiudezhusun 頭像

高德開放平台 - 高德智能手錶解決方案，助力榮耀手錶5 Ultra開啓智慧出行

6月12日，高德開放平台推出了全新的智能手錶解決方案，憑藉其海量數據與多品類地圖服務的深度融合，為智能穿戴設備帶來了全新的可能性。 這一解決方案不僅覆蓋了全國超過7000萬的POI數據以及海外超過1.2億的POI數據，還實現了全球200多個國家和地區的地圖、搜索、定位和導航服務，滿足了用户在智能守護、運動出行等場景下的多樣化需求。同時，該方案支持多樣化的地圖模板和個性化元素配置，助力開發者快速定製

地圖開發 , 地圖api , 人工智能 , 後端 , 前端

lirong_60404fde6d52d 頭像

李不要熬夜 - 移動端rem 適配方案

rem是什麼？ rem（font size of the root element）是指相對於根元素的字體大小的單位。簡單的説它就是一個相對單位。看到rem大家一定會想起em單位，em（font size of the element）是指相對於父元素的字體大小的單位。它們之間其實很相似，只不過一個計算的規則是依賴根元素(rem)一個是依賴父元素計算(em)。 個人理解rem佈局可分為倆

rem響應式 , 程序員 , rem , 前端

grapecity 頭像

葡萄城技術團隊 - 文檔：架構師的“編程語言”

高級開發工程師懂得將代碼部署到由代碼構成的系統中，而架構師則懂得將想法部署到由人構成的系統裏。 從初級開發到資深/首席開發，職業路徑通常很清晰：代碼寫得越好，能輔助高效編碼的技術、非技術能力越強，晉升速度就越快。但一旦到了資深級別，職業道路就會出現一個關鍵分叉。 很多開發者會選擇管理崗。這條路徑能大幅提升影響力，幫你在職業階梯上繼續攀升，但缺點也很明顯------你

架構

laomao_5902e12974409 頭像

來了老弟 - vue項目引入pwa使網頁應用可安裝

最近在使用vue項目時看到一個這樣的效果，如圖： 現在其實有很多網站都支持把網頁安裝到電腦或手機（IOS Safari支持較好），如下圖安裝後的效果： 這些都是網頁應用。 接下來介紹一下如何讓你的vue2項目變得可以安裝。 添加cli-plugin-pwa 給現有的vue項目添加，使用下面命令： vue add pwa 執行完之後會自動在package.json添加"@vue/c

vue.js , pwa , service-worker

yourena_c 頭像

友人A - 低代碼數字孿生三維開發框架

🚀 【重磅發佈】Meteor3DEditor —— 你的數字孿生世界，從此觸手可及！ 還在為複雜的3D開發頭疼？Meteor3DEditor 來了！基於 Three.js + Vue3 打造的全新低代碼數字孿生平台，讓你像玩積木一樣輕鬆搭建3D場景！🎮 ✨ 為什麼選擇 Meteor3DEditor？ ✔ 零門檻可視化編輯 —— 拖拽組件，自由佈局，無需深厚編程基礎 ✔ 超強二次開發

three.js , 低代碼開發平台 , 三維模型 , gis

hai2007 頭像

你好2007 - Symbol + Generator函數 + Promise

一：Symbol 1.1 基本使用 簡單的説，Symbol就是一個絕對唯一的key值，類似之前obj['key']='value'這種操作的字符串'key'，好處是絕對不會重複，避免覆蓋之前的值。 Symbol是一個方法，會返回一個唯一的symbol，可以帶參數，比如：var sy=Symbol('sy-name')，不過這只是為了方便查看，加不加目前沒有區別。 var sy1=Symbol(),

ecmascript-6 , promise , symbol , generator , Javascript

data_ai 頭像

數據庫知識分享者 - 談AK管理之基礎篇 - 如何進行訪問密鑰的全生命週期管理？

簡介： 我們也常有聽説例如AK被外部攻擊者惡意獲取，或者員工無心從github泄露的案例，最終導致安全事故或生產事故的發生。AK的應用場景極為廣泛，因此做好AK的管理和治理就尤為重要了。本文將通過兩種AK使用不安全的典型案例，進行分析和介紹。 一、引言： 對於企業上雲的典型場景，雲賬號管理員一般會給員工、應用程序或系統服務創建一個相應的用户賬號。每個賬號都可以有獨立的身份認證密鑰，俗稱AK (A

coffeescript , css3 , chrome-devtools

wuyagege 頭像

雲綺棠兮 - JavaScript創建對象的多種方法

方法一 ----通過字面量創建 let obj = { name: 'zhang', age: 12, sayName: function () { console.log(this.name); } } console.log(obj);//{ name: 'zhang', age: 12, sayName: [Function: sayName

prototype , object , Javascript

changlina 頭像

長林啊 - Next.js Font 組件怎麼玩？最佳實踐分享

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者和 AI 探索者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 前面的文章介紹了 Script 組件和 Link 組件，今天我們來看看 Font 組件。在 Web 開發中，字體是一個常常被忽視但至關重要的元素。它不僅影響網站的可讀性和用户體驗，還體現了品牌的個性和風格。選擇

react , next.js , 前端

lenglengdechaomian 頭像

冷冷的炒麪 - 免費SSL證書申請指南

瞭解SSL證書 SSL證書是網站的安全身份證，它讓網站地址從"http"變成"https"，並在瀏覽器顯示鎖形標誌。主要作用是加密數據傳輸，驗證網站真實性，防止信息被竊取。 準備工作 1.確認域名所有權 2.準備服務器信息 3.準備企業資料（如申請企業型證書） 4.準備聯繫電話和郵箱 選擇證書類型 ：根據需求選擇合適類型 域名型證書：基礎加密功能 企業型證書：需要驗證企業資質 增強型證書：最高安全

觀點 , HTTP , HTTPS , 知識 , 前端