收藏 / 列表

vitaly-friedman 頭像

Vitaly Friedman - Excellent Book Covers and Paperbacks

Book covers are hard to design and nice to look at. An effective book cover manages to catch human’s eye and convey the idea behind the book on one single page. However, it’s getting even harder: to

Covers , Print , Inspiration

chencaize 頭像

點墨 - React 中使用 ECharts 報錯 "series not exists"

問題現象 在 React 項目中使用 ECharts 時，控制枱報錯： series not exists. Legend data should be same with series name or data name 但已確認 legend.data 與 series.name 完全匹配，代碼邏輯看似正確。 問題根源 未正確註冊 ECharts 圖表組件。自 ECharts 5 起，官方採

react , echarts , Javascript

u_13934709 頭像

雲中小生 - 第二章：掌握Blazor核心：Razor組件開發實戰

第二部分：Razor 組件基礎 1. Razor 組件概述 什麼是 Razor 組件？ 在現代 Web 開發中，組件化已經成為構建複雜用户界面的核心範式。Razor 組件是 Blazor 框架的基石，它們代表了前端開發的一種革命性轉變——讓 .NET 開發者能夠使用熟悉的 C# 語言而不是 JavaScript 來構建交互式 Web 應

Razor , .NET Core , Blazor , MySQL , 數據庫 , .net , c

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Handling JavaScript Event Listeners With Parameters

JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly.

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 88 問：引入 JavaScript 的 script 標籤究竟有多少用法？

HTML 版本不停的更新迭代，也導致瀏覽器支持的寫法眼花繚亂，就拿 script 標籤來説，剛剛入行的那會兒就只知道用來寫內聯的 js 代碼，後來又學到了引入 js 文件，ES 模塊規範化之後又知道能用來引入模塊化的 js 代碼，可這就是它的全部了嗎？？ 然而...並不是！！！ 各種用法 看看 script 千奇百怪的用法，一定有你沒見過的~~ 1、內聯腳本 如文章開頭説的一樣，直接用來寫內聯腳本

前端 , Javascript

hsr2022 頭像

後山人 - 告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗

告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中，後台管理系統是不可或缺的一環。然而，重複的CRUD（創建、讀取、更新、刪除）工作常常佔據了開發者大量寶貴時間。今天，我們聚焦一個優秀的開源項目——鋭智後台（RaiseAdmin）快速開發平台，它正以其現代化技術棧和創新的“懶人”代碼生成器，為開發者帶來一場效率革命。 一、現代化技術棧：性能與體驗

vue.js , MySQL , php , Javascript

kestrel_task 頭像

微芒不朽 - 【CSS進階】使用CSS gradient製作絢麗漸變紋理背景效果

前言 一直對漸變背景這塊比較感興趣，但是因為每天加班實在太忙了，任務也比較多。所以就只能下班的時間研究漸變背景這方面的知識，一來滿足了自己的好奇心，二來可以更加了解這方面的知識。跟更多不斷學習的小夥伴們一起進步，一起汲取新的知識。不斷成長，不斷精進自己的知識。有想一起討論技術，一起成長的夥伴們，也可以加微信一起交流。各微信羣裏面，有很多前端領域的大佬，在他們身上學到了很多，今後也努力向他們看齊。不

css3 , css技巧 , Css , css3動畫 , 前端

dirackeeko 頭像

DiracKeeko - [JS] 類 class入門使用

class是用於創建對象的模板。 (在js中構造函數也能批量創建對象，要注意函數有聲明提升，而類沒有聲明提升，必須先定義類，在創建類的實例) 定義Animal類。類也是一個函數。 typeof(Animal) // function 對一個類本身來説，要注意以下四點: 1、構造函數constructor，這個函數用户在創建實例的時候傳入參數。(new Ani

類 , class , 前端 , Javascript

apifox 頭像

Apifox - HTTP 和 HTTPS：瞭解有哪些不同

超文本傳輸安全協議（HTTPS）是建立在超文本傳輸協議（HTTP）之上的一種安全網絡傳輸協議。在計算機網絡上傳輸時，HTTPS 通過傳輸層安全性（TLS）或它的前身安全套接字層（SSL）為加密的連接提供保障，廣泛應用於互聯網。與HTTP相比，HTTPS在數據傳輸過程中保持溝通安全，阻難黑客截取或篡改信息。儘管兩者目標一致，但在實現上有關鍵的不同。 一、揭開 HTTP 的面紗 HTTP 定義 超文

http-2 , HTTP , HTTPS , 程序員 , Web

yinzhixiaxue 頭像

銀之夏雪 - 從底層到實踐：深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上，通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時，Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

snowwolfarden 頭像

SnowWolfArden - Day 93/100 如何判斷某個對象是否包含某個屬性？

（一）需求 想判斷某個對象，是否包含屬性值。 （二）思路 1、可以遍歷對象的所有屬性，循環判斷 2、可以直接寫obj[key] 3、使用Object.hasOwn方法 （三）Demo const object1 = { prop: 'exists' }; console.log(Object.hasOwn(object1, 'prop')); // expected output: true

object , Javascript

momeak9 頭像

泯瀧 - 「譯」2024 年的 5 個 JavaScript 安全最佳實踐

鏈接：https://thenewstack.io/5-javascript-security-best-practices-f... 作者：Alexander T. Williams 原標題：5 JavaScript Security Best Practices for 2024 網絡安全已成為一個瞬息萬變的戰場，JavaScript 應用程序的安全性也不例外。Web 應用程序已成為

chrome , webkit , typescript , 前端 , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 為什麼説splice 效率低呢

原文: https://zswfx.com/articles/5da713302ddd022595ff506a 我們在使用 Array.prototype.splice 方法的時候，都會提及説它速度慢，效率低。尤其在例如 Vue或者React 框架中也不推薦使用，原因是為什麼呢？ splice 方法 方法介紹如下: 方法也比較明瞭，就是在數組內刪除或者添加元素。 如下示例: // 添加一個

javascript專題系列 , Javascript

webinfoq 頭像

破曉L - 瞭解關鍵區別：await vs return vs return await

異步編程是現代 JavaScript 開發中一個重要方面，它使我們能夠處理耗時的操作，而不會阻塞其他任務的執行。使用異步函數時，我們會遇到三個重要的關鍵字：await 、return、return await。在本文中，我們將探討這些關鍵字之間的差異，並討論何時使用每個關鍵字。 在深入探討細節之前，讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數，可以使用 await 關鍵字。它允許我

vue.js , promise , async-await , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

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

mecode 頭像

賀公子 - openMind Library 核心功能與應用

openMind Library 核心功能與應用 openMind Library 是一個面向深度學習開發的工具套件，旨在簡化模型開發全流程。其核心功能包括預訓練、微調、推理和部署，並通過統一的 API 設計兼容多種主流框架和硬件平台。 框架兼容性與硬件支持 多框架兼容：通過適配層接口，無縫支持 PyTorch 和 MindSpore 的代碼遷移，用户無需重寫現有模型

執行效率 , 動態圖 , 前端開發 , Javascript , Python

jamesfancy 頭像

邊城 - Loading ... done

引子 在前面界面開發的過程中，為了增強在與後端交互過程中的用户體驗，通常會顯示 Loading 動畫。Loading 動畫會在與後端交互結束的時候關閉。這是一個很常規的需求，技術實現也不復雜。 showLoading(); axios.request(...) .then(...) .finally(() = hideLoading()); Node.js 和大部分瀏覽器都在 20

loading , finally , 異步 , 前端 , Javascript

hai2007 頭像

你好2007 - vue 如何實現表單校驗

安裝並使用 首先，在你的vue項目中進行安裝： npm install --save vue-input-check 接着根據不同的vue版本註冊： vue2.js import Vue from 'vue'; Vue.use(inputCheck); vue3.js+ import { createApp } from 'vue'; let app = createApp(App); app

vue.js , validate , form , submit , Javascript

zhuifengdekukafei 頭像

追風的苦咖啡 - 零信任架構必備？國密SSL證書在SASE模型中的新角色

在零信任架構與SASE（安全訪問服務邊緣）模型深度融合的背景下，國密SSL證書正從傳統的傳輸層加密工具演變為零信任體系中的關鍵信任錨點。 https://www.joyssl.com/certificate/select/national_secret_alg... 一、身份驗證中樞：構建不可偽造的信任鏈 設備與用户雙重認證 SASE模型要求對所有接入實體進行持續驗證，國密

觀點 , 運維 , 知識 , serverless , jenkins

shimiandeshatanku 頭像

李遊Leo - 你可能不敢想象，2025 年，jQuery要更新到 4.0 了

讓人難以置信的是，jQuery，這個曾經幫助無數開發者簡化 DOM 操作、事件處理和動畫效果的 JavaScript 庫，至今仍在更新。自從 2006 年 8 月震撼亮相以來，它已走過了長達 19 年的路程。還記得麼？他的作者是：John Resig，這個年輕的小夥子也變成老大叔了。 而現在，即便在 React、Vue 這樣的現代框架盛行的今天，或者AI都滿天飛的今天jQuery 仍

jquery , Javascript

beckyyyy 頭像

beckyyyy - 可視化學習：如何生成簡單動畫讓圖形動起來

大家好，本文分享的是如何生成簡單動畫讓圖形動起來。 在可視化展現中，動畫它是強化數據表達，吸引用户的重要技術手段。 在具體實現動畫之前，我們先來了解一下動畫的三種形式，分別是固定幀動畫、增量動畫和時序動畫。 graph LR A[動畫的三種形式] -- B[固定幀動畫] A -- D[增量動畫] A -- E[時序動畫] B -- F[使用已生成的靜態圖像，將圖像依次播放] D -- C[動態繪製

shader , css3 , 動畫 , webgl , 前端

ning_643b67be37ac3 頭像

麒寧 - 3分鐘搞定：獲取 URL 查詢參數值

3分鐘搞定：獲取 URL 查詢參數值 在前端開發工作中，利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時，通過 URL 攜帶某些信息，如狀態、id、區分頁面來源的字段值等。因此，學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數，對 URL 查詢參數進行解析。這是方式靈活度高，可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

_607c00baa52ff 頭像

懟懟 - 【js】實現繼承的幾種方式

js繼承 原型鏈 構造函數 組合繼承(原型鏈 + 構造函數) 原型式繼承 寄生式繼承 寄生組合繼承 1.原型鏈繼承 將父類的實例作為子類的原型 //父類 function School(name) { //實例屬性 this.name = name || "父類" this.arr = [1] } //父類原型方法 School.prototype = {

繼承 , Javascript

u_17350491 頭像

轉角處的湯姆 - 前端 JavaScript 數組扁平化處理：方法與技巧

在前端開發中，數組扁平化（Flattening an Array）是一個常見的操作，特別是在處理嵌套數組時。數組扁平化的過程就是將多維數組轉化為一維數組。這在許多場景下都非常有用，例如處理API返回的數據、操作複雜的列表、或是優化數據結構。 本文將深入探討如何在 JavaScript 中實現數組扁平化，並展示幾種常見的扁平化方法，幫助你更好地處理嵌套數組。 目錄

數組 , 扁平化 , 嵌套 , 前端開發 , Javascript