收藏 / 列表

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用實踐

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

pwa , HTML , 前端 , Javascript

jueqiangqingtongsan 頭像

倔強青銅三 - 苦練Python第1天：為何要在2025年學習Python

苦練Python第1天：為何要在2025年學習Python 原文鏈接：Day 1/100: Why Learn Python in 2025? 作者：therahul_gupta 譯者：倔強青銅三 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三

python3.x , 人工智能 , 後端 , 前端 , Python

huobaodejianpan 頭像

火爆的鍵盤 - 掌握 HTTP 請求方法：開發者必備知識

在 Web 開發領域，HTTP 方法在定義客户端如何與 Web 服務器交互以及對資源執行不同操作方面起着至關重要的作用。HTTP（Hypertext Transfer Protocol，超文本傳輸協議）是現代網絡應用的棟樑，它定義了客户端與服務器之間的通信方式。 什麼是 HTTP 請求方法 在 Web 通信中，HTTP 請求方法是客户端用來向服務器表達其意圖的一種方式。每次瀏覽網頁、提交表單或與

API , HTTP , 接口 , 後端 , 前端

liuyuedekele 頭像

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

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

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

qinyuanqiblog 頭像

qinyuanqiblog - vue-cli3 本地無法代理到生產環境的問題分析

問題描述 一個古老項目，之前是基於vuecli2 後來被我遷移到vue cli3, webpack 版本是4.46, vue-cli版本是4.4.4 vuecli配置，之前這個配置是可以直接訪問到生產環境的，後來同樣的配置，無法代理到生產環境，問了下運維大哥，他説就nginx加了個認證來源而已，別的啥都沒做，肯定是前端代理的姿勢不對 解決辦法 輾轉反側，經過一年終於解決了這個問題。

vue-cli , 前端

sovitjs 頭像

可視化PaaS開發 - 好用的Web前端開發工具推薦

前端Web開發工具實際上是讓前端開發人員更高效輕鬆地構建前端佈局的軟件。在這些工具的幫助下，前端重複的工作變得簡單，從而加快了Web開發過程。 有許多前端Web開發工具可以滿足各種特定需求，例如HTML，CSS和JavaScript工具，代碼編輯工具，部署工具，原型和線框圖工具，安全工具等等。但是選擇適合自己項目的工具，必須對工具有所瞭解。 下面我們就介紹一些主流的Web前端開發工具： Vue.j

前端工程師 , 前端設計 , 前端 , Javascript , Web

dewujishu 頭像

得物技術 - 得物自研DGraph4.0推薦核心引擎升級之路

一、前言 DGraph是得物自主研發的新一代推薦系統核心引擎，基於C++語言構建，自2021年啓動以來，經過持續迭代已全面支撐得物社區內容分發、電商交易等核心業務的推薦場景。DGraph在推薦鏈路中主要承擔數據海選和粗排序功能，為上層精排提供高質量候選集。 核心技術特性： 索引層 - 支持KV（鍵值）、KVV（鍵-多值）、INVERT（倒排）、DENSE-KV（稠密鍵值）等。索引存儲支持磁盤

高併發 , 大數據 , 推薦引擎

ruochuan12 頭像

若川 - Taro 源碼揭秘：8. Taro 是如何使用 webpack 打包構建小程序的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-11-07），目前最新是 4.0.7，

react , 小程序 , webpack , 前端 , Javascript

bianchengsanmei 頭像

編程三昧 - 再解 JavaScript 原型與原型鏈

前言 JavaScript 原型與原型鏈雖然是一個老生常談的話題，但依然困惑着很多人，今天我再來從另一個角度談談這個問題。 兩個疑問 先看這樣一段代碼： let obj = {} obj.__proto__.haha = 'gogo' console.log(obj.haha) // "gogo" 運行一下上面的代碼，輸出結果為 gogo。 針對這個結果，有以下疑問： obj 哪來的 __p

原型 , 原型鏈 , 前端 , Javascript

xixindehongjiu 頭像

細心的紅酒 - 一張SSL證書可以用於多個域名嗎？

一證多能：SSL證書的“共享”藝術 在數字化時代，SSL證書已成為網站安全的標配。當企業擁有多個域名時，一個現實問題隨之而來：能否像萬能鑰匙一樣，用一張SSL證書保護多個域名？答案是肯定的，但其中大有學問。 證書類型：三種不同的“通行證” SSL證書根據覆蓋範圍的不同，主要分為三類： 單域名證書：如同專屬門禁卡，只能保護一個特定域名，是最基礎的選擇。 多域名證書（SAN證書） : 堪稱“證書家族中

後端 , 前端

tanking 頭像

TANKING - 本地使用PaddleOCR進行圖片識別獲得文字（返回JSON）

優點 ✅ 識別率高，支持繁簡中文和手寫識別 ✅ 支持角度檢測，避免文字方向影響識別效果 ✅ 還能識別表格、票據等複雜場景 方法 pip install paddleocr pip install paddlepaddle （如果你有 GPU，可以安裝 paddlepaddle-gpu 以加速識別） 使用示例 from paddleocr import PaddleOCR ocr =

圖片識別 , paddleocr , 圖片處理 , ocr , Python

wanzuqiudeshangba 頭像

玩足球的傷疤 - ECMAScript 6 (ES6) 中的模塊系統：從 CommonJS 到 ES6 模塊的演變

ECMAScript 6（通常稱為 ES6 或 ECMAScript 2015）是 JavaScript 語言的一個重大更新，帶來了許多新特性，這些特性極大地增強了語言的功能性和可維護性。其中，模塊系統的引入是 ES6 最重要的特性之一，它徹底改變了 JavaScript 的開發模式，從而推動了 JavaScript 在大型應用程序中的使用。 本文將專注於 ES6 模塊系統，討論它的核心概念、與舊

ecmascript-6 , es6module , commonjs , 前端 , Javascript

laughingzhu 頭像

LaughingZhu - 創建一個專屬的 CLI

作為一個前端，基本上每次初始化項目都會用到腳手架，通過一些腳手架可以快速的搭建一個前端的項目並集成一些所需的功能模塊，避免自己每次都手動一個一個去安裝。安裝各個包的這個過程其實沒啥營養，通過封裝一個腳手架來跳過這個步驟，把精力聚焦到功能研發上。 由於最近自己在寫項目都是相同的技術棧：Nextjs + TailwindCSS + TypeScript + ShadcnUI ，有時候如果忘記了 Sha

astro , blog , 前端 , Markdown

htvlz 頭像

海豚V靚仔 - HTML 樣式

您已經很好地概述了HTML中style屬性的用途以及它與舊HTML標籤和屬性的對比。style屬性確實提供了一種靈活且強大的方式來直接在HTML元素上應用CSS樣式，而無需依賴外部或內部樣式表（儘管在大型項目中，通常推薦使用外部樣式表以維護樣式的集中管理和重用性）。 使用style屬性的好處 直接性：可以立即看到樣式變化的效果，無需跳轉到CSS文件進行修改。 靈活性：對於小型項目或快速原型設

前端 , html5

aresn 頭像

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前，物料市場中的所有內容均已完成 Vue.js 3 的適配，View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有： 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

vue.js , iview , 前端 , html5 , Javascript

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - ES6彌補了數組的缺陷，請使用Array.of()方法

Array.of()主要是彌補數組構造函數Array()的不足。因為參數個數的不同，導致Array()的重載，Array.of不存在由於參數不同而導致的重載，並且基本上可以用來替代Array()或new Array() Array.of() 靜態方法通過可變數量的參數創建一個新的Array實例，而不考慮參數的數量或類型 官方解釋 基本語法 Array.of()是創建數組的方法，它接收若干個參

數組

zxl20070701 頭像

zxl20070701 - H5輸入區域光標控制

什麼是光標? 頁面上輸入區域（比如input和textarea）中閃爍的光標其實是一個選區，也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有兩個屬性： selectionStart、selectionEnd，分別代表選區開始位置，選區結束位置。 通過修改這兩個值就可以形成選區，寬度為0也就實現了光標

input , textarea , 光標 , HTML , 前端

kagol 頭像

Kagol - 🎈Fluent Editor 富文本開源2個月的總結：增加格式刷、截屏、TypeScript 類型聲明等新特性

你好，我是 Kagol，個人公眾號：前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、 功能強大、開箱即用。 2024年8月12日，Fluent Editor 正式開源！ 源碼：https://github.com/opentiny/fluent-editor/ 官網：https://op

富文本編輯器 , typescript , 前端

codechen8848 頭像

codechen8848 - 再見 Postman！一款開源免費的全能 API 客户端工具！

大家好，我是 Java陳序員。 在日常開發工作中，常常需要進行 API 接口調試，通常是藉助 Postman 進行調試或者接口管理。 但是基於 Electron 框架開發的 Postman，啓動速度較慢，且運行時會佔用較多內存和 CPU 資源。而且依賴雲同步功能，用户的接口集合、密鑰、Token 等敏感信息可能存儲在第三方服務器，存在數據泄露風險。此外，一些高級功能，還需要進行付費。 今天，給大家

後端

aipaobudefanqie 頭像

愛跑步的番茄 - 什麼是代理服務器？技術原理與應用解析

代理服務器（Proxy Server）是位於客户端與目標服務器之間的中間層節點，負責轉發網絡請求。在網絡通信體系中，它起到隱藏真實 IP、增強訪問控制與提高連接質量的作用。 其通信流程如下： Client → Proxy Server → Target Server目標服務器僅能看到代理服務器的 IP，而無法直接識別客户端的真實網絡身份。這也是代理在跨區域訪問、隱私保護與自動化業務中的

typescript , 前端 , Javascript

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - 全球國際化市場深度拓展：點量軟件日語OTT/IPTV影音系統成功落地

近日，我司正式完成面向全球日語市場的高規格OTT/IPTV影音系統整體交付。該系統具備多終端、多語言與跨地域的全場景服務能力，實現了技術架構與內容分發的全球化適配，標誌着公司在國際化流媒體系統建設領域取得關鍵性突破，為海外業務佈局再添一具標杆意義的示範案例。 一、項目核心：精準匹配海外日語市場需求 本次合作方是專注於服務全球日語受眾的專業媒體機構，針對其核心訴求，我司提供從系統架構設計、UI定製

資訊 , 服務器 , 數據庫 , 後端 , 前端

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - CSS 選擇器全解析：從基礎語法到組件庫樣式修改，解決前端樣式定位難題

前言：被 CSS 選擇器 “卡殼” 的日常 “寫了.btn-active樣式，為什麼按鈕沒反應？” “#nav .list li和.nav-list li到底誰能生效？” “想改組件庫的輸入框樣式，加了類卻被覆蓋？” “用[class=btn]匹配按鈕，多了個類名就失效了？” CSS 選擇器是前端樣式的 “定位工具”，但很多開發者停留在 “會用類和 ID” 的初級階段，面對動態元素、組件庫樣式修改

css3 , Css , 前端

minnanitkong 頭像

王大冶 - 5分鐘內理解 .prototype 鏈 | 2024

CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 在JavaScript的世界裏,原型(prototype)系統是一個常被討論但不易掌握的概念。作為JavaScript繼承模型的基石,理解原型對於構建大型應用或進行對象操作至關重要。讓我們一起探索這個迷人的話題,揭開原型系統的神秘面紗。 什麼是原型? 在JavaScript中,每個對象都有一個內部屬性[[Proto

ecmascript-6 , 前端 , Javascript

yinzhixiaxue 頭像

銀之夏雪 - CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下

在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M

瀏覽器 , 瀏覽器原理 , Css , 前端 , Javascript