收藏 / 列表

冴羽 - SvelteKit 最新中文文檔教程(21)—— 最佳實踐之圖片

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

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

Josie - 使用 OffscreenCanvas 在 HarmonyOS 中生成動態五角星評分圖

在移動端和小型設備應用中,動態顯示評分通常使用五角星圖形更直觀。本文將結合 HarmonyOS 的 OffscreenCanvas 與 OffscreenCanvasRenderingContext2D,演示如何生成可按分數填充的五角星圖像。 1. OffscreenCanvas 簡介 在 HarmonyOS 中,OffscreenCanvas 是一種在後台線程中進行繪製的畫布對象,它不直接顯示在

harmonyos-next , 知識 , harmonyos , typescript , 前端

chongdongdedaxiongmao_kxfei - 探索 Java 中的 Stream API:優雅處理集合的利器

Java 8 引入了一個功能強大的工具——Stream API,極大地簡化了對集合的操作。傳統上,Java 程序員習慣使用 for 循環來遍歷集合並進行過濾、映射等操作,這種方式雖然直觀但代碼冗長且難以維護。Stream API 通過流式編程的方式,使得我們能夠以更簡潔和優雅的方式操作集合。 本文將介紹 Java Stream API 的基本概念及其常見的使用場景,幫助你更好地掌握這一工具。 一、

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

程序猿布歐 - javascript基本數據類型和對象類型歸檔

javascript的基本數據類型以及引用數據類型,基本數據類型在開發中經常會用到,包括作為變量使用,判斷數據類型來處理一些業務等 基本(簡單數據類型) undefined,Null,Boolean,Number,String 複雜的數據類型Object undefined undefined 類型只有一個值,即它本身,在使用var聲明變量但未給初始值時,這個變量的值為undefine

ecmascript , 前端 , Javascript

用户bPdeUmS - 深入理解 Fiddler:網絡調試的強大工具

在現代 Web 開發中,網絡調試和請求分析是開發者日常工作中不可或缺的部分。Fiddler 是一款功能強大的網絡調試代理工具,它能夠幫助開發者捕獲、查看和修改 HTTP(S) 請求和響應,提供了極大的便利。無論是調試 API、分析網絡性能,還是解決前端與後端的通信問題,Fiddler 都能為開發者提供詳細的信息和靈活的操作。本文將專注於 Fiddler 的核心功能、使用場景以及最佳實踐,幫助你更高

fiddler , yarn , typescript , 前端 , Javascript

perkz - React Native封裝tencentx5 Sdk的Webview

參考資料: react-native-webview-tencentx5 手把手教你一步步集成騰訊 X5 內核(Tencent TBS X5) 接入文檔 開發文檔 之前基於react-native-webview封裝的Canvas在比較老的android手機上沒法導出圖片canvas.toDataURL失效了,就想用react-native-webview-tencentx

react-native , webview , Android , JAVA , typescript

shellingfordly - 常規博客看膩了,使用openlayers製作旅行地圖的個人博客👀

由於上半年經常跑出去玩,突然想做一個旅行地圖的博客,想起之前接觸過 openlayers 的項目,也懶得去調查別的庫了,直接用 openlayers 開幹。之前用github actions偶爾會構建失敗,然後vercel上部署的又需要科學訪問。最近域名備案完成,部署到服務器上了,可以正常訪問了。 鏈接 項目代碼github鏈接 博客原文鏈接 旅行地圖預覽鏈接

blog , map , vue3 , openlayers , typescript

程序員潘Sir - 鴻蒙應用開發從入門到實戰(二):DevEco Studio工具安裝

大家好,我是潘Sir,持續分享IT技術,幫你少走彎路。《鴻蒙應用開發從入門到項目實戰》系列文章持續更新中,歡迎關注! 一、開發工具下載 官網:https://developer.huawei.com/consumer/cn/deveco-studio/ 根據自己的操作系統選擇對應版本下載。 本文以為Windows環境為例進行演示。 二、DevEco Studio安裝 1、運行環境要求

harmonyos , typescript

夢想雲圖網頁CAD - (JS實現編輯DWG文件)網頁CAD SDK集成方法

前言 我們基於mxcad創建了一個在線的CAD項目,該項目中包含了預覽、編輯圖紙、操作圖紙數據庫等多種CAD功能。用户集成後支持二次開發。當前我們提供了兩種集成方式,方案1:通過iframe集成mxcad項目;方案2:直接在項目中集成mxcad-app插件。 下面我們詳細講解第2種mxcad-app的集成方式,這種方式與iframe嵌套集成相比更加方便,集成後也只需要維護當前一個系統項目。

node.js , typescript , html5 , Javascript

熱飯班長 - 使用form-data的content-type上傳文件問題

問題 當後端需要我們上傳文件時,一般會用form-data的類型。 接口文檔像這樣: 目標是發出這樣一個請求: 代碼示例 // file從input為file的輸入框獲取 const formData = new FormData(); formData.append('code', 'xxx') formData.append('index', "xxx"); formData.

formdata , 文件上傳 , fetch , Javascript

zxl20070701 - H5輸入區域光標控制

什麼是光標? 頁面上輸入區域(比如input和textarea)中閃爍的光標其實是一個選區,也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有兩個屬性: selectionStart、selectionEnd,分別代表選區開始位置,選區結束位置。 通過修改這兩個值就可以形成選區,寬度為0也就實現了光標

input , textarea , 光標 , HTML , 前端

wszgrcy - 通用表單解決方案---皮影

皮影為不同框架提供統一的表單開發體驗 使開發者更加關注於邏輯和佈局,從瑣碎事物中解放出來 皮影的相關設置更加語義化,減少開發心智;並允許自定義封裝 皮影完全兼容valibot的所有Action,可以完美的利用其驗證及轉換機制 文檔 感性的認識可能會讓您更快的體驗到皮影的魅力,網站上實現了大量的用例,方便您快速瞭解皮影 https://piying-org.github.io/we

react , vue.js , angular , typescript , 前端

註銷 - 什麼是編程領域的 DSL - Domain Specific Language

在編程領域中,Domain Specific Language(DSL)是一種特定於特定問題領域的計算機語言,設計用於解決該領域的特定類型的問題。DSL的設計目標通常包括提高生產力,使非程序員可以使用,以及提供特定類型的語言構造。DSL與通用編程語言(GPL)相對,GPL如Python、Java等,可以用於解決各種類型的問題。 DSL可以分為兩類:內部DSL和外部DSL。內部DSL是基於某種宿主語

編輯器 , github , visual-studio-code , sublime-text , Git

若川 - 學習 underscore 源碼整體架構,打造屬於自己的函數式編程類庫

前言 你好,我是若川。這是學習源碼整體架構系列第二篇。整體架構這詞語好像有點大,姑且就算是源碼整體結構吧,主要就是學習是代碼整體結構,不深究其他不是主線的具體函數的實現。文章學習的是打包整合後的代碼,不是實際倉庫中的拆分的代碼。 要是有人説到怎麼讀源碼,正在讀文章的你能推薦我的源碼系列文章,那真是太好了。 學習源碼整體架構系列文章如下: 1.學習 jQuery 源碼整體架構,打造屬於自

函數式編程 , 源碼分析 , underscore , 前端 , Javascript

雨花石 - 前端瀏覽器緩存

一、瀏覽器緩存簡介 1、瀏覽器通過緩存服務器返回的資源(針對靜態資源和get請求),減少傳輸壓力,提高訪問速度。 2、那麼緩存的目標應該是:資源可以被緩存 + 保證不使用過期的資源 + 服務器資源部分更新的時候不能導致新舊文件內容不一致。所以可以結合實際情況,設置適當的緩存策略。 3、瀏覽器無緩存的過程: 瀏覽器請求 --- 無緩存 --- 請求WEB服務器 --- 請求響應 -

HTTP , HTTPS , 安全 , 前端

一顆冰淇淋 - ES6之清楚明白的使用類(class)

定義 類是構造函數、原型鏈的語法糖。 定義類有兩種方式 class Student { } var Student = class { } 某些瀏覽器可能無法解析es6及以上的語法,這時候需要通過babel將代碼解析成瀏覽器可識別的語法,定義類的語法通過babel編譯之後就是通過function定義的構造函數。 類和構造函數是一樣的,通過new關鍵字創建,具有prototype屬性 class

ecmascript-6 , 構造函數 , 繼承 , class , Javascript