tag 前端

標籤
貢獻1,036
982
06:37 AM · Oct 27 ,2025

@前端 / 博客 RSS 訂閱

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

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

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

收藏 評論

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

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

前端

收藏 評論

Grewer - 淺析微前端沙箱

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

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

收藏 評論

兔子先森 - 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

收藏 評論

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

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

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

收藏 評論

伊伊DK - 三角洲卡低分段別硬肝!Uniapp+Php搭建俱樂部代練高效衝分,省心到哭

與傳統代練平台不同,我們可以專注於為“三角洲行動”等熱門FPS遊戲的卡在低分段的玩家提供省心、高效、可信賴的衝分服務。核心賣點就是:“別硬肝,交給我們,讓你省心到哭”。 一、 系統核心功能模塊(圍繞“省心”和“高效”) 用户端 (Uniapp小程序) 智能詢價與下單: 選擇遊戲(如三角洲行動)、當前段位、目標段位。 系統自動計算價格和預計完成時間(後端算法根

php , 後端 , 前端

收藏 評論

vivo互聯網技術 - 淺談 AI 搜索前端打字機效果的實現方案演進

作者:vivo 互聯網前端團隊 - He Yanjun 在當代前端開發領域,打字機效果作為一種極具創造力與吸引力的交互元素,被廣泛運用於各類網站和應用程序中,為用户帶來獨特的視覺體驗和信息呈現方式,深受廣大用户的喜愛。 本文將深入介紹在AI搜索輸出響應的過程中,打字機效果是怎樣逐步演進的。力求以通俗的語言和嚴謹的思路深入剖析打字機效果在不同階段的關鍵技術難點和優劣勢。 1分鐘看圖掌握核心

虛擬dom , HTML , 前端 , Javascript

收藏 評論

一顆冰淇淋 - 去中心化組件共享方案 —— Webpack Module Federation(模塊聯邦)

在大型應用中, 我們可能會對其進行拆分,分成容器、主應用和多個子應用,使拆分後的應用獨立開發與部署,更加容易維護。但無論是微應用、公共模塊應用,都需要放到容器中才能使用。 如果多個應用之間希望資源共享,除了使用 npm 包的形式,基於Webpack 5 Module Federation(模塊聯邦)實現的EMP微前端方案也可以一試,它不限制技術棧,但依賴於 Webpack5。 使用場景 如果應用B

組件通信 , 工程化 , webpack , 前端 , Javascript

收藏 評論

Hoh_Xil - 頁面刷新vuex狀態初始化

vuex五種基本對象 state:存儲狀態(變量) getters:對數據獲取之前的再次編譯,可以理解為state的計算屬性。我們在組件中使用$sotre.getters.fun() mutations:修改狀態,並且是同步的。在組件中使用$store.commit('',params)。這個和我們組件中的自定義事件類似。 actions:異步操作。在組件中使用是$store.dispa

vue.js , sessionstorage , vuex , 前端

收藏 評論

細心的紅酒 - 獲取免費SSL證書:三步極簡指南

為網站部署SSL證書已是現代網站運營的基本要求。本指南將以最普及的JoySSL證書為例,通過三個核心步驟,為你展示從申請到安裝的完整路徑。 第一步:申請準備 關鍵要求: 服務器操作權限:能通過命令行或控制面板管理服務器 域名控制權:能管理域名DNS或上傳驗證文件 工具選擇: 命令行用户:推薦官方工具 控制面板用户:使用內置插件 必備檢查: 確認域名已正確解析至你的服務器IP地址。 第二步:

後端 , 前端

收藏 評論

chokcoco - 超 Nice 的表格響應式佈局小技巧

今天,遇到了一個很有意思的問題,一名羣友問我,僅僅使用 CSS,能否實現這樣一種響應式的佈局效果: 簡單解析一下效果: 在屏幕視口較為寬時,表現為一個整體 Table 的樣式 而當屏幕視口寬度較小時,原 Table 的每一行數據單獨拆分為一個 Table 進行展示 很有意思的一個響應式佈局,讓信息在小屏幕下得到了一種不錯的展示。 那麼,僅僅使用 CSS 的話,能否實現這樣一個佈局呢?答案

css3 , Css , 響應式 , 前端 , Javascript

收藏 評論

陽呀呀 - “寒冬”三年經驗前端面試總結(含頭條、百度、餓了麼、滴滴等)之CSS篇

前言 不論是寒冬還是暖冬,找工作之前都需要做好充足的準備,面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己,也給需要的同學。 CSS是前端必須要掌握的技能之一。一般面試也都會從CSS開始。所以CSS問題答的好壞會直接影響你在面試官心中的形象。 本文主要介紹面試中常會遇到的CSS問題及給出建議性的答案。 往期 “寒冬”三年經驗前端面試總結(含

面試 , 筆試 , Css , 前端 , Javascript

收藏 評論

貓多少 - Grid佈局

最近在重新鞏固html方面的知識,這裏分享下自己學習過程中跟隨別人學習的筆記和心得。 目前,網頁佈局一般有table,float,flexbox和grid佈局。 table和float佈局較為老,目前有淘汰趨勢了,而flexbox佈局是現在比較流行的佈局方式。 flexbox佈局屬於一維佈局,Grid屬於二維佈局的排版方式。 一個Flexbox容器智能控制一個方向,水平或者垂直方向。如果要控制另一

佈局 , grid , HTML , 前端

收藏 評論

熱飯班長 - vue pinia與vue hooks(Composition API)的關鍵差異

vue pinia的用途 用於全局狀態共享。 vue hooks(Composition API)的用途 用於邏輯封裝與複用(注意這裏沒有狀態共享)。 兩者之間關鍵差異 vue pinia是一個單例,也就是説多次初始化實例都是同一個,所以在多個組件中使用時,他們修改的時同一份數據,也就能實現vue pinia的設計目的,即數據共享。 而vue hooks則不是,每次初始化都會創建一個獨立的實例,所

vue.js , hooks , pinia , 前端

收藏 評論

愛看書的螞蟻 - MapV-Three實現擬真的天氣效果,比想象中簡單

MapV-Three實現擬真的天氣效果,比想象中簡單 做三維地圖可視化的時候,如果場景裏總是晴空萬里,看久了難免有點單調。加上點天氣效果——下點雨、飄點雪、來點霧——整個場景立馬生動起來。 以前實現這些效果得自己寫粒子系統、調光照參數,費時費力還不一定效果好。好在MapV-Three框架已經把這些封裝好了,就兩個組件:DynamicSky(動態天空)和 DynamicWeather(動態天氣),配

webgl , 前端

收藏 評論

lawler61 - Generator 協程工作原理

原文地址:regenerator 搜了一圈,關於 Generator 基本都是在講用法,但很少提及到其工作原理,也就是“協程”。但又因為這東西我們直接或間接的每天都在使用,於是準備專門寫一篇文章來講講這個 JS 回調史 一、Callback ES5 及更早時期,寫回調基本都是 callback,回調地獄就不説了,離它遠點 二、Promise Promise 通過鏈式調用,優化了回調的書寫

ecmascript-6 , generator , 前端 , Javascript

收藏 評論

小弟調調 - Github Actions 實戰提高生產力

GitHub Action 持續集成服務推出有一段時間了,目前已經免費開放使用,由於個人項目都是放在Github上有點多,使用它來發布、測試、部署,是極大的提高了生產力。 下面通過一些實例來説明,我們可以在那些地方可以提高生產力。 入門 我們只需要在項目的 .github/workflows/ 目錄下配置 yml 文件,配置觸發事件既可以,例如 .github/workflows/ci.yml 中

github-pages , github-actions , github , 前端

收藏 評論

前端路引 - Web前端入門第 90 問:JavaScript 也能無中生有的創建音頻

網頁播放音樂這個常識應該都知道,畢竟百度 MP3 搜索可是風靡一時! 但使用瀏覽器無中生有的創建音頻,在 HTML5 規範落地之前可是一片空白。 AudioContext 的體量與 Canvas 差不了多少,一個針對圖形圖像,一個用於音頻,兩者結合起來就把 flash 給拉下了神壇~~ 本文源之於一次技術研究,曾經有一個需求要用 H5 搞一個網頁 K 歌,技術難點在於要將原唱、伴唱、錄音的音頻數

前端

收藏 評論

BigYe程普 - 精讀React hooks(一):useState 的幾個基礎用法和進階技巧

🎯 【專欄:精讀React Hooks】我用16篇文章詳細解讀16個React官方的Hook,每一篇都盡力做到比官方文檔更仔細且更易讀,同時提供了開源demo作為演示。如果你是新手,可以把這個專欄當作學習材料,如果你有一定經驗了,可以把這份專欄當作查缺補漏的資料。 專欄首發地址:J實驗室 - React Hooks 專欄演示地址:React Hooks Demo 加入「前端

react , hooks , 前端框架 , 前端

收藏 評論

政採雲前端團隊 - ZooTeam 前端週刊|第 54 期

政採雲前端小報第54期 瀏覽更多往期小報,請訪問: https://weekly.zoo.team ES6、ES7、ES8、ES9、ES10新特性一覽 掌握不斷更新的ES新特性 從程序媛角度去看項目管理 | Aotu.io「凹凸實驗室」 項目管理一般是從技術負責人、項目產品負責人的角度去看的,程序員雖然碼代碼很重要,但對項目的領悟能力也同樣重要。我們經常會遇到各種困惑:手上的項目需求越來越

node.js , web性能優化 , ecmascript , Css , 前端

收藏 評論

JackySummer - 【解讀 ahooks 源碼系列】DOM篇(三)

前言 本文是 ahooks 源碼系列的第四篇,往期文章: 【解讀 ahooks 源碼系列】(開篇)如何獲取和監聽 DOM 元素:useEffectWithTarget 【解讀 ahooks 源碼系列】DOM篇(一):useEventListener、useClickAway、useDocumentVisibility、useDrop、useDrag 【解讀 ahooks 源碼系列】DOM篇

react , hooks , 前端

收藏 評論

前端收藏家 - 第41期 TypeScript 期中考試現在開始 & 一起來玩玩WebGL & MVC的不足與Flux的崛起

MVC的不足與Flux的崛起 在前幾篇中,我演示了一個前端 Backbone.js MVC 框架用於解決實際問題的例子。但 MVC 依然存在幾個問題: 不可預測:當一個事件發生之後,你並不知道會有誰響應這個事件,是單個對象還是多個對象會響應這個事件 級聯修改:當一個事件發生之後,A 組件在接收到事件之後在響應的過程中,還可能發出其他的事件觸發後續的修改,你並不知道這個事件會在何處結束,會造成

flux , webgl , 前端

收藏 評論

架構領航員 - vue 手機端PC端一體網頁demo

前言 我們在開發h5的時候需要適配不同的終端,例如:PC,移動端等場景。 那麼我們會有多種方案可以選擇 一:使用css3 判斷不同的終端顯示不同的樣式 1)好處是,只需要維護一套代碼即可,但樣式處理卻非常麻煩,當頁面結構比較複雜的時候,我們沒辦僅僅用css3 根據不同的終端做適配

vue 手機端PC端一體網頁demo , 機器學習 , vue.js , 人工智能 , Css , 前端 , Javascript

收藏 評論

buddha - 將當前時間往前推24小時

筆記: let date = new Date(); let timeHis = date.getTime() - 24 * 60 * 60 * 1000;//時間戳 let dateHis = new Date(timeHis);//往前推24小時得到的時間 獲取當天零點時間 let date = new Date(new Date().toLocaleDateString()); 將時間轉換成

date , 前端 , Javascript

收藏 評論