收藏 / 列表

yunpan-plus 頭像

雲棧開源日記 - 從功能測試到自動化測試開發：軟件測試工程師技能提升指南

軟件測試職業發展的關鍵差異 在軟件測試領域，手工測試與自動化測試的工作效率存在顯著差異。掌握自動化測試技能的工程師，可以通過腳本快速完成迴歸測試工作，而這正是測試開發工程師的核心能力之一。 本文分享一套完整的軟件測試學習課程，涵蓋從基礎理論到自動化測試的全棧技術內容。 課程簡介 本課程為軟件測試全棧實戰課程，內容包括： 測試基礎理論與流程

軟件測試

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - 運籌帷幄決勝千里，Python3.10原生協程asyncio工業級真實協程異步消費任務調度實踐

我們一直都相信這樣一種説法：協程是比多線程更高效的一種併發工作方式，它完全由程序本身所控制，也就是在用户態執行，協程避免了像線程切換那樣產生的上下文切換，在性能方面得到了很大的提升。毫無疑問，這是顛撲不破的業界共識，是放之四海而皆準的真理。 但事實上，協程遠比大多數人想象中的複雜，正因為協程的“用户態”特性，任務調度權掌握在撰寫協程任務的人手裏，而僅僅依賴async和await關鍵字遠遠達不到“調

調度器 , python3.x , async , 協程 , Python

simonbaker_5ec61c266b1df 頭像

simonbaker - XSS和CSRF防禦的經典策略

XSS防禦 1、頁面端防禦 頁面端的XSS防禦的方法，主要是針對輸入和輸出。 一般是在輸入的時候進行校驗，輸出的時候進行轉義。 輸入端的校驗： 所有能輸入的數據，都要列為不可信的數據。在邏輯處理或者存儲之前，都要進行校驗。 校驗的規則儘可能採用白名單而不是黑名單，比如只允許哪些字符，其他字符則一律不通過。 輸出端的轉義： 主要是對準備輸出到html的字符進行轉義。特別是用了v-html的地方。 這

csrf , xss

skychx 頭像

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

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

性能優化 , 跨域 , 前端

xishui_5ac9a340a5484 頭像

夕水 - SCSS即將廢棄`@import`，以前的`@import`該何去何從？

SCSS即將廢棄@import，以前的@import該何去何從？ 1. 引言 隨着前端開發技術的不斷髮展，SCSS（Sass）作為一種流行的CSS預處理器，已經在眾多前端項目中得到了廣泛應用。其優雅的語法、強大的功能以及靈活的模塊化機制，使得開發者能夠更加高效地構建和管理樣式表。然而，隨着SCSS的不斷迭代更新，我們也迎來了一個重要的變革：@import語法即將被廢棄。雖然@import曾經是SC

scss , 前端

nulidexiaocongmang 頭像

MangoGoing - 如何從 create-react-app 遷移到 Vite？

在不斷髮展的 Web 開發領域，對於任何希望提高性能和可維護性的開發人員來説，掌握高效的工具和流程都至關重要。對於許多希望構建現代單頁 React 應用程序的人來説，Vite 已成為 Create React App (CRA) 的自然繼任者。在本綜合指南中，我們將逐步介紹將您的項目從 CRA 遷移到 Vite 的步驟，重點是實用性和易用性。 距離 Vite 推出已經有4年時間，Vite 5.0

react , vite , create-react-app , 前端

camille_5f9b7f6b8693f 頭像

牛仔碼農 - Ajax實戰學習教程，ajax基礎原理及使用詳解

在學習AJAX之前，大家應該對AJAX有一個簡單的瞭解。 AJAX 是一種在無需重新加載整個網頁的情況下，能夠更新部分網頁的技術。通過在後台與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。 Ajax教程看哪個好？網絡上的AJAX入門教程五花八門，讓很多小夥伴看得眼花繚亂。這裏也推薦我看過的ajax視頻，動力節點的A

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

ruanjiankaifa_xiaofanya 頭像

軟件部長 - 利用Java規則引擎進行決策配置：SQL變量的運用與實踐

SQL變量加工 SQL加工背景：在決策配置過程中，一些複雜的邏輯或模型可通過自定義SQL腳本編寫創建數據變量，通過SQL腳本可以便捷的從數據庫中取數，並且自定義SQL支持傳參，可滿足更復雜多變的數據加工處理。注意，SQL變量加工和算子編排加工的方式不同，SQL變量加工依賴於對應數據源的服務器的性能，在使用前，需要確認下數據庫是否有可用的多餘的性能滿足新增SQL執行的性能消耗（避免影響原有系統的性能

風險控制 , 大數據 , JAVA , SQL , 變量

shenfq 頭像

Shenfq - 前端模塊化的前世

隨着前端項目的越來越龐大，組件化的前端框架，前端路由等技術的發展，模塊化已經成為現代前端工程師的一項必備技能。無論是什麼語言一旦發展到一定地步，其工程化能力和可維護性勢必得到相應的發展。 模塊化這件事，無論在哪個編程領域都是相當常見的事情，模塊化存在的意義就是為了增加可複用性，以儘可能少的代碼是實現個性化的需求。同為前端三劍客之一的 CSS 早在 2.1 的版本就提出了 @import 來實現模塊

前端模塊化 , seajs , commonjs , requirejs , 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 - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解，查了資料才明白其中的緣由，遂以志之。問題是這樣的： button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

_6085362b65292 頭像

HZFEStudio - ES5、ES6 如何實現繼承

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

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

jianzhuangdeyaling 頭像

用户bPdeUmS - 深入理解 Fiddler：網絡調試的強大工具

在現代 Web 開發中，網絡調試和請求分析是開發者日常工作中不可或缺的部分。Fiddler 是一款功能強大的網絡調試代理工具，它能夠幫助開發者捕獲、查看和修改 HTTP(S) 請求和響應，提供了極大的便利。無論是調試 API、分析網絡性能，還是解決前端與後端的通信問題，Fiddler 都能為開發者提供詳細的信息和靈活的操作。本文將專注於 Fiddler 的核心功能、使用場景以及最佳實踐，幫助你更高

fiddler , yarn , typescript , 前端 , 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 頭像

蘇琢玉 - 被問性能後，我封裝了這個 PHP 錯誤上報工具

最近我把自己常用的一套錯誤上報邏輯封裝成了一個 Composer 包，叫 ​hejunjie/lazylog​。 功能很簡單也很實用：安全地寫本地日誌 + 把異常信息上報到遠端（支持同步/異步） 。本文講講為什麼我要做這個庫、實現思路、在不同運行環境下如何選擇（以及我推薦的優化方案）。 起因：為啥要做這個工具？ 先講個背景。之前我寫了一個 Go 項目 —— oh-shit-logger，目

composer , php

qfifteen 頭像

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

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

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

haixiudezhusun 頭像

高德開放平台 - 高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server

高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server，通過技術能力與生態資源的深度協同，助力開發者高效構建標準化地圖服務，加速智能化場景落地。 https://www.bilibili.com/video/BV1vSugzwEQY/?aid=114833852731... 技術融合：大模型賦能地圖交互升級 基於阿里雲通義千問系列大模型領先的自然語言處理與多模態交互能力

地圖開發 , ai開發 , 阿里雲

lirong_60404fde6d52d 頭像

李不要熬夜 - ES6 變量作用域與提升：變量的生命週期詳解

本文詳細討論了 JavaScript 中作用域、執行上下文、不同作用域下變量提升與函數提升的表現、頂層對象以及如何避免創建全局對象等內容。 變量作用域與提升 在 ES6 之前，JavaScript 中只存在着函數作用域；而在 ES6 中，JavaScript 引入了 let、const 等變量聲明關鍵字與塊級作用域，在不同作用域下變量與函數的提升表現也是不一致的。在 JavaScript 中，所有

ecmascript-6 , 作用域 , 技術 , 變量 , 前端

grapecity 頭像

葡萄城技術團隊 - 使用數據庫工具進行高效數據查詢的 10 大 IntelliJ IDEA 快捷方式

使用數據庫工具進行高效數據查詢的 10 大 IntelliJ IDEA 快捷方式 引言 在現代軟件開發中，數據庫操作是不可或缺的一部分。作為Java開發者，我們經常需要與各種數據庫進行交互，編寫和執行SQL查詢。IntelliJ IDEA Ultimate版本內置了強大的Database Tools，它提供了一個專用的SQL查詢控制枱，允許開發者在不離開IDE的情況下，輕鬆修改和提取連接到Java

intellij-idea

laomao_5902e12974409 頭像

來了老弟 - Mongoose無法更新時間戳

Mongose 是為 node.js 開發的 MongoDB 對象模型，它基於schema來處理應用的數據模型，開箱即用。 schema中的時間戳 const mongoose = require('mongoose'); const BlogSchema = new mongoose.Schema({ id: { type: Number }, title: { type: Strin

數據庫 , mongoose

yourena_c 頭像

友人A - 記錄一次githubpage+cloudflare+freenom的靜態博客部署

一、域名解析準備 1.這裏假設我在freenom註冊了一個 apitest.tk 2.登錄cloudflare，添加網站選擇free 3.填寫名稱服務器地址，第一張圖的兩個地址，填到第三張圖並保存。保存完了檢查一下哦！！！！ 原作者地址👉https://segmentfault.com/u/yourena_c 二、github pages項目

cloudflare , github-pages , 部署 , 域名解析 , 前端

hai2007 頭像

你好2007 - v-solt 插槽（基礎使用、具名插槽、作用域插槽等）

基本使用 組件通過slot預留位置，使用組件的時候，可以通過傳遞具體的內容去替換slot佔用的地方，這就是插槽。 比如現在定義了一個組件： !-- simple-use.vue -- template div slot/slot /div /template 組件slot/slot佔用的位置具體內容不確定，需要使用的時候傳遞進來，我們就可以這樣使用： simple-use em

vue.js , htm , template.js , 前端 , Javascript

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript