tag Javascript

標籤
貢獻1,371
1572
06:37 AM · Oct 27 ,2025
tuzixiansen_63d4d65909d62 頭像 invalidnull 頭像 yayu 頭像 icecreamlj 頭像 lengxi_16 頭像 u_15469972 頭像 tanking 頭像 codesheep_pro 頭像 u_15943685 頭像 refanbanzhang 頭像 jdcdevloper 頭像 u_17141077 頭像

@Javascript / 博客 RSS 訂閱

yayu 頭像

冴羽 - SvelteKit 最新中文文檔教程（23）—— CLI 使用指南

前言 Svelte，一個語法簡潔、入門容易，面向未來的前端框架。 從 Svelte 誕生之初，就備受開發者的喜愛，根據統計，從 2019 年到 2024 年，連續 6 年一直是開發者最感興趣的前端框架 No.1： Svelte 以其獨特的編譯時優化機制著稱，具有輕量級、高性能、易上手等特性，非常適合構建輕量級 Web 項目。 為了幫助大家學習 Svelte，我同時搭建了 Svelte 最新的中文

svelte , 前端框架 , sveltekit , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 微信小程序獲取和修改用户頭像信息

這裏主要用到button的open-type功能，官網已有説明： 給button設置open-type="chooseAvatar"，來使bindchooseavatar方法生效，在bindchooseavatar指定的函數中獲取用户的頭像信息 button open-type="chooseAvatar" bindchooseavatar="chooseavatar"/b

vue.js , 微信小程序 , HTML , 前端 , Javascript

收藏 評論

rentian 頭像

任天鏜 - navigator.mediaDevices.getUserMedia undefined問題解決

navigator.mediaDevices.getUserMedia只有在https或者localhost下使用。 如果需要再http協議下使用navigator.mediaDevices.getUserMedia，需要打開不安全的配置。 火狐瀏覽器打開多媒體不安全的配置： chomre打開不安全配置： 瀏覽器輸入chrome://flags/ 搜索Insecure o

chrome , firefox , HTML , 前端 , Javascript

收藏 評論

xishui_5ac9a340a5484 頭像

夕水 - 手寫一個動態海洋和天空效果的vue hooks

背景 常規的後台管理系統登陸頁面可能就只是一個簡單的背景頁面，這不太好看，接下來讓我們來使用three.js來實現一個動態的海洋和天空效果當作背景，這樣的效果總會讓人眼前一亮，如下圖所示。 代碼實現 接下來，讓我們用trae來編寫實現這個功能吧。 1. 組合式 API 初始化 import { onMounted, onBeforeUnmount } from "vue"; import * a

vue.js , three.js , 前端 , Javascript

收藏 評論

carlsonblog 頭像

夢開始的地方 - JavaScript WebSocket 封裝與優化：自動重連、心跳機制與連接狀態監控》

背景 在我做過的一個對接海康威視監控實現直播流的項目中，需要處理 WebSocket 的長連接，以便於和服務器保持實時通信。WebSocket 的一個挑戰是連接的穩定性，特別是在網絡波動或斷開時，如何確保能自動重連並保持通信流暢。為了簡化這一過程，我決定封裝一個 WebSocket 類，使得開發者無需每次都重複編寫連接、心跳、重連等邏輯。 這個 CustomSocket 類支持以下功能： 心跳

vue.js , websocket , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 動態tabbar後的tabbar高度獲取

用於做底部懸浮定位，懸浮在tabbar上 在設置tabbar的組件中獲取，利用組件生命週期，獲取tabbar高度，將高度存到本地，用於全局獲取 attached() { let query = wx.createSelectorQuery().in(this); query.select('.custom-tab-bar').bound

react , vue.js , 微信小程序 , 前端 , Javascript

收藏 評論

sy_records 頭像

沈唁 - 初夏上新！Docsify 迎來 v5.0.0-rc.1 重磅發佈

在中國傳統曆法中，五月初一象徵着初夏的啓程，也寓意着新的成長與蜕變。今天，我們很高興地宣佈 —— Docsify v5.0.0-rc.1 版本發佈！ 在延續零構建、即寫即部署理念的同時，Docsify 迎來了全新的樣式設計、更友好的可訪問性以及更穩健的插件機制。 可以通過訪問 http://preview.docsifyjs.org/ 進行體驗。 那麼，這個版本有哪些值得關注的亮點？我們為你準備了

docsify , Css , 文檔 , Javascript , Markdown

收藏 評論

aion_6356676d25766 頭像

Aion - React Router V7 路由守衞

React Router V7 本身並沒有直接提供內置的路由守衞 API（比如 Vue Router 的 beforeEach），但通過組合其提供的鈎子（如 useNavigate、useLocation）和 React 的組件設計模式，我們可以實現類似的功能，比如權限控制、登錄驗證、數據預加載等場景。 路由守衞 路由守衞是指在路由切換時執行一些邏輯，以決定是否允許導航到目標路由。 常見的場景包括

react , react-native , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - css元素高度佔滿餘下空間

div class="box" div class="box1"/div div class="box2" div style="height: 500px;border: 1px solid gold;" /div /div /div 在css中，div的寬度默認獨佔一行，而高度需要手動設置。 上面的佈局，box 高度 300 box1的高度未

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

收藏 評論

zhishaofei3_586768cab32fd 頭像

zhishaofei3 - 京東零售招前端·亦莊

京東零售招前端·亦莊 國際部門 要求 熟悉 react 加分項: next.js C端業務 聯繫 emhpc2hhb2ZlaUBqZC5jb20= (base64)

招聘 , 面試 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 解決移動端設備hover樣式不消失問題

下面是一段scss示例： .btn-text { border: 1px solid #cfd5de; transition: all 0.3s; @media (hover: hover) { :hover { color: #006eff; border-color: #006eff; } } :active { col

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端頁面單詞、網址溢出換行

效果： 在css中，對文字可以使用：flex-wrap: wrap; 來實現文字溢出換行。 但如果文字是英文、網址，該屬性則無效。 我們需要對英文、網址進行斷字，然後使其換行，下面是mdn的解釋： .company_detail_webaddress{ max-width: 55%; margin-right: 10rpx;

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

收藏 評論

yils_lin 頭像

YILS_LIN - 第三方Cookie失效時的新解決方案

本文首發於我的博客 YILS's Blog，首發地址：第三方Cookie失效時的新解決方案 (yils.blog) 第三方 Cookie 一直是網絡的重要組成部分，這已持續了 25 年。 然而隨着瀏覽器對隱私保護的加強，為了防止跨站跟蹤，第三方 Cookie 的使用變得越來越受限。即使你已經正確設置了 SameSite=None; Secure;，仍然可能會遇到 Set-Cookie 失效的問題。

chrome , JAVA , cookie , 前端 , Javascript

收藏 評論

yuhuashi_584a46acea21f 頭像

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

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

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

收藏 評論

shuirongshui 頭像

水冗水孚 - 使用nodejs的express框架實現大文件上傳的功能，附完整前後端github代碼

問題描述 兩年前，筆者寫過一篇文章 《面試官桀桀一笑：你沒做過大文件上傳功能？那你回去等通知吧！》 當時，後端是用java語言寫的 本篇文章，就是講解一下，後端的nodejs如何實現大文件上傳 後端使用node的express框架寫 完整代碼在github上：https://github.com/shuirongshuifu/bigfile 在看本篇文章之前，建議看一下之前的筆者的大

express , node.js , Javascript

收藏 評論

jianer 頭像

健兒 - 無感刷新token解決方案

在你的 axios 封裝文件中，你需要兩個外部變量來管理狀態： // 標記是否正在刷新 token 的“鎖” let isRefreshing = false; // 存儲因 token 失效而掛起的請求的“隊列” let requestQueue = []; 請求攔截器 (Request Interceptor) 它的任務很簡單：在每個請求發出去之前，都帶上當前的 token

Ajax , 前端 , Javascript

收藏 評論

jianer 頭像

健兒 - 從一個請求封裝的“死循環”Bug，我學到了什麼？—— 深入剖析 async/await 與錯誤處理 前言：那個讓我頭疼的下午

我們都曾經歷過這樣的下午：一個看似邏輯嚴密的模塊，在實際運行時卻表現得像個失控的野獸。我的故事，就從一個本應“智能”處理登錄和 Token 刷新的 ajax 請求封裝函數開始。 我希望它能在接口返回 400（需要登錄）或 4_01（Token 失效）時，自動完成登錄或刷新 Token，然後再重新發起剛才失敗的請求。然而，它卻在某些情況下陷入了可怕的無限循環，瘋狂轟炸着我的服務器。 起初

Ajax , 前端 , Javascript

收藏 評論

chaoqipengbodehanbaobao 頭像

想天瀏覽器 - 從 0 到 1 打造社區產品：短説社區助力開啓社交新篇

從 0 到 1 打造社區產品：短説社區助力開啓社交新篇在這個信息繁雜的時代，人們愈發渴望能有一方專屬天地，與志同道合之人盡情交流興趣、分享生活點滴。你是否也在尋覓這樣一個獨特的社交空間呢？現在，一款依託短説社區搭建，即將從 0 成長為 1 的全新社區產品，正準備為你開啓前所未有的社交體驗！ 打造社區產品的第一步，是精準定位。我們深入剖析目標用户羣體，聚焦於 （具體目標用户羣體）。拿攝

node.js , chrome-devtools , typescript , npm , Javascript

收藏 評論

heqiliao_5cf8819257e40 頭像

何棄療 - 一次簡單的頁面跳轉引發問題和思考

背景 後台系統首頁，存在各個訂單狀態的數量統計，現需要實現點擊後跳轉到對應頁面，即快速跳轉。目前系統只有一個訂單列表頁面，table上方倒是有查詢表單，可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉，攜帶參數；目標頁面初始化階段獲取參數，填入表單，發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝，Table內有查詢Form、Table等組件，通過外部傳入的查詢

vue.js , promise , 路由 , 前端 , Javascript

收藏 評論

grewer 頭像

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

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

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

收藏 評論

huagntm 頭像

煌大河ゞ - 設置css的rotate ，perspective為2000px,求div的視覺投影二維座標

設置：transform ：rotateX(30deg) rotateY(40deg) rotateZ(0deg) /** 計算旋轉後的四個角點 3D 座標（支持動態左上角座標） @param {number} left - 左上角初始 x 座標 @param {number} top - 左上角初始 y 座標 @param {number} width - 元素寬度 @param

css3 , Javascript

收藏 評論

immerse 頭像

沉浸式趣談 - 熱點面試題：聊聊對 this 的理解？

前言 歡迎關注 『前端進階圈』 公眾號 ，一起探索學習前端技術...... 前端小菜雞一枚，分享的文章純屬個人見解，若有不正確或可待討論點可隨意評論，與各位同學一起學習~ 聊聊對 this 對象的理解？ 定義 在執行上下文中的一個屬性，它指向最後一次調用這個屬性或方法的對象。通常有四種情況來判斷。 四種情況如下 1. 函數調用模式：當一個函數不是一個對象的屬性時，直接作為函數來調用時

面試問題 , this , javascript專題系列 , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 原生微信小程序響應式數據

原生微信小程序提供兩種響應式數據處理方式 1、module:value="{{ xxx }}" 2、setData module:value 第一種方式為簡易雙向綁定，這種雙向綁定只能對應data中的簡單數據類型，例如：string、number、boolean、null，例如： data: { keyword: '' // data中直接定義 }, 頁面用module:va

react , vue.js , 微信小程序 , 前端 , Javascript

收藏 評論

yuhuashi_584a46acea21f 頭像

雨花石 - webpack未轉譯第三方依賴axios為es5導致低端機型功能異常

背景： 兼容性測試流程中，遇到華為p9手機上的頁面按鈕點擊無反應的問題。開發者工具查看後發現報錯如下： 根據報錯信息檢查了一下頁面引用的vendors包，發現有...語法，來自於第三方依賴axios。 原因： axios包有es6語法，而我的項目的webpack.config.js配置的babel-loader排除了所有的node_modules的編譯。如下： {

babel-loader , Android , Axios , webpack , Javascript

收藏 評論