收藏 / 列表

起風了 - 如何快速查看頁面的佈局結構?

在前端頁面 UI 開發時,如何能快速查看頁面的結構佈局? html * { outline: 1px solid red !important; } outline 屬性不會增加元素的尺寸,比 border 要好。

佈局 , css3 , Css , 前端 , ui

Jerry - 【關於NodeJs】基礎筆記整理篇

終於開啓整理了最簡易版的node筆記了。大佬可以繞行啦啦啦~~ 一、前言介紹 Node.js是一個基於chrome V8引擎的js運行環境,最大特點就是單線程運行,一次只能運行一個任務。使用了一個事件驅動、非阻塞式 I/O 的模型。 二、基礎用法 安裝好node之後,基礎用法。 1. node 腳本 $ node demo # 或者 $ node demo.js 2. node -e 字符串

express , node.js , ejs , 前端

WillemWei - Express和Koa2的區別

前言 猶記得前段時間一次面試中,面試官問到:能説一説express和koa的區別嗎?當時心裏輕蔑一笑,這問題簡單,於是信心滿滿回答道:一個是基於回調,一個是基於Promise的。當時面試官楞了一下,笑了笑沒説什麼,我當時便意識到有什麼地方不對,後來查了下資料,發現確實沒有這麼簡單。 我總結了我查閲到的資料,希望對各位童鞋有所幫助。 Express和Koa2的區別和聯繫 Express是基於 N

express , node.js , koa , koa.js

wszgrcy - 我開源了一個表單庫 - 元數據定義一次,即可渲染

我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }

react , vue.js , angular , typescript , Javascript

王小o - [分享]高仿網易新聞WebApp模板源碼下載

BUI-163網易新聞 大小: 6.27M 該App基於BUI Webapp框架+Dcloud構建. 僅供學習交流使用. 整個app開發過程記錄在這裏bui神速訂閲號. 快速開發App系列篇 預覽 交互1: 下拉刷新, 加載分頁 交互2: Tab嵌套交互 交互3: 欄目刪減自動更新 交互4: 底部tab的交互, 每個Tab裏面還有各自的交互 下載 源碼下載: https

hybrid-app , webapp , 前端 , Javascript

Sam Poder - Using SWR React Hooks With Next.js’ Incremental Static Regeneration (ISR)

If you’ve ever used Incremental Static Regeneration (ISR) with Next.js, you may have found yourself sending stale data to the client. This occurs when you are revalidating the page on the server. Fo

react , API , Tools , next.js , Javascript

編程藝術大師 - 16.前端路由router-06動態路由 - sunny

必知必會的重要知識點 settings.py文件內容 """ Django settings for dev16 project. Generated by 'django-admin startproject' using Django 5.2.6. For more information on this file, see https://docs.dj

orm , 字段 , django , 前端開發 , Javascript

周皺 - 一文搞懂String的replace用法

String的replace方法的使用 大部分語言的都有字符串類型,字符串類型基本都有replace方法,今天就來説説javascript的replace方法 const str = 'abcdefjabcd' const newStr = str.replace('a', 'p') console.log(newStr) // pbcdefjabcd 今天的分享就到這裏,恭喜你已經學

replace , string , Javascript

Sunshine_Lin - 這可能是思否講「原型鏈」,講的最好最通俗易懂的了,附練習題!

前言 大家好,我是林三心,相信大家都聽過前端的三座大山:閉包,原型鏈,作用域,這三個其實都只是算基礎。而我一直覺得基礎是進階的前提,所以不能因為是基礎就忽視他們。今天我就以我的方式講講原型鏈吧,希望大家能牢固地掌握原型鏈知識 很多文章一上來就扔這個圖,但是我不喜歡這樣,我覺得這樣對基礎不好的同學很不好,我喜歡帶領大家去從零實現這個圖,在實現的過程中,不斷地掌握原型鏈的所有知識!!!來吧!!!跟着我

ecmascript-6 , 面試 , 原型鏈 , 前端 , Javascript

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

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

transform , Css , 前端

vivo互聯網技術 - 主打一個“小巧靈動”:Vite + Svelte

作者:來自 vivo 互聯網大前端團隊- Wei Xing 在研發小型項目時,傳統的 Vue、React 顯得太“笨重”。本文主要針對開發小型項目的場景,談談 Vite+Svelte 是如何讓項目變得“小巧靈動”,並橫向對比 Svelte 和 Vue 的性能表現,對二者的加載流程做詳細分析。 一、背景 為了統一技術標準、提升協作效率,通常在前端團隊內部只會保留一套通用的研發框架。尤其是在團隊初創時

svelte , vite , 性能

flydean - Java IO 與 NIO:高效的輸入輸出操作探究

引言 輸入輸出(IO)是任何編程語言中的核心概念,而在Java中,IO操作更是應用程序成功運行的基石。隨着計算機系統變得越來越複雜,對IO的要求也日益增加。在本文中,我們將探討Java IO和非阻塞IO(NIO)的重要性以及如何在Java中實現高效的輸入輸出操作。 傳統IO(阻塞IO) 傳統IO是大多數開發人員熟悉的IO模型,其中主要涉及InputStream和OutputStream。通過傳統I

面試 , JAVA , io , nio

Michelle Barker - Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds

The COP26 climate conference has thrown into a sharp light the importance of reducing carbon emissions in every area of our lives. Everyone can play a role in this, including those of us working on

performance , optimization , User Interaction , ui

架構設計師之光 - 如何焊接一個LED音樂頻譜電子DIY LED閃光套件

我喜歡完成的電子套件,我可以在這裏專注於完成-通常是來自遠東的物美價廉的小玩意。我給自己買了一個音樂頻譜計,在連接到高保真音響系統或智能手機後,3.5英寸插孔上的聲音可以讓LED動起來。LED燈的閃爍取決於歌曲的節拍。 規格 •工作電壓:5V USB供電 •信號接入方式:3.5音頻線輸入音頻信號 •安裝方式:DIY焊接組裝 •尺寸:1

電路圖 , 智能手機 , 故障排除 , Css , 前端開發 , HTML

天渺工作室 - AI熱門有趣的免費應用工具和資源分享(部分免費免登錄)

蹭波chatGPT的熱度,網上搜集爬取整理了一些AI有趣的工具應用 自己用過的AI工具(推薦) 1,百度飛漿(不用登錄) 百度飛漿在線AI畫畫 2,stable-diffusion(不用登錄,貌似沒有本地安裝版強大)在線版stable-diffusion 3,五秒複製你的聲音 項目地址:https://github.com/babysor/MockingBird B站演示視頻 4,模糊照片變

chatgpt , 人工智能 , 分享 , 資源

Addy Osmani - 9 Lessons From A Review Of JavaScript Code

Before we start, I’d like to pose a question: when was the last time you asked someone to review your code? Reviewing code is possibly the single best technique to improve the overall quality of you

coding , Javascript

wadelau - Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布

Hello 2019! Hanjst/漢吉斯特 模板語言及引擎創新發布。 值此一元復始之際,恭祝 朋友們新年萬事如意! 寄望 Hanjst/漢吉斯特能幫助大家從各種模板中解脱出來,為人類做出更大的貢獻。 1. 背景 網頁模板語言/引擎緣起於 MVC 思想的引入。當軟件項目膨脹複雜到足夠大時,軟件研發人員與UI/UE設計人員就需要分別獨立出來,其中設計製作人員工作的V(View)部分需要用模板

模板引擎 , Javascript

specialcoder - NPM package.json 中 browser,module,main

參考:https://github.com/SunshowerC/blog/issues/8 browser VS module VS main 我們經常見到 package.json 裏有這樣一段內容: { ... main: dist/index module: dist/index.esm.js browser: dist/zhihu-hybrid.umd.js } 當我們在不

打包 , 模塊化 , 工程化 , npm

laojean - Mysql詳解

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

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

雲端築夢者 - 103用Python解碼音樂奧秘!自然大調+鋼琴結構+循環美學一次性掌握

c自然大調_開嗓音頻_123454321_bpm 回憶 上次我們 製作了迴文音符序列 123454321 要整合成一個 序列不斷升級 從c開始 到c結束 可以整合嗎?🤔

右鍵 , ci , 前端開發 , Javascript , Python

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源碼分析之form模塊

前言 JavaScript最初的一個應用場景就是分擔服務器處理表單的責任,打破處處依賴服務器的局面,這篇文章主要介紹zepto中form模塊關於表單處理的幾個方法,serialize、serializeArray、submit。 原文鏈接 github項目地址 表單相關回顧 在開始學些form模塊相關方法前,我們先來回顧一下表單提交時,瀏覽器是怎麼樣將數據發送給服務器的(以下內容摘自《

zepto , css3 , jquery , html5 , Javascript

IT開發者筆記 - Excel處理控件Aspose.Cells教程:使用Python將TXT文件轉換為CSV

處理原始文本文件通常需要將非結構化數據導出為更清晰、更有條理的格式。將 TXT 文件轉換為 CSV 文件可以更輕鬆地分析信息、管理記錄或將數據導入電子表格應用程序。在本文中,您將學習如何藉助Aspose.Cells使用Python 將TXT文件轉換為CSV格式。 Aspose.Cells官方試用版免費下載,請聯繫Aspose官方授權代理商慧都科技 加入Aspose技術交流QQ羣(10412533

後端 , Python

另類的剪刀 - Smartproxy提取指南——JSON-first 架構與參數化最佳實踐

本指南以 API 代理 IP 提取為核心,結合參數化設計、JSON-first 接口規範、嚴格的版本管理與狀態碼標準,幫助您構建高成功率、低運維成本、可平滑擴展的數據採集流水線。基於 8000萬+ 住宅代理 IP 資源池、覆蓋 全球 200+ 國家與主要城市、承諾 99.9% 服務可用性,Smartproxy 助力團隊快速上線並在 SLO 驅動下穩定擴容 1。 我們踐行安全、透明、合規的工程方法論

react , typescript