tag 前端

標籤
貢獻1,070
2708
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 smileZAZ 頭像 qaz666 頭像 opentiny 頭像 invalidnull 頭像 dirackeeko 頭像 beishangdejianjidan_cqxuxf 頭像 yayu 頭像 junxiudetuoba 頭像 jdcdevloper 頭像 icecreamlj 頭像 xixindehongjiu 頭像

@前端 / 博客 RSS 訂閱

u_16099349 頭像

智能探索者 - 後端- 當你在瀏覽器搜索框中輸入內容並按下回車會發生什麼？ - 個人文章

當你在瀏覽器輸入網址並按下回車後，背後發生的一系列精密協作堪稱現代互聯網的小型交響樂。為了讓你快速把握核心步驟，我先用一個流程圖來概括這整個過程： flowchart TD A[輸入網址按下回車] -- B{URL解析} B -- C[DNS解析br將域名轉換為IP地址] C -- D[建立TCP連接br（

服務器 , dns , 緩存 , 後端開發 , harmonyos , 前端 , Javascript

收藏 評論

u_16213684 頭像

mob64ca14106f2f - 教你使用Canvas合成圖片

MENU 一、知識點梳理 簡版 詳解 二、邏輯技巧與核心流程簡版 1、圖片上傳與預覽 2、參數化繪製 3、Canvas圖像融合 4、彈窗預覽與下載 5、容錯與用户體驗優化 三、邏輯技巧詳解 四、核

web前端 , 後端開發 , Css , HTML , 前端 , Python , Web

收藏 評論

lanting_5b3e2d74c64f1 頭像

蘭亭 - js transform案例

!DOCTYPE html html lang="en" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" titleDocument/title /head body div class="guest-item" div class

transform , 前端 , Javascript

收藏 評論

haixiudezhusun 頭像

高德開放平台 - 高德開放平台全球LBS服務，MCP Server正式登陸阿里云云市場

高德地圖作為全球領先的LBS提供商，憑藉其強大的數據處理能力和廣泛的地理信息覆蓋，每日處理定位及路徑規劃需求超過千億次。高德地圖數據覆蓋全球200多個國家和地區，擁有7000w個國內POI數據、1.2億海外POI數據，同時覆蓋全球4億地址數據。並且基於全球路網、路況數據的全面覆蓋，為用户提供全球範圍內的精準、實時的地圖服務，滿足多樣化的地理信息需求。 今日，高德開放平台宣佈正式入駐阿里云云市場，推

地圖開發 , 資訊 , 人工智能 , 前端

收藏 評論

116263 頭像

前端胖頭魚 - Zepto源碼分析之ie模塊

前言 Zepto中的ie模塊主要是改寫getComputedStyle瀏覽器API，代碼量很少，但也是其重要模塊之一。在看源代碼之前，我們先回顧一下如何使用 getComputedStyle Window.getComputedStyle() 方法給出應用活動樣式表後的元素的所有CSS屬性的值，並解析這些值可能包含的任何基本計算。MDN let style = window.get

zepto , 源碼分析 , jquery , 前端

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 未來已來：為什麼説SSL證書是網站的“標配”而非“選配”？

曾幾何時，SSL證書被視為只有銀行、電商平台才需要的“高級選配”。而今天，任何一個對自身和用户負責任的網站，都必須將其視為如水電煤一樣的基礎設施——它是網站的“標配” 。 這並非一種超前的觀點，而是當下互聯網環境的現實。未來已來，不適應者必將被淘汰。本文將從三個維度闡述，為何SSL證書已從“可選項”演變為“必選項”。 一、時代浪潮：瀏覽器與搜索引擎的“強制升級” 互聯網世界的“守門人”——瀏覽器

後端 , 前端

收藏 評論

musicfe 頭像

雲音樂技術團隊 - SVG基礎及其動畫應用淺析

本文作者：錢鴻昌（閃火） 一、我們為什麼使用svg 和高清png來做個對比 繼續對比 同樣高清的質地，矢量圖不畏懼放大，體積小。這裏要説明一點就是，因為 SVG 中保存的是點、線、面的信息，與分辨率和圖形大小無關，只是跟圖像的複雜程度有關，所以圖像文件所佔的存儲空間通常會比 png 小。 優化 SEO 和無障礙的利器，因為 SVG

svg動畫 , 前端

收藏 評論

wilddogsf 頭像

野狗 - 寫了十年JS卻不知道模塊化為何物？

作者：肖光宇 野狗科技聯合創始人，先後在貓撲、百度、搜狗任職，愛折騰的前端工程師。 野狗官博：https://blog.wilddog.com/ 野狗官網：https://www.wilddog.com/ 公眾訂閲號：wilddogbaas 轉載請保留以上信息。 模塊化這個問題並非一開始就存在，WWW剛剛問世的時候，html，JavaScrip

野狗 , ecmascript-6 , 模塊化 , 前端 , Javascript

收藏 評論

beishangdejianjidan_cqxuxf 頭像

悲傷的煎雞蛋_cQXuXF - 程序員|這個聖誕節，別等對象，給你看個驚喜！

（對着剛佈置好的聖誕樹發了會兒呆，敲下這行字） 嘿，是我。剛被我妹“友好提醒”：“哥，平安夜你……不會又要對着電腦過吧？” 那一瞬間，我CPU過載了。聖誕？它對我們這羣人來説，好像就是： 地鐵裏循環播放的Jingle BellsBGM（還關不掉）。 產品經理突然仁慈地説“今晚不加班”（但需求照舊）。 以及，一個寫代碼顯得不合時宜，不寫代碼又渾身難受的終極矛盾。 直到我盯着閃爍的光標

程序員 , 後端 , 前端

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 關於require('mkdirp')創建文件夾

mkdirp npm i mkdirp -S // 1.0.4 今天在寫上傳文件時候，查看同步創建文件如是使用了mkdirp包,不過發現網絡有大部分錯誤用法，原因是mkdirp的版本升級了更改了用法 網絡錯誤用法 const mkdirp = require('mkdirp'); await mkdirp(dir) //錯誤用法一 const mkdirp = require('mkdirp');

上傳文件 , node.js , eggjs , 上傳圖片 , 前端

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - Comate強力賦能：「趣繪像素島」從體驗泥潭到高性能可用的蜕變之路

作者簡介： 朱海燕，會設計的前端工程師，熱衷用AI Coding 賦能開發效率，擅長把繁瑣的編碼工作交給智能工具，從而騰出時間打磨產品交互細節與技術深度。作品「趣繪像素島」獲得“CCF程序員大會碼力全開：AI加速營”活動冠軍。 1 產品碎碎念 其實創意靈感在9月就想到了，比如我個人喜歡畫畫，也願意教別人畫畫，但是一個人的力量其實不算大，時間也很有限，希望有一個平台型工具，可以根據每個人的情

教程 , 知識 , 人工智能 , 後端 , 前端

收藏 評論

ruofee_5cb5c183cd154 頭像

Ruofee - 關於我因為登錄失敗開始探究Cookie這檔事

寫在前面 最近小楓在工作時遇到一個問題，經過幾天的思索和探究終於找到了問題所在，覺得有點價值便寫了這篇文章記錄下來，分享給熱愛學習、樂於思考的各位，希望每個遇到相同情況的人可以通過閲讀這篇文章得到解答。 話不多説，開始吧！ 問題 小楓最近在開發一個平台，這裏統稱為A平台；A平台由兩個部分構成： 前端部分 後端部分 可以看出，這是前後端分離開發的模式，前端和後端的正式環境都為：http:/

chrome , cookies , chrome-devtools , 前端 , Javascript

收藏 評論

kathroon 頭像

槲櫟 - webpack實戰

打個包試一試 先安裝好環境 $ node -v v12.14.0 $ npm init -y $ npm install -D webpack@3.6.0 項目目錄結構： my-mall-admin-web ├── build -- 存儲打包好的文件 ├── node_modules -- 安裝的node模塊 ├── src | ├── greet.js | ├── index.js

webpack3 , 前端

收藏 評論

hello888 頭像

洛陽醉長安行 - 手摸手教你實現移動端滾動記憶（帶分頁）

前戲： 在移動端網頁中的列表如何實現滾動和搜索條件的記憶，類似微信文章一樣，瀏覽到文章的某一個位置，在下次打開的時候依然能滾動到上次瀏覽的位置繼續瀏覽。本篇文章介紹的是帶分頁的列表，如果你現在需求是不帶分頁的文章或列表當然也可以參考，實現方式基本是差不多的。 因為這裏使用了mui的下拉刷新的列表組件，要在tab切換時需要默認把滾動條重置到最頂部（從頭開始瀏覽），refreshContainer為對

移動端 , mui , 前端 , html5 , Javascript

收藏 評論

jizaodebangbangtang 頭像

文心快碼 - 用文心快碼寫個「隱私優先」的本地會議助手

在這個信息爆炸的時代，我們似乎習慣了把數據交給雲端。 但作為一名開發者，當涉及到敏感的會議記錄、私人語音筆記時，我總是心存顧慮： 有沒有可能打造一個完全離線、跑在瀏覽器裏、且終身免費的AI會議助手？ 面對複雜的 WebAssembly、模型量化、多線程調度，作為一個非專業的開發者，我通常需要幾周來啃文檔。 但這一次，在文心快碼（Comate） 的協助下，我僅用2小時就完成了這個會議助手的全棧開發。

教程 , 知識 , 人工智能 , 程序員 , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [highcharts] 02_回調函數實現高級顏色漸變

描述: 為了讓柱狀圖顯示美觀，要求柱狀圖單柱的顏色以漸變色展示，如下圖所示。 因為highcharts使用svg渲染，而svg內的線性漸變屬性為：linearGradient，若只是為了單純的實現上圖效果，我們完全可以單獨設置每個series的color屬性。 注: 上面這張圖對應的series有兩個子元素 即 console.log(typeof(stockOpt

highcharts , 可視化 , 前端

收藏 評論

qianliduxing_5fced90c48383 頭像

魔術師Grace - 我家等離子電視也能用的移動端適配方案

前幾天我的領導“徐江”讓我把一個移動端項目做一下適配，最好讓他在家用等離子電視也能看看效果，做不出來就給我“埋了”，在這種情況下才誕生了這篇文章～ 什麼是移動端適配 移動端適配是指在不同尺寸的移動端設備上，頁面能相對達到合理的顯示或者保持統一的等比縮放效果移動端適配的兩個概念自適應：根據不同的設備屏幕大小來自動調整尺寸、大小響應式：會隨着屏幕的實時變動而自動調整，是一種自適應 而在我們日常開發中

Css , 移動端適配 , 前端 , Javascript

收藏 評論

u_14291117 頭像

vivo互聯網 - 數字人動畫雲端渲染方案

作者：vivo 互聯網前端團隊 - Su Ning 為解決擬我形象在多場景展示中依賴 3D 渲染導致的性能與接入問題，本文提出將形象預先導出為視頻或動圖資源。對比三種技術路徑後，最終選擇 Puppeteer + H5 渲染幀 + FFmpeg 合成視頻 的方案，實現了渲染效果一致、服務端批量處理和低接入成本，為擬我形象的規模化應用提供了高效可擴展的技術基礎。

puppeteer , 私藏項目實操分享 , Css , web3D , 前端開發 , HTML , ffmpeg , 前端

收藏 評論

jeremy_c 頭像

Jeremy-C - Vue項目下IE報錯 SCRIPT1003: 缺少 ':'，導致頁面空白的解決方案

❝ 今年年初加入了物資團隊，遇到的第一個問題就是解決IE的兼容性問題。 ❞ 1 現象 當時的情況是IE瀏覽器在登錄系統時，登錄頁無法加載，頁面顯示空白，所以也無法訪問系統裏的其他頁面。 2 查看報錯 在IE瀏覽器中輸入系統網址，打開控制枱，發現有這樣的報錯：SCRIPT1003: 缺少 ':' 第一個想法就是需要對webpack進行一些兼容性配置，於是小編低下頭默默的先進行了一通通用配

vue.js , internet-explorer , 兼容性 , 前端 , Javascript

收藏 評論

huzilachadeyuechikou 頭像

晨曦鑰匙扣 - 8大維度深扒 7 款主流CRM：從功能深度到場景適配的全維度橫評

8 大維度深扒 7 款主流 CRM：從功能深度到場景適配的全維度橫評 一、引言 客户關係管理（CRM）作為企業數字化轉型的核心工具，其能力邊界已從“客户信息存儲”延伸至“全流程業務協同”“數據驅動決策”“生態集成”等多維度。不同行業、規模的企業對CRM的需求差異顯著——大型企業需“深度集成”與“安全合規”，中小企業求“快速部署”與“易用性”，零售/外勤行業重“移動端能力”與“軌跡管理”。 本文基於

前端

收藏 評論

grewer 頭像

Grewer - 淺析微前端沙箱

前言 在大型項目中，微前端是一種常見的優化手段，本文就微前端中沙箱的機制及原理，作一下講解。 首先什麼是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. -- Micro Frontends

iframe , qiankun , 微前端 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp自定義uni-easyinput樣式

官網示例： uni-forms-item uni-easyinput trim="all" v-model="form.address" placeholder="請輸入地址" / /uni-forms-item 自定義顏色 uni-forms-item uni-easyinput trim="all" primaryColor="#FCB334" v

react , vue.js , HTML , 前端 , Javascript

收藏 評論

smileZAZ 頭像

林恆 - 神級JS API，誰用誰好用

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 1. ResizeObserver ResizeObserver 是一個瀏覽器原生的 JavaScript API，用於監聽 DOM 元素尺寸的變化。它類似於 MutationObserver，但專門用於觀察元素的大小（寬高）變化，而無需依賴 window.resize 事件（後者只對視口變化有效）。 🧩 基本用法

前端

收藏 評論

yaofly 頭像

普拉斯強 - 寫個秒殺倒計時方法

背景 項目裏有個秒殺倒計時功能模塊。 頁面切換Tab後，一段時間再回來發現明顯慢了。擼代碼吧： // ... CountDown.prototype.count = function() { var self = this; this.clear(); this.timeout = setTimeout(function(){ // 計數減1 if(--s

settimeout , 倒計時 , 秒殺 , 前端 , Javascript

收藏 評論