tag Javascript

標籤
貢獻1,371
1557
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 訂閱

danjuanfe 頭像

前端蛋卷 - 快來看看 ECMAScript 2024 (ES15) 發佈了什麼新特性

2024 年 6 月 26 日，第 127 屆 Ecma 大會批准了 ECMAScript 2024 語言規範，這意味着它現在正式成為標準。 https://github.com/tc39/ecma262/releases 1. Group By 分組 Map.groupBy() 將可迭代對象分組為一個新的 Map，Map中的 key由回調提供： Map.groupBy([0, -5, 3, -

ecmascript , 前端 , Javascript

收藏 評論

finally_m 頭像

威哥愛編程 - 前端必知的跨站腳本攻擊（XSS）示例與解決方案

跨站腳本攻擊（Cross-Site Scripting，通常縮寫為XSS）是一種常見的網絡安全漏洞，它允許攻擊者將惡意腳本注入到其他用户會瀏覽的頁面中。 XSS攻擊的示例代碼可以幫助我們瞭解攻擊者可能使用的技術。但請注意，瞭解這些示例的目的是為了更好地防禦XSS攻擊，而不是用於惡意目的。 XSS 攻擊通常分為三種類型 1. 反射型XSS：攻擊者誘使用户點擊一個鏈接，該鏈接包含惡意腳本，當用户點擊時

網絡安全 , 漏洞 , xss , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - Koa2實現多併發文件上傳

koa2批量上傳文件 目前的是為了實現批量導入md文件，發佈文章。這樣就不用自己一篇一篇同步文章了。一次可以同步幾千篇文章。 實現界面 內容 主要包含上傳的文件標題，文件大小，上傳狀態。 el-upload ref="uploader" v-model:file-list="fileList" drag multiple :accept="accept" :maxSize="maxS

koa2 , vue3 , 前端 , Javascript

收藏 評論

yinshule 頭像

愛米 - 使用惰性函數優化頁面滾動事件的性能

我們在做前端開發的時候，曾遇到一些非常炫酷的宣傳頁。例如每一個蘋果產品的主頁面。我們會發現，這樣炫酷的頁面，總是跟隨我們鼠標滾輪的操作，在頁面中響應不同的事件。 一、瀏覽器的不同 我們都知道，需要在前端頁面中監聽到鼠標滾輪的事件，不同瀏覽器內核提供的方法是不同的。所以，每當我們需要監聽鼠標滾輪事件，就需要先判斷使用終端是用的什麼瀏覽器。 在前端，我們可以通過window.navigator.us

函數 , 惰性求值 , typescript , 前端 , Javascript

收藏 評論

hightopo 頭像

hightopo - 如何讓 3D 數字孿生場景閃閃發光

今日圖撲軟件功能分享：我們將探討 HT 系統如何通過分組管理燈光、裁切體和流光，以提高場景光影效果的精準度和整體可控性。 HT 中的燈光、裁切體、流光是會影響它所在區域一定範圍內的其他節點的表現，如 場景中有個 A 燈光，默認情況下，場景中所有節點都是可以受到 A 燈光的影響。為了使這些影響更加準確，HT 提出一個解決方案“分組”，即將燈光、裁切體、流光進行分組管理，節點可設置接受哪些分組的影響

設計 , 三維建模 , 可視化 , 前端 , Javascript

收藏 評論

happy2332333 頭像

happy2332333 - 解決WangEditor4中代碼塊<和>符號被轉義的問題

項目中使用WangEditor（v4版本）的代碼塊功能，遇到這樣一個問題，如下所示 點擊插入後，會發現符號被替換了 這其實是WangEditor（v4版本）防XSS注入的處理方式 但是這樣做又會影響我們發表內容的觀看體驗 要解決這個問題，需要一點小寄巧 首先，先往代碼塊隨便寫點東西 然後，後點擊插入，我們就得到了一個代碼塊 然後，在編

富文本編輯器 , wangeditor , xss , Javascript

收藏 評論

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 封裝 uniapp 請求庫的最佳實踐

背景 在前端開發中，HTTP 請求是與服務器進行數據交互的核心手段。無論是獲取數據還是提交數據，前端應用幾乎都離不開 HTTP 請求。在 uniapp 中，uni.request 是官方提供的用於發起 HTTP 請求的基礎 API。然而，直接使用 uni.request 存在一些問題和不足，比如： 代碼冗餘：每次發起請求時都需要編寫類似的配置代碼，導致代碼重複。 缺乏統一管理：沒有統一的地方

uniapp , Ajax , 前端 , Javascript

收藏 評論

danjuanfe 頭像

前端蛋卷 - 面試官：講一下如何終止一個 Promise 繼續執行

我們知道 Promise 一旦實例化之後，狀態就只能由 Pending 轉變為 Rejected 或者 Fulfilled， 本身是不可以取消已經實例化之後的 Promise 了。 但是我們可以通過一些其他的手段來實現終止 Promise 的繼續執行來模擬 Promise 取消的效果。 Promise.race 我們都知道 Promise.race 方法接收多個 Promise ，一旦這些 Pro

promise , 前端 , Javascript

收藏 評論

yangge_5c6804373b5a0 頭像

陽哥 - vue數據響應式的原理（通俗易懂）附源碼

通言：以前都是看網上別人的關於vue數據響應式原理理解，都是長篇大論的，不是很好理解，不能有效概括。直到學習了某位老師的課程我恍然大悟。得出結論：數據響應式就是指數據的改變以後通知函數的執行。 講一下實現的邏輯過程： 首先 js代碼: var user = { name: '合約路', birth: '2002-5-7', }; // 顯示姓氏 function show

vue.js , mvvm , Javascript

收藏 評論

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 手把手教你繪製小程序海報

海報分享功能在許多應用中應該是很常見的，因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例，如下： 把任務拆解下： 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api，不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="

小程序 , 海報渲染 , canvas , 前端 , Javascript

收藏 評論

danjuanfe 頭像

前端蛋卷 - 什麼？前瞻斷言和後瞻斷言居然可以這麼牛？

JavaScript 中的前瞻斷言（lookahead）和後瞻斷言（lookbehind）相信用過的小夥伴就知道它的威力了，在一些特定的需求場景下，可以做到四兩撥千斤的作用，今天讓我們來盤點一下在 JavaScript 正則表達式中這兩個秘密武器吧。 前瞻斷言和後瞻斷言，在其他語言的正則表達式中也存在，這個特性不是 JavaScript 的專屬 概念定義 不管是前瞻斷言還是後瞻斷言，最終目的都是尋

前瞻 , 正則表達式 , 前端 , Javascript

收藏 評論

codesheep_pro 頭像

CodeSheep - 如期而至！JetBrains全新UI正式官宣標配！

早在今年4月份的時候，JetBrains為其多款IDE發佈了2024年度首個大版本更新：2024.1。 説時遲，那時快，這不JetBrains年度第二個大版本更新2024.2馬上又要來了。 不僅如此，這次官方還正式宣佈：在即將到來的2024.2版本中，將為所有JetBrains IDE啓用全新默認UI。 這也意味着之前搞了好幾年中間也放出來預覽和Beta的新UI，現在也官宣隨這次新版全面默認開啓

pycharm , intellij-idea , webstorm , 前端 , Javascript

收藏 評論

tusi_5c8a591841687 頭像

程序員白彬 - then, catch, finally如何影響返回的Promise實例狀態

雖然Promise是開發過程中使用非常頻繁的一個技術點，但是它的一些細節可能很多人都沒有去關注過。我們都知道，.then, .catch, .finally都可以鏈式調用，其本質上是因為返回了一個新的Promise實例，而這些Promise實例現在的狀態是什麼或者將來會變成什麼狀態，很多人心裏可能都沒個底。我自己也意識到了這一點，於是我通過一些代碼試驗，發現了一些共性。如果您對這塊內容還沒有把握，

promise , 前端 , Javascript

收藏 評論

42_6398721f10a5e 頭像

42 - 前端 - 封裝一個通用的接口請求工具

在前端開發中，接口請求是一個非常基本的需求。幾乎每個項目都會針對自己的使用場景對接口請求操作進行一系列封裝。今天我們也來一步步封裝一個通用的請求工具。 使用效果 首先讓我們來看看封裝完後的使用效果吧。 首先我們將提供一個 defineApi 函數，用於定義接口的配置信息，包括 url，請求參數以及返回類型等，具體使用方法如下： const BASE_URL = 'https://example.c

rxjs , 接口 , typescript , 前端 , Javascript

收藏 評論

tusi_5c8a591841687 頭像

程序員白彬 - 我以為我很懂Promise，直到我開始實現Promise/A+規範

我一度以為自己很懂Promise，直到前段時間嘗試去實現Promise/A+規範時，才發現自己對Promise的理解還過於淺薄。在我按照Promise/A+規範去寫具體代碼實現的過程中，我經歷了從“很懂”到“陌生”，再到“領會”的過山車式的認知轉變，對Promise有了更深刻的認識！ TL;DR：鑑於很多人不想看長文，這裏直接給出我寫的Promise/A+規範的Javascript實現。 gi

promise , 前端 , Javascript

收藏 評論

kestrel_task 頭像

微芒不朽 - Koa2進階:CMS系統實戰開發秘籍：1.為什麼選擇Koa2?

目錄 為什麼選擇Koa2? Koa2環境搭建 Koa2核心概念/中間件基礎/異步控制流 Koa2路由管理 Koa2請求響應處理 Koa2中間件使用 Koa2錯誤/異常捕獲與處理 Koa2模板引擎集成 Koa2靜態文件服務 Koa2集成數據庫 模型設計/ORM工具使用 接口身份驗證與授權 API接口設計 Koa2日誌記錄 CMS架構設計 CMS內容管理 CMS用户

koa2 , koa , vue3 , 前端 , Javascript

收藏 評論

delumengyu_6683789629bfa 頭像

得鹿夢魚 - eslint報錯：ESLint: Unexpected empty method 'default

eslint報錯：ESLint: Unexpected empty method 'default 禁止出現空函數 (no-empty-function) 錯誤代碼示例： const props = defineProps({ data: { type: Object, default: () = {} // 報錯 Unexpected empty method 'defa

eslint , typescript , 前端 , Javascript

收藏 評論

refanbanzhang 頭像

熱飯班長 - flex佈局常見問題

flex無法創建滾動條 flex的孫元素使用overflow: auto無法出現滾動條 原因： 子元素沒有設置寬度，這會導致子元素的寬度由孫元素決定，從而子元素被撐大，孫元素無法達到出現滾動條的條件。 解決方案： 給子元素設置寬度，比如width:100%; flex佈局和文字溢出省略遭遇的問題 https://segmentfault.com/a/1190000045

react , flex , Css , 前端 , Javascript

收藏 評論

hightopo 頭像

hightopo - 圖撲 HT for Web 輕鬆構建組態拓撲結構

在現代的數據可視化和網絡管理中，拓撲圖是一種非常重要的工具。它可以直觀地展示節點(Node)和節點之間的關係(Edge)。無論是在 2D 還是 3D 環境中，拓撲圖都可以幫助我們更好地理解和管理複雜的系統。 然而，由於這些拓撲圖通常極為複雜，傳統的手動佈局方式不僅繁瑣且耗時。鑑於此，圖撲軟件自研 HT for Web 產品（以下簡稱為 HT）推出了自動佈局、彈力佈局插件，從根本上解決了這一問題。

佈局 , 拓撲圖 , 可視化 , 前端 , Javascript

收藏 評論

zch681990 頭像

太羽 - 基於viewUI框架自定義表單交互表格

template scrollContent :minusHeight='140' div class="zd-white-b" Table :columns="columns" :data="dataList" template #name="{ row, index }"

vue.js , iview , 前端 , Javascript

收藏 評論

kevinzhw 頭像

天涯學館 - Redux Toolkit：簡化Redux應用狀態管理

Redux Toolkit 是官方推薦用來簡化Redux開發的工具集。它包含了一些預設的最佳實踐，使得創建和管理Redux狀態變得更簡單。 1. 創建Store 使用configureStore函數來創建Redux store，它會自動配置中間件，如redux-thunk用於處理異步操作。 import { configureStore } from '@reduxjs/toolkit';

react , redux , 前端 , Javascript

收藏 評論

kevinzhw 頭像

天涯學館 - PWA離線優先策略：提升用户體驗的關鍵步驟

Progressive Web Apps (PWA) 的離線優先策略是通過Service Worker和Cache API實現的，它允許在沒有網絡連接時仍然可以訪問網站的部分或全部內容。 1. 創建Service Worker註冊文件（service-worker.js）： self.addEventListener('install', (event) = { event.waitUntil

pwa , 前端 , Javascript

收藏 評論

soujer 頭像

Soujer - AList嵌入動態驗證碼實現引流

前言 曉傑利用ALists創建了個網盤資源站，想着如何增加個動態驗證碼進行驗證後才能進行訪問下載，剛開始利用了固定的驗證碼，用户可以通過JS代碼中進行繞過或直接拿到驗證碼，經過曉傑多次優化，最終版本支持動態獲取驗證碼，使用了禁止打開控制枱校驗等方式減少繞過幾率，現在分享給大家。 AList介紹 ‌AList是一個支持多種存儲、支持網頁瀏覽和WebDAV的文件列表程序‌，AList的功能包括但不限於

網盤 , php , 驗證碼 , thinkphp , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 從0到1：React項目中的Webpack配置實戰

公司項目一般都是使用集團封裝好的腳手架，腳手架內部實現咱看不到也摸不着，好不容易組內推行新的UI框架，需要自行定義 webpack 配置，這可是個絕佳的好機會，我對配置過程進行了梳理，把商業項目的成熟配置小跑着送上。 初始化 首先新建一個空文件夾，執行 npm init 初始化生成 package.json 文件。 創建 src 文件夾，項目的業務代碼都放在這裏，再創建 index.js，這是項目

react , webpack-dev-server , webpack , 前端 , Javascript

收藏 評論