收藏 / 列表

evilboy 頭像

瘋狂的技術宅 - 5個JavaScript 解構的有趣用法

原文：Dmitri Pavlutin 翻譯：瘋狂的技術宅 原文：https://dmitripavlutin.com/5-... 未經允許嚴禁轉載 如果你查看我的常規 JavaScript 代碼，會看到到處都有解構。 讀取對象屬性和訪問數組項是常見的操作。結構使這些操作變得更加輕鬆和簡潔。 在本文中，除了基本用法之外，我還將會介紹在 JavaScript 中 5 種有趣的解構用法。 1

jinja2 , Javascript

jianzhuangdeyaling 頭像

用户bPdeUmS - PostCSS 插件系統：如何使用 PostCSS 插件優化 CSS 工作流

PostCSS 是一個功能強大的 CSS 處理工具，廣泛應用於現代前端開發中。它本身並不是一個 CSS 預處理器，而是一個工具集，可以通過插件系統來處理、優化、和增強 CSS 代碼。PostCSS 的核心非常輕量，但插件系統卻讓它極具擴展性，可以實現自動添加瀏覽器前綴、轉換現代 CSS 特性、支持變量、嵌套、甚至可以檢查和修復代碼質量等功能。 本文將專注於如何使用 PostCSS 插件優化 CSS

postman , postcss , typescript , 前端 , Javascript

liuyuxuan6666 頭像

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

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

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

xboxyan 頭像

XboxYan - 快速瞭解 inert 屬性

歡迎關注我的公眾號：前端偵探 介紹一個全新的、和用户行為息息相關的屬性：inert。 HTMLElement.inert - Web APIs | MDN (mozilla.org) 有了這個屬性，可以更加輕易地控制很多交互行為，花幾分鐘瞭解一下吧 一、inert 是什麼？ inert是 HTMLElement 的一個布爾屬性，意為"惰性"，簡單來説，可以禁用一切交互，包括鼠標點擊、選中、拖

dom , Css , HTML , 前端 , html5

daimaxieshen 頭像

瓏墨 - 【為什麼】使用 reduce 按順序執行 promise 有效？💭

我是月弦笙音，今天給大家分享為什麼使用 reduce（） 按順序解析 promise 有效，嘎嘎的😍，看下面 在不使用對象的情況下編寫異步 js 很像閉着眼睛烤蛋糕。這是可以做到的，但它會很混亂，你最終可能會shao到自己。😂Promise 一、開題展示 我不會説這是必要的，但你明白了。真是太好了😂。不過，有時它需要一點幫助來解決一些獨特的挑戰，比如當你試圖按順序解決一堆承諾時，一個接

ecmascript-6 , promise , challenge , 前端 , Javascript

zxc7563598 頭像

蘇琢玉 - 我寫了個腳本，統計了我自己寫了多少行代碼（純圖一樂）

為什麼要做這件事？ 老實説，我平時不太在意自己到底寫了多少行代碼。 一方面是因為這東西真沒啥太大參考價值，想刷行數的話，複製粘貼個幾千行都不是事；另一方面也是因為誰都知道：代碼質量和行數沒什麼關係。 但有時候，好奇心就是擋不住。 就像你聽到別人講“十萬小時定律”的時候，會突然想： “哎，那我到底練習了多久？” 我寫代碼已經很多年了，也做了不少項目，大部分都丟在 GitHub 上沒怎麼管過。突

教程 , 知識 , shell

qfifteen 頭像

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

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

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

haixiudezhusun 頭像

高德開放平台 - 高德地圖xRokid，聯合打造首個智能眼鏡導航行業標杆

2025年5月16日，高德地圖與Rokid宣佈達成合作，將共同推出基於全場景智能眼鏡Rokid Glasses的全球首個導航智能體（NaviAgent）應用，標誌着高德Planner-Executor架構即將開啓跨終端合作部署，逐步構建起環繞出行和位置服務的空間智能生態體系。 攜手共建，智能眼鏡導航新生態 高德地圖作為專業領先的出行和位置服務解決方案提供商，長期致力於以技術為本，為用户打造一張高效

智能硬件 , 高德地圖 , 智能應用

waweb 頭像

哇喔WEB - 手撕JS（可能持續更新···）

  關於實現js中一些常見的方法屬於面試中的常問問題，可能剛開始接觸的時候會一籌莫展。知道和理解其中的原理能夠在日常開發中更如魚得水，面對面試也不成問題。另外，學會以目的（實現的功能）為導向一層一層反推，總結出實現的思路就能按照步驟直接實現或者曲線實現（整理不易記得點贊哈）。 一、call的實現   call() 方法：讓call()中的對象調用當前對象所擁有的function。例如：test.

promise , this的用法 , 前端 , Javascript

shawnphang 頭像

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

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

foreach , for循環 , 前端 , Javascript

buddhad666 頭像

buddha - vscode正則替換

舉個例子： 替換前 Access-Control-Allow-Credentials: true Access-Control-Allow-Origin: https://movie.douban.com Cache-Control: must-revalidate, no-cache, private Connection: keep-alive Content-Encoding: br

regexp , visual-studio-code

jhcan333 頭像

JHCan333 - 前端 socket.io 跨域

在使用Socket.io進行前端跨域通信時，可以通過設置Socket.io的cors選項來允許跨域請求。 以下是一個簡單的例子，展示瞭如何在Node.js的服務器代碼中配置Socket.io以允許跨域連接： const express = require('express'); const http = require('http'); const socketIO = require('s

socket.io , 前端

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（三）：基礎語法篇

一、Sass、LESS和Stylus的語法 每一種語言都有自己一定的語法規則，CSS預處理器語言也不例外，在真正使用CSS預處器語言之前還有一個不可缺少的知識點，就是對語法的理解。值得慶幸的是，這三款CSS預處理器語言的語法和CSS語法都差不多。 1.Sass語法 Sass3.0版本開始使用的是標準的CSS語法，和SCSS可以説是一樣的。這樣Sass代碼轉換成CSS代碼變得更容易。默認Sass使用

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - 從頁面加載到數據請求，前端頁面性能優化實踐分享

背景 做過前端開發都知道前端的工作內容是很多的，對於HTML、CSS、Javascript、Image、Flash等各種內容的使用。為了更好提升應用的性能，我們需要對各種資源內容進行不同方面的優化。 對用户而言，優化可以讓應用的響應速度加快，加載更加迅速，可以帶來更好的使用體驗。 對於服務商而言，前端優化能夠減少頁面請求數量，寬帶所佔帶寬，有效的節省資源。 前端優化的內容很多，按照粒度等級劃

websocket , spreadjs , 前端優化 , 前端

laomao_5902e12974409 頭像

來了老弟 - 一篇搞定面試中的跨域問題

什麼是CORS（跨源資源共享）？ CORS（Cross-Origin Resource Sharing）是一種機制，允許網頁從不同的域訪問服務器上的資源。 在同源策略下，瀏覽器限制了跨域訪問，CORS允許服務器指定哪些源可以訪問其資源。 同源策略(Same-origin policy) 同源策略在web應用安全模型中是一個重要的概念。在這個策略下，瀏覽器允許第一個網頁中包含的腳本可以獲取第二個網頁

cors , 面試問題 , 前端

user_p5fejtxs 頭像

林一一 - 刨析 JS 中的forEach、for in、for of三類循環原理和性能

大家好，我是林一一，這是一篇比較 JS 中三類循環的原理和性能的文章，希望能給你帶來點幫助 😁 性能比較 for 循環和 while 循環的性能對比 let arr = new Array(999999).fill(1) console.time('forTime') for(let i = 0; i arr.length; i++){} console.timeEnd('forTime

foreach , arguments轉換成數組 , 前端 , Javascript

dunizb 頭像

杭州程序員張張 - 我用 Flutter、React Native 和 Ionic 構建了相同的應用程序

在開始尋找最佳的跨平台移動開發框架的過程中，Flutter、React Native 和 Ionic 是讓我印象深刻的。這三款產品很有吸引力，因為它們承諾在為多個平台使用單一代碼庫的同時提供良好的性能。 為了開始冒險進入這個新世界，我創建了三個版本的移動應用程序，這些應用程序使用 API 並在屏幕上顯示基本數據。這個想法很簡單：構建一個應用程序，顯示一個隨機國家的詳細信息。我以前在 Python

ionic , react-native , flutter

zhongkejin 頭像

中關村科金 - 秒驗丨Android端SDK API使用説明

概述 秒驗提供預登錄、登錄、兩種自定義UI等API接口供開發者調用。 預登錄（preVerify） /** * com.mob.secverify.SecVerify.class * 檢測當前用户的手機網絡環境是否符合條件，獲取用於一鍵登錄使用的臨時憑證, 默認有效期為1個小時 * @param callback 回調 */ public static void preVeri

android-sdk , ui

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 頭像

數據庫知識分享者 - 慢調用鏈診斷利器 - ARMS 代碼熱點

可觀測技術背景 從最早的 Google 發表的一篇名為《Dapper, a Large-Scale Distributed Systems Tracing Infrastructure》的論文開始，到後來以：Metrics（指標）、Tracing（鏈路追蹤）以及 Logging（日誌）三大方向互為補充的可觀測解決方案逐漸被業界所接受併成為事實標準。 基於上述全棧可觀測方案技術，診斷一個問題從之前

雲計算 , 阿里雲 , 雲原生 , 消息隊列 , 高可用

heqiliao_5cf8819257e40 頭像

何棄療 - 你真的會封裝Dialog彈窗嗎？

經常做CRUD的人對彈窗一定不陌生，新增、編輯、查看和Table列操作，均會伴隨着彈窗封裝，彈窗內包含表單和底部的確認、取消操作，總的來説，這塊的業務都挺簡單的，但是哪怕接觸100個項目，多多少少，不規範封裝彈窗引起的問題還是佔據了很大百分比。 常見問題 二次打開，上次保留的數據還在； 表單自動校驗； 新增和編輯狀態的多重量子糾纏 重置表單無法置空 問題拆解 第一個問題，彈窗關閉一般的

表單 , dialog , 彈窗 , 前端

tongchuangyongyi 頭像

同創永益 - 從被動響應到主動防禦——IT 應急演練平台 v3.0.1 重構企業安全免疫系統

在數字化浪潮席捲全球的今天，企業正面臨着前所未有的風險挑戰：某銀行因系統故障導致 2 小時交易中斷，損失超 5000 萬元；某能源集團因災備系統失效，數據恢復耗時長達 72 小時...... 這些慘痛教訓背後，暴露的是傳統應急體系 "重預案、輕實戰" 的致命短板。 在當今數字化時代，企業面臨着複雜多變的IT環境，應急事件的響應能力成為企業穩定運營的關鍵。為了幫助企業更好地應對各種挑戰

it , 數字韌性 , 前端

carloslab 頭像

Carlos - React 的單向數據流

React 的單向數據流 React 的單向數據流（One-way Data Flow）指的是組件中的數據流動是自上而下的，也就是説，父組件可以通過 props 向子組件傳遞數據，而子組件不能直接修改父組件的狀態。數據只能沿着組件樹從父組件流向子組件，任何需要更新的數據必須由父組件通過狀態提升或者回調函數來處理。 單向數據流的優點 可預測性強： 由於數據流動是單向的，數據從父

react , 全棧工程師 , 前端