收藏 / 列表

起風了 - javascript中的esm是什麼?

esm是什麼? esm 是將 javascript 程序拆分成多個單獨模塊,並能按需導入的標準。和webpack,babel不同的是,esm 是 javascript 的標準功能,在瀏覽器端和 nodejs 中都已得到實現。使用 esm 的好處是瀏覽器可以最優化加載模塊,比使用庫更有效率。 esm 標準通過import, export語法實現模塊變量的導入和導出。 esm 模塊的特點 存在模塊

ecmascript , Javascript

知曉雲 - 開發一個 App Clip 並不難!我們立馬上開發教程

作者|何世友、彭權華 在 2020 年 6 月 23 日的 WWDC 大會中,蘋果發佈了 App Clips 。 App Clip(官方翻譯:輕 App;民間翻譯:「蘋果」小程序),是主 app 輕量級的版本,旨在在特定場景為用户提供快速便捷的體驗。 如果你在上班路上經過一家咖啡店想購買一杯咖啡,但發現排隊下單付款的人很多,此刻你只需要使用 iPhone 自帶的掃碼工具掃描咖啡商店的 App Cl

移動web開發 , 小程序 , app , 蘋果開發 , 前端

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

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

軟件測試

冷冷的炒麪 - 什麼是SSL證書?

一個生動的比喻:門鎖與身份證 如果把網站服務器比作一個存放重要物品的房間,那麼SSL證書就是這個房間的“智能門鎖+身份證”組合。當你想安全地訪問這個房間時,SSL證書同時完成兩件事:第一,驗證這個房間確實是你要找的正規房間(身份認證);第二,為你們的對話加上一把堅固的鎖(加密傳輸),防止被竊聽! SSL證書的核心作用 身份認證 就像我們通過身份證確認對方身份一樣,SSL證書由受信

區塊鏈 , HTTP , 知識 , 安全 , 前端

675173ff-65c2-413a-b556-576966012357 - IP代理的工作原理詳解:隱藏真實身份的互聯網中間層

在現代互聯網世界中,IP代理(Proxy IP) 已成為跨境電商、數據採集、隱私保護、AI訓練和廣告驗證等領域不可或缺的基礎工具。它讓用户能夠繞過地理限制、保護隱私、提高訪問穩定性。那麼,IP代理究竟是如何工作的?為什麼它能隱藏真實身份?本文將從原理、類型與應用三個角度,深入解析IP代理的工作機制。 一、什麼是IP代理? IP代理,也被稱為“代理服務器”(Proxy Server),是一種位於客户

前端 , Javascript

B2Proxy - 深入理解代理IP:讓你的網絡操作更高效、更安全

在如今的數字化時代,網絡已成為數據流動的主戰場。無論是企業級數據採集、廣告驗證,還是跨境電商與隱私保護,代理IP(Proxy IP) 都在其中發揮着關鍵作用。對於開發者與技術從業者來説,理解代理IP的原理與使用場景,是提升網絡操作效率與安全性的基礎。 一、什麼是代理IP 代理IP是指通過中間服務器轉發網絡請求的技術。當用户訪問網站時,請求不會直接從本地設備發出,而是先經過代理服務器中轉。這樣,目標

go , 前端

趙大碗 - Joker 智能開發平台-組件開發

組件開發 在前端項目開發中,組件開發佔據着舉足輕重的地位。通過組件封裝,能夠將公共業務或 UI 交互進行統一整合,有效避免重複開發,極大地提高開發效率。 JOKER 開發平台展現出卓越的優勢,它支持在線進行組件開發,且開發完成的組件無需經過編譯,即可在平台內直接引用並渲染。這得益於 JOKER 開發平台自主研發的渲染與沙箱機制,實現了框架層面的高度靈活性。 一個完整的組件主要由以下幾大功能點構成:

低代碼 , 低代碼開發平台 , 前端

CryptoRzz - 實時期貨、黃金貴金屬、外匯數據接口文檔

StockTV 提供全面的期貨、黃金貴金屬和外匯市場數據接口,支持全球主要交易所的期貨合約、貴金屬現貨及期貨、全球外匯貨幣對等多種金融產品。所有接口返回數據均為 JSON 格式。 快速開始 1. 獲取 API Key 請聯繫官方獲取有效的 API Key,所有接口調用都需要在參數中攜帶 key。 2. 基礎信息 基礎URL: https://api.stocktv.top WebSocket

觀點 , fiddler , 教程 , 知識 , 前端

你好啊你好 - 邊緣吸附組件(vue)

效果Gif圖 使用方式 script lang="ts" setup import EdgeDockable from "***/EdgeDockable.vue"; /script template !-- localStorage 存儲位置時所需要的 key="AI" -- EdgeDockable localStorageKey="AI" template #collap

vue3 , 前端 , Javascript

雨花石 - webpack優化:提高二次構建速度

痛點: 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的,基於webpack和vue2開發,未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考: @vue/cli4已經默認配置過一些優化方法了,比如為babel-loader增加cache-loder。請教了deepseek和google之後,根據項目的實

vue.js , vue-cli4 , webpack , 前端 , Javascript

PoloAPI - Windows 系統安裝與使用 Claude Code 全攻略

Claude Code 作為一款高效的 AI 編程輔助工具,深受開發者青睞,但由於其本身不支持 Windows 文件系統,在 Windows 系統上使用需要藉助 WSL(適用於 Linux 的 Windows 子系統)。下面為你詳細介紹在 Windows 系統上安裝和使用 Claude Code 的完整流程。 什麼是 WSL WSL(Windows Subsystem for Linux,適用於

編程 , 人工智能 , 深度學習 , 後端 , 前端

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多,下面我們來寫常用的幾種(包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承): 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例,從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

PatWu16 - PWA離線應用實踐

上篇文章整理了PWA離線應用的技術脈絡和注意事項,本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件,可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件: // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後,插件會自動生成以下文件: src/

pwa , HTML , 前端 , Javascript

倔強青銅三 - 教你玩轉JavaScript元編程

教你玩轉JavaScript元編程 大家好,我是倔強青銅三。我是一名熱情的軟件工程師,我熱衷於分享和傳播IT技術,致力於通過我的知識和技能推動技術交流與創新,歡迎關注我,微信公眾號:倔強青銅三。 JavaScript元編程:深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇,為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr

vue.js , ecmascript-6 , node.js , 前端 , Javascript

火爆的鍵盤 - 【教程】如何使用Postman測試接口?詳細指南

在當前,API(應用程序接口)的使用變得越來越普遍。其中,HTTP/HTTPS API 是最常見的一種。無論是開發前端還是後端,測試 API 都是一個關鍵環節。Postman 是一種流行且強大的 API 測試工具,能夠幫助開發人員輕鬆地進行接口測試和調試。 一、什麼是 Postman? Postman 是一個專用於 API 開發的跨平台工具。它提供了簡潔易用的界面,幫助開發者和測試人員發送 HTT

API , postman , 接口 , 後端 , 前端

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能,經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後,想從技術使用者的角度分享一下真實的體驗和踩過的坑,希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台,需要為用户提供智能客服和代碼助手功能。在選擇方案時,主要考慮了以下幾個因素: 開發效率:不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

Grewer - 樹形選擇器的使用場景探索

在工作中,樹形選擇器(tree-select)是一種常見的基礎組件, 這次我們針對此組件做一些業務適配 背景: 在一個大型組織(2 萬以上)內,需要有一個選擇人、組的一個選擇器, 支持搜索功能。 一開始我的思路是這樣: 層級加載+後端搜索 **既然數據量很多,那最好不要一次性加載,不然會有以下的一些問題: 問題一是後端的加載速度很慢 二是前端也會手動很大的影響,比如需要開

業務 , antd , 組件化 , 前端 , Javascript

qinyuanqiblog - angularjs 學習筆記

angularjs官網 Awesome AngularJS angularjs菜鳥學院 angular 中文網 angular新手經常會碰到的坑 angularjs核心功能介紹 所有的東西都是綁在module上面的 angular .module('app', []) // module .factory() //

angularjs , 前端

可視化PaaS開發 - Web組態:Web2D工業組態模板

最近發現不少網友留言,想要一些前端Web組態的模板,由於公司是做2D/3D可視化編輯器的,同時也會設計很多各行各業的組態模板,以供參考,所以小編整理了包含電力、環境、園區、能源等行業領域的一些組態模板,希望對大家有所幫助! 污水處理前端Web組態模板 污水處理預沉池系統 污水處理AO池監測系統 生活污水處理監控系統 鍋爐控制前端Web組態模板 鍋爐監控系統 鍋爐控制系統

前端設計 , scada , 前端 , html5 , Web

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾,比如叫 Vue3UI ,然後使用命令行在此文件夾下使用npm初始化: npm init 回車後,我們再安裝vite(我們這裏選擇使用Vite進行打包,使用別的也類似): npm install --save-dev vite 根目錄創建 index.html 文件,裏面內容如下: !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

得物技術 - 營銷會場預覽直通車實踐|得物技術

一、背景:活動會場的配置走查之痛 在電商營銷中,會場是承載活動流量的核心陣地。得物的營銷會場不僅覆蓋520、七夕等活動節點,也支撐日常的"天天領券"、"瘋狂週末"等高頻運營場景。數據顯示,會場的UV佔比、GMV貢獻、訂單量均佔平台重要比重。 然而,隨着業務複雜度提升,會場配置面臨三大挑戰。 1.1 三大挑戰 ※多目標耦合 同一會場需同時滿足不同運營GMV提升、拉新、促活等不同目標,導致配置策略疊

架構設計 , 架構 , 測試開發 , 測試用例管理工具

若川 - 50行代碼串行Promise,koa洋葱模型原來是這麼實現?

1. 前言 大家好,我是若川。歡迎關注我的公眾號若川視野,最近組織了源碼共讀活動《1個月,200+人,一起讀了4周源碼》,感興趣的可以加我微信 ruochuan12 參與,長期交流學習。 之前寫的《學習源碼整體架構系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十餘篇源碼文章。其中最新的兩篇是

node.js , koa , koa.js , 前端 , Javascript

編程三昧 - WebSocket 對象簡介

WebSockets 是一種先進的技術。它可以在用户的瀏覽器和服務器之間打開交互式通信會話。使用此API,您可以向服務器發送消息並接收事件驅動的響應,而無需通過輪詢服務器的方式以獲得響應。 何為 WebSocket 對象? WebSocket 對象是 WebSockets 的接口之一,用於連接WebSocket服務器的主要接口,之後可以在這個連接上發送 和接受數據。 WebSocket 對

websocket , 技能表 , 前端優化 , 前端

細心的紅酒 - SSL雙向認證

SSL雙向認證:不止是服務器亮明身份,更是客户端的“實名制”通行證 在互聯網安全領域,SSL/TLS證書幾乎無人不知。我們日常訪問的絕大多數 HTTPS 網站,使用的都是單向認證——瀏覽器驗證服務器的身份,確保你連接的是真正的銀行或電商網站,而非釣魚網站。但在一系列對安全要求極高的場景中,一種更嚴格、更安全的機制被廣泛應用:SSL雙向認證。 本文將深入淺出地解析SSL雙向認證的核心原理、工作流程、

後端 , 前端