收藏 / 列表

evilboy 頭像

瘋狂的技術宅 - 超越 Cookie：當今的客户端數據存儲技術

超越 Cookie：當今的客户端數據存儲 作者：Adam Giese 翻譯：瘋狂的技術宅 原文：https://blog.logrocket.com/be... 未經允許嚴禁轉載 當 cookie 被首次引入時，它是瀏覽器保存數據的唯一方式。之後又有了很多新的選擇：Web Storage API、IndexedDB 和 Cache API。那麼 cookie 死了嗎？我們來看看這些在瀏

indexeddb , cookies , storage , cookie

jianzhuangdeyaling 頭像

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

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

postman , postcss , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 阿里雲Linux服務器SSH啓用密鑰對連接

前言 當SSH啓用密鑰對之後就會禁止密碼連接，這種情況下安全性會大大加強。 而像阿里雲這種雲服務供應商則把這個流程變得非常簡單。 在買服務器的時候就可以自動配置，我們要做的就是知道怎麼連接它。 創建實例的注意事項 在ECS購買頁面，選擇Linux或Freebsd之後，下面就可以選擇密鑰對連接： 此時如果沒有密鑰對就創建一個： 點擊確認後，會下載私鑰文件，並且密鑰對列表多了一條數據：

rsa , SSH

xboxyan 頭像

XboxYan - 2018 年終總結

這算是第一次寫年終總結吧，當然公司的除外。 這一年收貨很多，做出的東西很比較多，下面總結一下。 1.可編輯佈局系統 這是一個公司內部佈局系統，支持層級，可以通過拖拽的方式形成網頁，暫時不公開 2.服務器和域名 5月份首次購買了服務器，當然只是學生優惠套餐嚐鮮，然後完全搭建了自己的個人博客 項目地址:https://github.com/XboxYan/koa-blog 個人博客https://b

2018總結 , 總結 , 前端

daimaxieshen 頭像

瓏墨 - JavaScript 引擎如何工作？💭

😘前言：要了解 JavaScript 引擎，你必須瞭解當我們編譯和執行代碼時它的內容。一旦你完全閲讀了這篇文章，你就可以寫出一段優秀的代碼。這篇文章是關於JavaScript引擎的，它將幫助你瞭解JavaScript引擎的性能及其最有價值的功能，嘎嘎嘎，看下面😍。 一、什麼是 JavaScript 引擎？🧐 JavaScript引擎是一個程序，有助於將JavaScript代碼轉換為較低級別的

瀏覽器原理 , challenge , 前端 , html5 , Javascript

zxc7563598 頭像

蘇琢玉 - 再也不用翻一堆日誌！一鍵部署輕量級錯誤監控系統，幫你統一管理 PHP 報錯

維護多個項目的人，大概都明白那種感覺。 平時一切都很平靜，直到某天，甲方的一句“系統是不是出問題了？” 這時候才發現，問題早就埋在那裏了。 你登錄服務器，開始翻日誌、看 trace，一邊調試一邊回想昨天是不是又改了什麼。問題最終解決了，但那種被動的感覺始終在心裏。 我後來想： 這種被動，其實是可以被解決的。 有沒有可能在客户找上門之前，我就已經知道問題在哪，甚至提前修掉？

github , php , 運維 , go

qfifteen 頭像

十五 - 中後台開發必修課：Vue 項目中 Pinia 與 Router 完全攻略

前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟

vue.js , pinia , router , 前端

haixiudezhusun 頭像

高德開放平台 - 高德空間智能：賦能vivo藍河生態，讓AIoT設備成為出行“智慧夥伴”

2025年10月10日，廣東深圳vivo開發者大會（VDC）上，高德開放平台AIoT業務線產品負責人董佳玉，正式對外呈現了雙方合作的成果——基於藍河操作系統，我們以“雲+端”協同架構為基礎，為不同形態的AIoT設備註入出行智慧，讓用户在腕間、眼前都能享受到連貫高效的服務。 （高德開放平台AIoT業務線產品負責人 董佳玉） Part 01 高德開放平台：空間智能的探索與實踐 作為專注於空間智

物聯網 , 後端 , 前端

waweb 頭像

哇喔WEB - TypeScript中如何使用Object、object和{}？

Object、object和{}（對象類型） 不知道是不是有很多兄弟和我一樣，在進行typescript的前端項目開發時，總是不能很好地使用對象類型；有時會定義為Object，有時又會定義為object，但是大多時候我們會混淆兩者。 就拿我個人而言，對於對象我都下意識的定義為object，運氣好呢編譯通過了（開心😄），運氣差點呢vscode還有提示修復能，一鍵修復也是記極好了。但是，咱也不是完

object , typescript , 前端

shawnphang 頭像

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

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

foreach , for循環 , 前端 , Javascript

buddhad666 頭像

buddha - pc端px轉換為rem針對屏幕分辨率進行頁面適配

常用的pc端網站適配方案是什麼？用的最多的大概就是父元素按照設計圖的寬度進行固定寬度，margin:0 auto居中，兩邊留白。但是有的設計圖不適合這樣兩邊留白的適配方案。 最近接手了一個pc端的項目，雖然按照常用的柵格佈局+postcss-pxtorem插件對px轉換的方法對頁面做了適配，使頁面無論在pc端打開還是在移動端打開都能自適應，但是在高清分辨率下的頁面比如5k高清，佈局還是有些亂了，這

Css , rem , HTML , Javascript

jhcan333 頭像

JHCan333 - 代碼優化方法記錄

每次代碼 review 之後，對 review 的情況進行總結記錄，產出實際經驗，方便組內學習、分享。 1、提取公共內容 公共內容要提取，避免重複編寫； 2、css 色值使用變量 css 中的色值、字體，都換成組件庫中的變量、class； 3、v-if、v-show要用對時機 如果就是不加載對應組件可以用 v-if，否則，儘量用 v-show。比如多tab切換的時候，可以保存客户的使用狀態； 4、

規範化 , 前端

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（一）通讀介紹篇

一、什麼是css預編譯處理？ CSS 預編譯處理，從字面上理解，就是預先編譯處理CSS。它擴展了 CSS 語言，增加了變量、Mixin、函數等編程的特性，使 CSS 更易維護和擴展。CSS預編譯的工作原理是提供便捷的語法和特性供開發者編寫源代碼，隨後經過專門的編譯工具將源碼轉化為CSS語法。 CSS預編譯器幾乎成為現如今開發CSS的標配，它從以下幾個方面提升了CSS開發的效率： 增強編程

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - 將 Node.js REST API 改造為 AI 就緒的 MCP 服務器

將 Node.js REST API 改造為 AI 就緒的 MCP 服務器 瞭解如何將 Node.js REST API 升級為 AI 就緒的模型上下文協議（MCP）服務器，以支持智能的、由智能體驅動的交互能力。 大型語言模型（LLM）與智能體 AI 的發展，要求應用程序暴露能力的方式發生根本性轉變。傳統 REST API 專為軟件對軟件通信設計，需要開發者閲讀文檔並編寫自定義集成代碼。而模型上下

node.js

laomao_5902e12974409 頭像

來了老弟 - JavaScript閉包

本文將帶你用正確姿勢看待JavaScript閉包。 在 JavaScript 中閉包描述的是 function 中 外層作用域的變量 被內層作用域 引用的場景，閉包的結構為 內層作用域 保存了 外層作用域的變量。 要理解閉包，首先要知道 JS詞法作用域 是如何工作的。 JS詞法作用域(lexical scoping) 來看這段代碼： let name = 'John'; function gre

閉包 , 面試問題 , Javascript

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

中關村科金 - ShareSDK iOS端 UniversalLink生成最佳實踐

什麼是Universal Link(通用鏈接) Universal Link (通用鏈接)是Apple在iOS9推出的一種能夠方便的通過傳統 HTTPS鏈接來啓動APP的功能，可以使用相同的網址打開網址和APP。當你的應用支持Universal Link(通用鏈接)，當用户點擊一個鏈接是可以跳轉到你的網站並獲得無縫重定向到對應的APP，且不需要通過Safari 瀏覽器。如果你的應用不支持的話，則會

universal-links , ios9

qianxiaqingkong 頭像

蘭俊秋雨 - 年終盤點跨平台技術優劣勢對比（Hybrid、RN、Weex、Flutter）

跨平台技術發展的三個階段 第一階段是混合開發的web容器時代 為了解決原生開發的高成本、低效率，出現了Hybrid混合開發 原生中嵌入依託於瀏覽器的WebView Web瀏覽器中可以實現的需求在WebView中基本都可以實現 但是Web最大的問題是，它的性能和體驗與原生開發存在肉眼可感知的差異 因此並不適用於對性能和用户體驗要求較高的場景

weex , react-native , flux , hybrid-app , 前端

wenjinhua 頭像

前端子金 - 詳解node中引入模塊的原理

1. 模塊機制 1.1 commonjs規範 1.2 node的模塊實現（node中引入模塊的過程） 1.2.1 優先從緩存中加載 1.2.2 路徑分析 1.2.3 文件定位 1.2.4 模塊編譯 1.3 核心模塊 1.3.1 js核心模塊的編譯過程

node.js , require , 前端

data_ai 頭像

數據庫知識分享者 - EDA 事件驅動架構與 EventBridge 二三事

簡介： 事件驅動型架構 (EDA) 方興未艾，作為一種 Serverless 化的應用概念對雲原生架構具有着深遠影響。當我們討論到一個具體架構時，首當其衝的是它的發展是否具有技術先進性。這裏從我們熟悉的 MVC 架構，SOA 架構談起，聊一聊關於消息事件領域的歷史與發展趨勢。 作者｜肯夢 當下比較成功的企業已然認識到，要想最大限度提升運營效率和客户體驗，務必將業務和技術兩方面的舉措緊密結合起來。運

mvc

heqiliao_5cf8819257e40 頭像

何棄療 - 一次簡單的頁面跳轉引發問題和思考

背景 後台系統首頁，存在各個訂單狀態的數量統計，現需要實現點擊後跳轉到對應頁面，即快速跳轉。目前系統只有一個訂單列表頁面，table上方倒是有查詢表單，可以根據不同狀態篩選數據。 初步思路 首頁通過框架路由API跳轉，攜帶參數；目標頁面初始化階段獲取參數，填入表單，發起查詢請求。 分析現有代碼 列表頁面由一個統一的Table組件封裝，Table內有查詢Form、Table等組件，通過外部傳入的查詢

vue.js , promise , 路由 , 前端 , Javascript

tongchuangyongyi 頭像

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

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

it , 數字韌性 , 前端

carloslab 頭像

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

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

react , 全棧 , vite , 前端 , Javascript