tag 前端

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

@前端 / 博客 RSS 訂閱

u_16213657 頭像

mob64ca140a1f7c - javascript - 前端面試試題收集 - 個人文章

由於目前現在求職市場競爭激烈，許多初學者和經驗豐富的開發人員都面臨着求職問題。因此，最好的方法是不斷學習並提高自己的技能。為了拿到心儀的offer，我們需要認真準備面試，因此，今天我為大家準備了53道面試題，我以“一問一答”的形式將這些前端面試題分享出來，希望能夠幫助到你。雖然這些面試題主要針對初級開發人員，但其中也有包括一些中級開發人員的題。那麼，我們

vue.js , 面試 , 開發語言 , 前端開發 , 前端 , Javascript

收藏 評論

xixindehongjiu 頭像

細心的紅酒 - 守護內網安全新防線：國密IP證書如何重塑企業加密生態？

引言：內網安全面臨的新挑戰 長期以來，企業內部網絡被視為相對安全的領域，但現實中，超過半數的數據泄露事件都與企業內網的安全漏洞有關。隨着網絡攻擊手段的不斷演變，傳統的內網通信保護方式已顯不足。在這一背景下，基於國家密碼算法的國密IP證書應運而生，正在引領企業加密生態的深刻變革。 一、重塑內網加密生態的必要性 傳統內網安全面臨的主要問題 企業內部網絡普遍存在着通信內容明文傳輸的問

後端 , 前端

收藏 評論

10101_5c6d259b1c4d6 頭像

10101 - 任性佈局:一款vue可視化拖拽自由佈局轉flex佈局在線工具,一鍵生成vue代碼

分享一款可視化拖拽自由佈局轉flex佈局在線工具(內置趣味聊天室) 這款工具和大部分可視化拖拽工具不同的是(他採用自由佈局,而非流式佈局),最後根據座標運算,推導出flex佈局代碼(通過增加冗餘樣式,來儘可能適配uniapp h5端和小程序端) 線上demo(電腦端打開): http://aicode.shagua.wiki/uni/index.html#/ 特性 1.可視化,自由拖拽,推導

拖拽 , 可視化 , 前端 , Javascript

收藏 評論

lihaixing 頭像

lihaixing - 二進制運算實例

實際使用 位運算只可運用於整數，對於 float 和 double 不行。 WebGL 遊戲數據處理 WebSockets、AJAX、Fetch、WebRTC 服務通信 WebUSB、WebAudio 硬件通信 Crypto 加密算法 1. 一些基本用法 位運算 功能 示例 x 1 去掉最後一位 101101-101

react , vue.js , 二進制 , 前端 , Javascript

收藏 評論

shiqing_5e690563e48cc 頭像

時傾 - input 如何監聽輸入中文

input 組合事件 compositionEvent 組合事件是拆分了不同步驟的事件的組合，是由 compositionStart，compositionUpdate 和 compositionEnd三個事件組合而成。 Start 和 End 事件只執行一次，Update 會執行多次。 輸入前，會觸發 Start 和 Update 事件；沒有選中中文之前，會一直觸發 Update 事件；選

input , 前端

收藏 評論

careteenl 頭像

careteenL - Create React App 源碼揭秘

目錄 背景 monorepo管理 monorepo優勢 monorepo劣勢 Lerna 全局安裝Lerna 初始化項目 創建Package 開啓Workspace LernaScript CreateReactApp架構 packages/create-react-app 準備工

react , webpack , lerna , create-react-app , 前端

收藏 評論

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 , 前端

收藏 評論