收藏 / 列表

起風了 - React setState、useState同步?異步?

React setState、useState到底是同步的,還是異步的? setState語法 用法1: this.setState({ // 數據更新 }) 用法2: this.setState((state, props) = { // 當前組件的state // 父級的state }, () = { // 數據更新之後 }) useState語法 用法1: const [n

react , 同步 , 異步 , 前端

Jerry - 【操作】sublime正則搜索替換修改數據

手動擋經常會改不齊全,發現能寫正則還是很方便的。 find replace調出替換面板 也可以快捷鍵 command+alt+F 這個引用到複雜點的數據裏面 真的省事不要太多 方便不要太多 我知道得太遲了。。。。。。 mark一下 僅供參考 歡迎更正補充 end

sublime-text-3 , 正則表達式 , HTML , Javascript , Json

wszgrcy - ngx-formly的代替品piying-view

如果你正在使用 ngx-formly,或正在尋找一個更靈活、更現代、更易擴展的表單解決方案,那麼 piying-view 可能是你值得嘗試的下一代選擇。 📌背景 ngx-formly 是一個非常優秀的表單抽象庫 但隨着項目複雜度上升,我發現它在一些方面上存在侷限性.所以我基於 ngx-formly 的核心理念,進行了相關改進,並支持了更多功能,實現了piying-view 🚀改進

angular , form , jsonschema , typescript , 前端

王小o - 【快速開發App實戰】BUI高仿網易新聞App系列一、搭建App開發環境和工作空間

一. 搭建App開發環境和工作空間 前言 我們的目標是要做一個真實的案例, 着重通過BUI框架及其相關工具的使用, 結合原生打包平台, 幫助大家理解一個App的開發過程. 以最新網易新聞的App為例, 儘量只描述過程, 細節可以自行完善, 高仿得太過以假亂真, 會有侵權問題 ^_^. 文章會分為多個小章節, 知識點逐個講解的方式, 每天掌握一點點, 進步一點點. 文章首發都會在bui神速訂閲號,

app , hybrid-app , webapp , 前端 , Javascript

Sam Poder - The Case For Prisma In The Jamstack

The Jamstack approach originated from a speech given by Netlify’s CEO Matt Biilmann at Smashing Magazine’s very own Smashing Conf in 2016. Jamstack sites serve static pre-rendered content through a

next.js , Jamstack , serverless , Javascript

編程藝術大師 - Simple Icons -

Simple Icons 品牌圖標 popularity 評估標準:SimilarWeb 排名與下載量分析 你是否曾好奇為什麼有些品牌圖標能被收錄進 Simple Icons,而另一些卻不能?作為全球最受歡迎的開源品牌圖標庫,Simple Icons 有着嚴格的收錄標準。本文將深入解析其核心評估體系,重點解讀 SimilarWeb 排名與下

ico , 數據 , 開發者 , 前端開發 , Javascript

周皺 - javascript字符串常用api使用匯總(一)

javascript字符串常用api使用匯總(一) charAt charCodeAt fromCharCode concat repeat startsWith endsWith includes indexOf lastIndexOf slice substr substring trim charAt、charCodeAt、fromCharCode 按照索引獲

slice , 字符串 , concat , string , Javascript

茶無味的一天 - 面試官問我 JS 中 foreach 能不能跳出循環

當年懵懂無知的我被問到這個問題時,腦袋一片空白,因為我一度認為forEach可能只是為了方便書寫所創造出來的語法糖,在業務代碼中也經常使用,但沒有思考過它存在的問題,本文旨在記錄自己的心路歷程,拋磚引玉,如果對你有所幫助那就更好啦。 那麼回到標題,首先forEach是不能使用任何手段跳出循環的,為什麼呢?繼續往下看。 我們知道forEach接收一個函數,它一般有兩個參數,第一個是循環的當前元素,第

foreach , for循環 , 前端 , Javascript

Sunshine_Lin - 新一代狀態管理工具,Pinia.js 上手指南

本文為轉載文 作者:小學生study 鏈接:https://juejin.cn/post/704919... 前言 Pinia.js 是新一代的狀態管理器,由 Vue.js團隊中成員所開發的,因此也被認為是下一代的 Vuex,即 Vuex5.x,在 Vue3.0 的項目中使用也是備受推崇。 Pinia.js 有如下特點: 完整的 typescript 的支持; 足夠輕量,壓

vue.js , vuex , 進階 , 前端

fx67ll - 詳解如何用 CSS3 完成 3D transform變換

Tips:閲讀提示!!! 首先,本文針對的是3D transform變換的學習,所以你需要對 2D transform變換 有一定的瞭解 其次,需要説明的是,代碼是一種需要自己不斷實踐的學科,建議各位在開始學習本篇文檔的時候,先創建一個html頁面來邊讀邊練, 相信這樣,一定會給你留下一個非常直觀且深刻的印象! 本文練習一些公共代碼 鑑於本文貼了不少代碼來演示,所有這裏提前放一個

transform , Css , 前端

vivo互聯網技術 - 擁抱新一代 Web 3D 引擎,Three.js 項目快速升級 Galacean 指南

作者: vivo 互聯網前端團隊- Su Ning 本文從多個維度對比 Galacean 和 Three.js 兩款Web3D 引擎的差異,並介紹擬我形象項目從Three.js 切換到 Galacean 以後帶來的提升以及項目遷移的心得,為其他 Three.js 項目升級到 Galacean 提供參考。 1分鐘看圖掌握核心觀點👇 一、背景 Web 3D 技術的發展日新月異,為我們帶來了

three.js , 前端

flydean - java關於throw Exception的一個小秘密

java關於throw Exception的一個小秘密 簡介 之前的文章我們講到,在stream中處理異常,需要將checked exception轉換為unchecked exception來處理。 我們是這樣做的: static T ConsumerT consumerWrapper( ThrowingConsumerT, Exception throwingC

異常 , exception , JAVA

Michelle Barker - Developer Decisions For Building Flexible Components

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. Added to that, on the modern web, users have an ever-increasing range of options for ho

Techniques , Content , Css , Design

架構設計師之光 - 計算機畢業設計java+ssm實驗室設備管理系統_51CTO博客

簡介:“實驗室設備管理系統Java版”是一款採用Java技術與Sql Server數據庫構建的綜合性管理軟件,涵蓋設備登記、借還管理、維護保養、用户權限控制及數據統計等核心功能。系統集成Spring框架(可能含Spring Boot)、MyBatis/Hibernate等主流技術棧,具備高可維護性和擴展性。配套提供完整文檔、PPT演示、源代碼與數據庫腳本

User , spring , 管理系統 , 前端開發 , Javascript

天渺工作室 - js讓forEach停止的方法

可以利用 try catch 的拋出異常行為來巧妙的停止forEach遍歷 開發中當然不能這麼寫 面試的時候 可以説出來 起碼也算是也算加分項了 // 正確案例 必須用 try catch 整個包住forEach 才能停止 try { [1,2,3,4,5,6].forEach(function(item, index){ console.log(item)

foreach , Javascript

Addy Osmani - Using Modern Image Formats: AVIF And WebP

We’ve recently published Addy’s Image Optimization book with everything you need to know about images, how to compress, serve and maintain images. Now, shipping with a hand-written personal messa

performance , Images , optimization , Browsers , Smashing Books

wadelau - 🙋Hanjst漢吉斯特優化+JsonDataFromScript等

近日繼續對🙋Hanjst漢吉斯特優化改進。這次的改進思考是從服務器端返回的 HanjstJsonData的容器設計問題。目前的做法是服務器端的HanjstJsonData放入終端頁面的一個Div元素中。這個Div的id默認被設置為Hanjstjsondata。 div id=”Hanjstjsondata” style=”display:none;height:0px;width:0px;”

模板引擎 , 模板 , 前端 , html5 , Javascript

specialcoder - 前端截圖實現

前言 需求背景: 目標:將頁面內容變成圖片分享出去 持久化:不需要服務端存儲 客户端能力:不依賴客户端端能力 使用pupeteer做截圖服務 優點: 前端使用簡單,只需調用接口即可 分享頁面可以和給用户展示的頁面內容分離,不用額外處理樣式等問題 缺點: 新開服務維護服務 接口響應時間較長會影響體驗 結論 調研發現,可以使用html2canvas純前端做頁面轉化成圖片的功能

html2canvas , html5 , Web

suporka - “山寨版”《草料二維碼》

背景 之前瀏覽過草料二維碼的網站,他的二維碼美化功能很強大,可以分別自定義碼眼和碼點的形狀和顏色,功能十分強大 💪! 碰巧之前寫過一個 npm 插件 qrcode-with-logos, 用於前端生成帶 logo 的二維碼。 而且在 github 的 issues 裏有外國友人 👨‍🦱 問我能否實現不同樣式的二維碼,剛好以此作為新需求,模仿草料二維碼的樣式和功能,開發了 qrcode-wit

canvas , 前端 , Javascript

laojean - Mysql詳解

前言:在數據庫管理中,MySQL 作為開源關係型數據庫的標杆,其基礎操作是所有開發者和運維人員的必備技能。本文將從數據庫的創建、編碼配置、查看修改,到備份恢復與連接監控,逐步拆解核心操作,結合實操命令與原理講解,幫你徹底掌握 MySQL 基礎管理邏輯。 一、數據庫創建:基礎語法與本質解析 創建數據庫是 MySQL 操作的起點,掌握其語法規則與底層原理

MySQL , 數據庫 , 前端開發 , Javascript

雲端築夢者 - Kafka到底有多高可靠?(RNG NB)

kafka的高可靠性的核心是保證消息在傳遞過程中不丟失,涉及如下核心環節: 消息從生產者可靠的發送至Broker;—網絡、本地丟數據。 發送Broker的消息可靠持久化;—PageCache緩存落盤、單點崩潰、主從同步跨網絡。 消費者從Broker消費到消息且最好只消費一次。—跨網絡消息傳輸。

數據 , 持久化 , 分佈式 , kafka , 前端開發 , Javascript

Zara Cooper - Useful JavaScript Data Grid Libraries

This article has been kindly supported by our dear friends at Bryntum who are strong believers in the web as an application platform and provide advanced UI components and dev tools for over 5000

Tools , Javascript , ui

前端胖頭魚 - Zepto源碼分析之ie模塊

前言 Zepto中的ie模塊主要是改寫getComputedStyle瀏覽器API,代碼量很少,但也是其重要模塊之一。在看源代碼之前,我們先回顧一下如何使用 getComputedStyle Window.getComputedStyle() 方法給出應用活動樣式表後的元素的所有CSS屬性的值,並解析這些值可能包含的任何基本計算。MDN let style = window.get

zepto , 源碼分析 , jquery , 前端

IT開發者筆記 - 國產化Excel處理控件Spire.XLS教程:如何使用 Java 將 TXT 文本轉換為 Excel 表格

在數據處理和分析中,TXT 文件常被用作一種簡單的數據存儲格式,但它們缺乏結構化佈局和強大的數據分析功能。與此相比,Excel 文件具有更高的可操作性,支持更豐富的數據分析、排序、過濾及圖表功能。因此,將 TXT 文件轉換為 Excel 格式,能夠使數據更加易於管理和分析。 本文將介紹如何使用 Java 和Spire.XLS for Java庫實現將 TXT 文件轉換為 Excel 表格,幫助您更

後端