收藏 / 列表

點墨 - node 下載與上傳文件

將node作為應用程序,從某個網站下載文件,然後將其上傳到服務器上。 需要用到的庫 axios:^0.27.2 form-data:^4.0.0 思路: 1.使用axios將文件下載下來,放在tmp文件夾下,responsetype設為arraybuffer,因為寫文件writefilesync需要使用到arraybuffer,不要下載stream流,使用createwritestream寫文件,

react , upload , formdata , 文件上傳 , node.js

雲中小生 - .NET十年精華資料免費領(第二版)

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

.NET Core , 學習資源 , 學習 , Css , .net , c , 前端開發 , HTML

Amejimaobari Ollornwi - Creating An Effective Multistep Form For Better User Experience

For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each s

ux , Design , Javascript

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

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

前端

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

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

vue.js , thinkphp

微芒不朽 - 【nodejs進階之旅(2)】:使用koa2+mysql 實現列表數據分頁

1.展示效果(分頁) 2.分頁主要字段 分頁主要字段包括 pageSize 每頁條數、pageNum 第幾頁、startRow 當前開始頁編號、endRow 當前結束頁編號、total 總數量。主要是根據前端分頁的參數,進行處理後,返回前端正確的數據,其實是一個很常見且簡單的功能。但是是非常也是非常重要的。 pageSize 每頁條數 pageNum 第幾頁 startRow 當前開始頁編號

vue.js , koa2 , node.js , 前端 , Javascript

DiracKeeko - [highcharts] 02_02漸變色linearGradient使用説明

本文是對很早一篇文章 《[[highcharts] 02_回調函數實現高級顏色漸變]》的補充(https://segmentfault.com/a/1190000041028581) 先貼個數據的實例 stockOptions.series = { data: [2, 9, 13, null, 50, 17, 19], fillColor: { linearGradient:

highcharts , 前端

Apifox - API 管理工具遷移:從 Swagger 到 Apifox 的最佳實踐

如何將現有的 Swagger 管理的 API 遷移到 Apifox 呢?本文將為你提供詳細的遷移指南,介紹四種主要的方法: 導出 Swagger 文件並導入到 Apifox 通過在線鏈接定時導入 使用 IDEA 插件一鍵上傳 通過開放 API 導入 下面詳細介紹具體操作。 方法一 導出 Swagger 文件並導入 這是最直接的一種方法,適合於一次性遷移,尤其是當你的 API 文檔已經比

swagger-ui , API , api文檔 , 接口文檔 , swagger

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多,下面我們來寫常用的幾種(包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承): 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例,從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

原型 , 繼承 , 原型鏈 , 前端 , Javascript

SnowWolfArden - Function instanceof Object和Object instanceof Function都true

1、需求 在看原型鏈。沒想明白Function和Object的關係。就查了下。 2、原則 js之父在設計js原型、原型鏈的時候遵從以下兩個準則: 準則1:原型對象(即Person.prototype)的constructor指向構造函數本身 準則2:實例(即person)的__proto__和原型對象指向同一個地方 3、關係 null- Object.prototype - Functio

原型鏈 , Javascript

泯瀧 - 強緩存和協商緩存

為什麼有這個東西? web緩存描述 : Web 緩存是可以自動保存常見文檔副本的 HTTP 設備。當 Web 請求抵達緩存時, 如果本地有“已緩存的”副本,就可以從本地存儲設備而不是原始服務器中提取這 個文檔。(此結論來自http權威指南) 緩存的優缺點: 優點: 緩存減少了冗餘的數據傳輸,節省了你的網絡費用。 緩存緩解了網絡瓶頸的問題。不需要更多的帶寬就能夠更快地加載頁面。 緩存降低了對

瀏覽器 , 瀏覽器原理 , 網絡 , 網絡傳輸協議 , 前端

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

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

javascript專題系列 , Javascript

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

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

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

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸,但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts,只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

賀公子 - 訂閲模式

訂閲模式案例分析 訂閲模式在SaaS、媒體、電商等領域廣泛應用,主要分為按月、季度、年訂閲三種形式。以下是典型案例: Netflix 採用按月訂閲,提供不同套餐(基礎/標準/高級),利用自動續費減少用户流失。年訂閲通常提供折扣,例如“年付省15%”。 Adobe Creative Cloud 提供月付和年付選項,年訂閲可節省約20%。季度訂閲較少見

sed , 代碼實現 , 前端開發 , Javascript , Python

邊城 - esbuild 構建油猴腳本

前段時間思否十週年,搞了個問答打卡活動。參與打卡活動的人需要在回答問題的結尾加一個“小尾巴”。加小尾巴本身並不難,但是由於官方沒有提供快捷方式,每次都需要自己從某個地方拷貝過去,稍嫌繁瑣。正好前不久剛裝了油猴插件,就想:自己給編輯器注入一個按鈕用來添加小尾巴如何? 在使用油猴之前,使用過一個叫“User JavaScript and CSS”的插件,可以對特定的網頁注入腳本和樣式。不過這個插件在

插件 , esbuild , plugin , 油猴腳本 , Javascript

Vitaly Friedman - Start Using CSS3 Today: Techniques and Tutorials

But it’s OK to accept that Web is a dynamic medium, and it’s OK to create rich, interactive, beautiful designs for those who are already using a modern browser or will be using one soon. It just doe

Tutorials , Techniques , coding , Css , Resources

你好2007 - 關於CSS中設置overflow屬性的值為hidden的相關理解

包裹元素剪裁條件 是不是包裹元素overflow設置為hidden以後,內部元素如果超過包裹元素的話就會被剪裁?答案是不一定,這要看此刻的CSS環境。 根據對CSS2.1規範的理解,可以這樣表述:如果一個元素的包含塊的overflow屬性設置為hidden,那麼超過這個包含塊部分的內容就會被剪裁。 因此我們需要學會尋找一個元素的包含塊,不過在這之前,讓我們先簡單的知道如果一個元素的overflow

overflow , bfc , hidden , Css

追風的苦咖啡 - 公網 IP 面臨的安全風險及防護措施

公網 IP 因直接暴露於互聯網,易成為網絡攻擊的目標,核心風險集中在未授權訪問、惡意入侵和服務癱瘓三類,防護需圍繞 “減少暴露面、強化驗證、實時監控” 展開。 一、公網 IP 面臨的核心安全風險 端口掃描與漏洞探測黑客通過工具批量掃描公網 IP 的開放端口(如 80、3389、22 等常用端口),識別運行的服務(如 Web 服務、遠程桌面),進而尋找系統漏洞(如未修復的漏洞補丁)作為攻擊入口。

知識 , html5 , Javascript

李遊Leo - 深入理解 ECMAScript 2024 新特性:Promise.withResolvers

ECMAScript 2024 帶來了一些不錯的新特性,其中 Promise.withResolvers 是一個備受關注的新增方法。這一方法極大地簡化了開發者在手動創建 Promise 時管理 resolve 和 reject 的複雜性。 本文將詳細介紹 Promise.withResolvers 的設計背景、使用方式,並通過多個技術案例展示其在實際開發中的潛力。 背景與問題 在日常開發中,我們

ecmascript , 前端 , Javascript

beckyyyy - WebGL:使用着色器進行幾何造型

前言 本文將介紹如何使用着色器來進行幾何造型,説到幾何圖形大家一定都不陌生,比如説三角形、圓形,接觸過WebGL基礎使用的小夥伴一定都知道怎麼去在畫布上繪製一個三角形,只要傳入三個頂點座標,並選擇繪圖模式,我們就能在WebGL的畫布上畫出一個三角形。 但是除了這種形式之外,我們還可以直接使用片元着色器進行幾何造型,那麼具體要怎麼做呢,下面就以三角形作為例子來進行演示。 繪製三角形 要實現三角形的繪

webgl , 圖片裁剪 , 可視化 , 前端

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務,第一次在小程序上開發地圖,既興奮又忐忑。還好,雖然小程序地圖的 API 功能有些少,但是基本的需求都能覆蓋到。 在這裏,對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位,但缺乏示例代碼,第一次搞還是有點迷糊的。網上的文章又寫得七零八落,沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序,因

地圖開發 , 小程序 , typescript , 前端 , Javascript

懟懟 - 【vue】MVVM、雙向綁定

MV*模式 MVC MVP MVVM 1 MVC 一個應用分為三部分 模型 (Model):數據保存 應用程序的數據、控制與修改這些數據的業務規則 Model改變時:通知View,為View提供查詢Model相關狀態的能力,為Controller提供訪問封裝在Model內部的應用程序功能的能力。 視圖 (View):用户界面

vue.js , 雙向綁定 , 代理 , mvvm , 響應式

轉角處的湯姆 - 前端代碼規範:讓你的代碼更易維護和協作

在前端開發中,隨着團隊的不斷擴大和項目的逐步複雜化,統一的代碼規範變得越來越重要。無論是小型團隊,還是跨國團隊,良好的代碼規範能夠提升開發效率、減少bug的產生,並確保代碼易於維護和擴展。今天,我們就來聊一聊前端代碼規範的制定與執行。 為什麼要有前端代碼規範? 提高可讀性和一致性 規範化的代碼有助於保持代碼風格的一致性,無論是單人開發還

開發者 , 代碼風格 , 前端開發 , 代碼規範 , Javascript