收藏 / 列表

shenfq 頭像

Shenfq - 在命令行裏也能用 React

用過 React 的同學都知道，React 作為一個視圖庫，在進行 Web 開發的時候需要安裝兩個模塊。 npm install react --save npm install react-dom --save react 模塊主要提供了組件的生命週期、虛擬 DOM Diff、Hooks 等能力，以及將 JSX 轉換為虛擬 DOM 的 h 方法。而 react-dom 主要對外暴露一個 rend

react , terminal , 前端 , Javascript

tusi_5c8a591841687 頭像

程序員白彬 - npm init @vitejs/app的背後，僅是npm CLI的冰山一角

結尾的話説在前面。 我有時候會得出這樣的結論：原來那些我不常用的命令或工具，都是為了解決大佬們遇到的問題而存在的！ 我們每天都和npm打交道，但是不少人對npm的掌握程度還停留在一個比較淺的層面（當然這也包括我）。就比如説一個用 vite 創建 app 的命令npm init @vitejs/app，很多人就懵了，“npm init不是用來創建package.json文件的嗎？” 同樣還有n

cli , npm , 前端

zxbing0066 頭像

嘿嘿不務正業 - React SSR - 寫個 Demo 一學就會

今天寫個小 Demo 來從頭實現一下 react 的 SSR，幫助理解 SSR 是如何實現的，有什麼細節。 什麼是 SSR SSR 即 Server Side Rendering 服務端渲染，是指將網頁內容在服務器端中生成併發送到瀏覽器的技術。相比於客户端渲染（CSR），SSR 一般用於以下場景： SEO （搜索引擎優化）：由於部分搜索引擎對 CSR 內容支持不佳，所以 SSR 可以提升網站在

react , ssr , 前端

integrated_product_development 頭像

IPD產品研發管理 - “你覺得客户需要”是殺死TA的最後一根稻草 | IPD集成產品開發

這個米老鼠洗衣機，大家眼熟嗎？ 相信最近熱衷於在網上衝浪的朋友們，對這款形似米老鼠的“懶人洗衣機”並不陌生，甚至算是小小地參與了一下這個產品研發項目。 在海爾的周雲傑總裁爆火出圈後，有網友在海爾的媒體賬號下，喊話周總研發一款可同時並分區洗衣服、內衣、鞋子和襪子的 “懶人洗衣機”。基於此，2天后，海爾集團宣佈“懶人洗衣機”即將上市。 這個看似偶然的“懶人”產品的誕生，實則折射出如何精準洞察客户需求

產品經理 , 程序員 , 產品 , 後端 , 前端

aqiongbei 頭像

aqiongbei - javascript中的動態集合NodeList&HTMLCollection

不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現，同樣都是獲取元素的代碼，為啥一個是NodeList，一個是HTMLCollection。 那麼這倆是啥？又有啥區別，本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性，如Node.childNodes 和 方法（如document.querySelectorAll） 返回的

dom , 前端 , Javascript

jianzhuangdeyaling 頭像

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

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

fiddler , yarn , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 釘釘企業內部應用同步部門用户

前言 有了上一篇釘釘企業內部應用SSO單點登錄實戰及踩坑過程之後，再去看釘釘的文檔和接口就顯得輕車熟路了。 明確需求：定時把釘釘的用户同步到企業自己開發的系統中，以便讓企業內的員工都能使用SSO單點登錄。 確定接口 借鑑上一篇的經驗，我們優先選擇V2版本的接口。 釘釘開放平台-用户信息 右側提供了返回值的實體，注意到包括userId、姓名、電話這三個關鍵字段存在，説明該接口滿足需求。 把鼠標放到

單點登錄 , 釘釘 , springboot , JAVA , 後端

daimaxieshen 頭像

瓏墨 - 【吃透】JS代理（Proxy）

今天給大家分享如何從根本上吃透js代理，嘎嘎的😍，看下面 咱們首先得知道： 代理是 js 中的對象，它允許你創建對象的代理，同時還可以為標準對象操作定義自定義行為。這意味着，譬如，如果有人試圖從對象中獲取屬性的值，你可以定義一組自定義行為。這使代理變成了一個非常強大的工具，所以讓我們看看它們是如何工作的。get set has 一、js 代理的基礎知識✔ en... 上面聽起來很複雜，所以

es7 , challenge , es6-proxy , 前端 , Javascript

xiaoxxuejishu 頭像

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

源代碼下載： LearnVim-cn.txt Vim (Vi IMproved) 是 Unix 上的流行編輯器 vi 的克隆版本。這個文本編輯器 是為性能和提升效率而設計的，並且在大多數基於 unix 的系統上普遍存在。 它有大量的快捷鍵可用來快速導航到文件的特定位置，以便進行快速編輯。 Vim 導航基礎 vim filename # 在 Vim 中打開 filena

基礎 , 教程 , unix , 文本編輯器 , vim

zxc7563598 頭像

蘇琢玉 - 訂單號老是撞車？我寫了個通用 PHP ID 生成器

在日常開發裏，我們經常會遇到這種情況： 需要給訂單生成唯一編號； 想給日誌或者資源加個標識； 或者需要一個不會重複的 ID，用作數據庫主鍵。 一開始，我也用過 time() 拼接隨機數、或者 uniqid()。 這些方案在小項目裏夠用，但一旦放到併發稍微高點的業務裏，就會出現各種問題： ​time() 很容易撞車（同一毫秒可能生成多個）； ​uniqid() 看上去獨特，其實

composer , php

qfifteen 頭像

十五 - Tailwind Css 中使用 Element Plus 主題系統的方案與實現

前言 本篇文章主要講解在 Tailwind Css 中配置 Element Plus 主題變量以統一視覺設計 本文也是《通俗易懂的中後台系統建設指南》系列的第九篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 需求概括 上一篇文章中我們講解了生成 Element Plus 主題色階和動態切換主題色：一篇文章實現 Element Plus 色彩動態切換 Clean Admin 中使用 Ta

vue.js , tailwind-css , element-plus , typescript , 前端

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 詳解Spring中Bean的作用域與生命週期

摘要：在利用Spring進行IOC配置時，關於bean的配置和使用一直都是比較重要的一部分，同時如何合理的使用和創建bean對象，也是小夥伴們在學習和使用Spring時需要注意的部分，所以這一篇文章我就來和大家講一下有關Spring中bean的作用域和其生命週期。 本文分享自華為雲社區《詳解Spring中Bean的作用域與生命週期》，原文作者：灰小猿。 在利用Spring進行IOC配置時，關

容器 , spring , bean , 對象 , ioc

haixiudezhusun 頭像

高德開放平台 - 智能手錶地圖新體驗，RTOS系統助力全球行

高德開放平台智能手錶解決方案上線！RTOS系統來襲，卓越性能開啓智能手錶地圖新體驗！6大服務優勢，海量數據直達腕間。融合多品類地圖服務，全面滿足運動出行、智能守護等場景的用户需求，適配各類智能手錶、智能手環，打造智能穿戴生態。

地圖開發 , 數據挖掘 , 地圖api , 人工智能

lirong_60404fde6d52d 頭像

李不要熬夜 - 移動端rem 適配方案

rem是什麼？ rem（font size of the root element）是指相對於根元素的字體大小的單位。簡單的説它就是一個相對單位。看到rem大家一定會想起em單位，em（font size of the element）是指相對於父元素的字體大小的單位。它們之間其實很相似，只不過一個計算的規則是依賴根元素(rem)一個是依賴父元素計算(em)。 個人理解rem佈局可分為倆

rem響應式 , 程序員 , rem , 前端

grapecity 頭像

葡萄城技術團隊 - React Native 錯誤處理完全指南

React Native 錯誤處理完全指南 深入解析跨平台應用中的 JS 錯誤、原生崩潰及異常監控方案，附實戰代碼與最佳實踐。 在 React Native 跨平台開發中，錯誤處理是保障應用穩定性與用户體驗的核心環節。不同於純 Web 應用或原生應用，React Native 應用的錯誤來源更為複雜——既包含 JavaScript 層的邏輯錯誤，也涉及 iOS/Android 雙端的原生模塊異常，

react-native

laomao_5902e12974409 頭像

來了老弟 - 前端base64圖片下載報錯(已解決！！！)

前端下載base64格式圖片時，報錯：Not allowed to navigate top frame to data URL，代碼如下： a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAIUlEQVQ4jWMUXfH6PwOVABO1DBo1bNSwUcNGDRs1DAcAAJNsAs1

base64 , 前端

dunizb 頭像

杭州程序員張張 - [譯]Vue.js + Astro 比 Vue SPA 更好嗎？

最近有很多開發者宣佈他們已經將網站遷移到Astro。這通常伴隨着一張接近完美的Lighthouse分數的截圖和一系列火箭表情符號。 像大多數人一樣，我發現無休止的新框架會讓人感到厭倦。但我對Astro做了一些研究，認為它真的值得一試。 在本文中，我將向您展示如何使用 Astro 構建基於 Vue 的應用程序，我們將瞭解其獨特的架構如何帶來比單頁應用程序 (SPA) 更好的性能。 SPA 架構回顧

astro , vue.js , spa , 前端

zhongkejin 頭像

中關村科金 - 極客星球 | Android SDK架構設計之路

​編者按：7月15日晚，由MobTech袤博科技主辦的一檔線上技術直播分享欄目【Coder Park】第一季第二講《移動端新風向》順利在雲端舉行，客户端負責人文軍分享了MobTech袤博科技Android SDK架構設計之路，從0到1開發及迭代過程中遇到的一系列難題，共同探討其解決思路和SDK開發架構升級。 以下為分享內容： MobTech袤博科技開發者服務歷時9年，現已覆蓋全球近155億+移動

android-sdk , 架構

powerful_simon 頭像

小謳 - 小程序重構 [cnode社區]：mpvue + 開源api，現已上線！

歡迎關注前端小謳的github，閲讀更多原創技術文章 閒暇時光表浪費，由於技術棧一直用的vue，因此用 mpVue 開發了小程序版本的 cnode 社區，api 也都是官網開源的。有人會問 “mpvue不是已經停止維護了嘛？”——的確是的，而且使用起來有很有坑。但這是我第一次寫小程序，找個最相近的語言最適合——無論選擇哪種技術棧，產品要完整做出來才行。小程序現已上線，後續還將逐步嘗試在tar

vue.js , node.js , 小程序 , mpvue , Javascript

qianxiaqingkong 頭像

蘭俊秋雨 - Charles使用教程

背景 Charles 是一個 HTTP 和 SOCKS 代理服務器。代理請求和響應使 Charles 能夠在請求從客户端傳遞到服務器時檢查和更改請求，以及從服務器傳遞到客户端時的響應。 抓包 PC端抓包 1、選擇菜單中的Proxy - Mac OS X Proxy 2、確保 Charles 處於 Start Recording 狀態。 移動端抓包 1、手機和電腦在同一個網絡： 2、電腦

charles , 前端

wenjinhua 頭像

前端子金 - 移動端適配知識點梳理-part one

1. 設備像素和css像素 設備像素，又叫物理像素（physical pixel），給出您正在使用的任何設備的形式分辨率，可通過screen.width/height獲取. css像素，又叫設備獨立像素（device-indenpendent pixel），此為邏輯像素，計算機設備中的一個點 注意：設備像素和css像素的關係（縮小還是放大針對的是css像素）： 100％縮

移動端適配 , viewport , 前端 , html5 , Javascript

data_ai 頭像

數據庫知識分享者 - 阿里雲AHAS Chaos：應用及業務高可用提升工具平台之故障演練

簡介： 阿里雲AHAS Chaos：應用及業務高可用提升工具平台之故障演練 應用高可用服務AHAS及故障演練AHAS Chaos 應用高可用服務（Application High Availability Service）是阿里雲一款專注於提高應用及業務高可用的工具平台，目前主要提供應用架構探測感知、故障注入式高可用能力評測和流控降級高可用防護三大核心能力，通過各自的工具模塊可以快速低成本地在營銷

react , coffeescript , bootstrap , Javascript

tongchuangyongyi 頭像

同創永益 - 《數據安全法》的前世今生，對災備有何影響？

文章轉載來源公眾號：@雲災備 《中華人民共和國數據安全法》（下稱“《數據安全法》”）已於 9 月 1 日正式落地實施，作為我國第一部有關數據的基礎法，其意義無須多言。一石激起千層浪，社會各界解讀不斷，但重點太多等於沒有重點，本文僅從災備行業關注的角度，理一理《數據安全法》的“前世”、“今生”以及“未來”。 一、沒有數據安全就沒有國家安全 數據作為重要的生產要素，被國家列為基礎性戰略資源，回

行業 , 數據安全 , 災備 , 安全

carloslab 頭像

Carlos - 使用 Vite + React 進行本地編譯與測試

Vite 是一個快速、輕量級的構建工具，旨在提供極致的開發體驗。本文將展示如何在使用 React 和 Vite 的項目中進行本地編譯、測試以及預覽。 初始化項目 假設你已經成功使用 Vite 和 React 初始化了一個項目，並完成了開發，現在你希望能夠將項目進行本地構建並進行測試。 本地構建項目 在項目根目錄中，通過以下命令構建項目： npm run build 這將觸發 Vite

react , 全棧 , vite , 前端 , Javascript