收藏 / 列表

hello888 頭像

洛陽醉長安行 - TypeScript + Map實現一個公共數據管理模塊DataMap

在大型中後台項目開發中，尤其是在使用React進行開發時，我們會遇到很多下拉框數據、多選框數據、或者編碼中多處使用到的業務型公共映射表。為了便於維護，可以把這些數據都集中放到一個模塊中，而不是分散的寫在各個地方。 實現思路 我們定義一個IMapExtra接口擴展一下Map實例，建立兩個類MapExtra和DataMap，MapExtra是為了在使用數據時更方便獲取Map類型數據。最後把map（數據

map , typescript , 前端

yinguangyao 頭像

尹光耀 - underscore數組遍歷函數分析（一）

這是underscore源碼剖析系列第三篇文章，主要介紹underscore中each、map、filter、every、reduce等我們常用的一些遍歷數組的方法。 each 在underscore中我們最常用的就是each和map兩個方法了，這兩個方法一般接收三個參數，分別是數組/對象、函數、上下文。 // iteratee函數有三個參數，分別是item、index、array或者value、

underscore , 前端 , Javascript

chencaize 頭像

點墨 - js 字符串含中文下對齊

問題 在中文下對齊字符串會出現問題，原因是中文字符佔兩個字節，如下所示 let val = [ { title:"錯嫁豪門：萌娃集合，把渣爹搞破產", author:"左暮顏傅寒蒼" }, { title:"驚！未婚女星竟被萌娃追着叫媽", author:"大雪無聲" } ] function te

node.js , align , string , Javascript

willemwei 頭像

WillemWei - 模擬實現Javascript中的call和apply

Call的模擬實現 call() 方法使用一個指定的 this 值和單獨給出的一個或多個參數來調用一個函數。 這是MDN上關於call的描述，用通俗的語言解釋一下就是： 指定了this值（修改this） 可以傳入多個參數 它的調用對象時函數 可能這樣解釋還是有些模糊，可以看一個例子： function Test(name, age) { console.log(this.name

call , call方法 , apply , 前端 , Javascript

u_13934709 頭像

雲中小生 - 學習C#/.NET看這些資源就夠了（第二版）

10年.NET開發者，多年收集整理的.NET精品學習資料，現免費分享給各位開發者朋友 📚 C#/.NET5從0基礎到精通 60課【課件+源碼】 資源總量：約 4.2GB 最後更新：2021年12月 適用人羣：從零基礎或者.NET Framework向.NET Core轉型的開發者 下載鏈

.NET Core , 學習資源 , 零基礎 , 後端開發 , .net , c , 架構師

amejimaobari-ollornwi 頭像

Amejimaobari Ollornwi - Generating Unique Random Numbers In JavaScript Using Sets

JavaScript comes with a lot of built-in functions that allow you to carry out so many different operations. One of these built-in functions is the Math.random() method, which generates a random floa

Techniques , coding , Javascript

linx 頭像

前端路引 - Web前端入門第 89 問：總結 8 種跨域通信處理方案

為什麼會跨域？跨域是誰附加的限制？為什麼 APP 不會有跨域問題？ 首先跨域問題是由於瀏覽器的同源策略（Same-Origin Policy）導致的，基本上所有瀏覽器都有限制，默認情況是不允許跨域訪問的！！ APP 的請求不受瀏覽器的同源策略限制，所以不存在跨域。類似一個服務器像另一個服務器發起請求一樣，也不會受跨域影響。 想想一下：如果瀏覽器沒有同源策略限制，A 網站可以隨意訪問 B 網站內容，

前端

hsr2022 頭像

後山人 - 有些數據管理的軟件，真心不用找人寫的

我們的Simplest Admin快速開發系統，有國企、高校、政府、公司、個人等各類用户。他們都有同樣的特點，就是需要快速的完成，功能不是特別複雜的系統，他們本身就是各個組織信息部門的人員，本事就有責任落實這些需求，但是，苦於沒有合適的，上手就用的系統；這時候，我們的Simplest Admin系統就恰好滿足了他們的需求。 首先，快速且完整，他們可以使用代碼生成，不同於很多系統一鍵生成，需要

vue.js , thinkphp

kestrel_task 頭像

微芒不朽 - Koa2+mysql 搭建用户信息註冊和登錄接口服務

koa2 官網 https://koa.bootcss.com/ 什麼是koa? Koa 是一個新的 web 框架，由 Express 幕後的原班人馬打造， 致力於成為 web 應用和 API 開發領域中的一個更小、更富有表現力、更健壯的基石。 通過利用 async 函數，Koa 幫你丟棄回調函數，並有力地增強錯誤處理。 Koa 並沒有捆綁任何中間件， 而是提供了一套優雅的方法，幫助您快速而愉快地

express , koa2 , node.js , koa.js

apifox 頭像

Apifox - 掌握 POST 請求：入門教程

在現代網絡開發領域，理解並應用 HTTP 請求 方法是基本的要求，其中 "POST" 方法扮演着關鍵角色。 理解 POST 方法 POST 方法屬於 HTTP 協議的一部分，主旨在於向服務器發送數據以執行資源的創建或更新。它與 GET 方法區分開來， GET 主要用於獲取服務器上的數據，而 POST 則用於提交數據給服務器來處理。 為什麼選用 POST 方法 POST 方法具備幾個顯著特點：

post , HTTP , JAVA , 後端

aqiongbei 頭像

aqiongbei - 手動點擊與代碼中調用click方法兩者的區別

問題描述 在看事件循環相關視頻的時候發現其中有一個例子不理解，查了資料才明白其中的緣由，遂以志之。問題是這樣的： button id="button"button/button button.addEventListener("click", () = { Promise.resolve().then(() = console.log("Microtask 1")); consol

eventloop , 事件循環 , 同步 , 前端 , Javascript

nanian_5cd6881d3cc98 頭像

那年 - vue+jest 項目中的單測，持續更新..

剛開始接觸jest， 原理api啥的網上一堆，僅自己寫項目記錄下，有問題可以留言一起學習 emit事件 頁面： handleClose() { this.$emit('update:isShow', false) }, jest： test('handleClose', () = { wrapper.vm.handleClose() expect(wrap

vue.js , 自動化測試 , jest , 前端 , Javascript

jianer 頭像

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

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

Ajax , 前端 , Javascript

u_16213608 頭像

mob64ca13fe62db - Unity Shader學習：貼花（Decal）

Unity URP中的Decal（貼花）系統是一種用於將材質投射到場景幾何體表面的技術，主要用於實現血跡、彈孔、塗鴉等動態表面裝飾效果。以下是詳細解析： 核心功能與用途 動態投影：通過Decal 【從UnityURP開始探索遊戲渲染】專欄-直達 Unity URP中的Decal（貼花）系統是一種用於將材質投

性能優化 , 世界座標 , 貼圖 , 前端開發 , Javascript

Itstars 頭像

新茶十九 - webstorm保存自動prettier格式化

在 WebStorm 中配置保存時自動使用 Prettier 格式化代碼，能有效統一代碼風格。以下彙總了關鍵的配置方法和注意事項。 配置步驟 關鍵操作 説明/參考 ① 安裝 Prettier 在項目根目錄執行 npm install prettier --save-dev

code , 根目錄 , 代碼風格 , 前端開發 , Javascript

zack-grossbart 頭像

Zack Grossbart - Writing Unit Tests For WordPress Plugins

My first goal for the WordPress Editorial Calendar was to make it do anything useful. I was new to JavaScript and PHP and didn’t really know what I could pull off. In a few days I had a proof of con

wordpress , coding , Techniques (WP) , plugins , Javascript

momeak9 頭像

泯瀧 - 「譯」如何寫出更好的Typescript代碼

鏈接：https://medium.com/@technicadil_001/how-to-write-better-types... 作者：Debabrata Dash 原標題：How to write better Typescript codes? 在本文中，我們將討論大約 15 個編寫更好的 Typescript 代碼的技巧。 譯者：本文討論了 15 個實用技巧，以幫助開發者編

ecmascript-6 , typescript , HTML , 前端 , Javascript

zisrfs 頭像

zsirfs - 深入一點 - 用 new 的時候到底發生了什麼？

來自:https://zswfx.com/articles/5db9285f9cf7c10e840e5c6a 我們經常用new來創建一個對象，但是創建對象過程中，到底發生了什麼呢？ new 操作符的過程 上面是mdn的定義。 通過上面定義，我們知道使用new的時候，JS引擎就會給我們創建一個空對象作為 this值，然後執行函數，若函數沒有返回值，則默認返回這個空對象。 模擬 new 函數來

javascript專題系列 , Javascript

webinfoq 頭像

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢，節省寬帶，並降低服務器成本，但許多網站並不重視緩存，造成競爭條件，導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一： 模式一：不可變（immutable）內容 + 長 max-age 模式二：可變（mutable）內容，始終由服務器驗證 模式一：不可變內容 + 長 max-age Cache-Control：max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

evilboy 頭像

瘋狂的技術宅 - 這 7 道關於 this 的面試題，你能答對幾個？

在 JavaScript 中，this 是函數調用上下文。正是由於 this 的行為很複雜，所以在 JavaScript 面試中，總是會問到有關 this 的問題。 做好的準備面試的方法是練習，所以本文針對 this 關鍵字整理了 7 個有趣的面試。 注意：下面的 JavaScript 代碼段以非嚴格模式運行。 1：變量與屬性 以下代碼輸出什麼： const object = { messag

面試 , this的用法 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器

一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器 需求描述 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器，後台跟接收表單文件上傳一樣的方式去處理改圖片 實現 // url 表示base64的字符串， name表示文件名，附加到blob上的那麼、上 uploadFile(url, name) { // 以逗號劃分類型和內容

base64 , blob , HTML , 前端 , Javascript

xiaoxxuejishu 頭像

小X學技術 - Y分鐘速成ruby

源代碼下載： learnruby-zh.rb # 這是單行註釋 =begin 這是多行註釋 =end # 在 Ruby 中，（幾乎）所有東西都是對象 # 數字是對象 3.class #= Integer 3.to_s #= "3" # 字符串是對象 "Hello".class #= String # 甚至方法也是對象 "Hello".method(:class).class #= Met

面向對象編程 , ruby , 語法 , 入門

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證書過期怎麼辦？續費與更換的注意事項

SSL證書過期後的處理方式主要是續費原有證書或重新申請新證書，具體注意事項如下： 續簽SSL證書，優惠入口⬇️ https://www.joyssl.com/certificate/select/joyssl-dv-single-st... 一、續費原有證書 續費流程： SSL證書過期後，最快捷的方式是續費原有證書。由於您已通過初次申請的資料審核，續費時通常無需重新提交企業

觀點 , 資訊 , 服務器 , mariadb , 爬蟲