收藏 / 列表

evilboy 頭像

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

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

indexeddb , cookies , storage , cookie

jianzhuangdeyaling 頭像

用户bPdeUmS - PHP中的`null`和空值：理解與處理

在PHP中，null和“空值”（空字符串、空數組等）是兩個常常被混淆的概念，然而它們有着不同的語義和用途。對這兩者的理解和合理處理，對於編寫健壯和高效的PHP代碼至關重要。本文將深入探討PHP中null和空值的區別、使用場景以及如何高效處理它們。 1. 什麼是null？ 在PHP中，null是一個特殊的標量類型，它表示變量“沒有值”。null不僅僅是一個空的值，它還代表着該變量並未被賦予任何有效的

node.js , php , lavarel , go , 後端

liuyuxuan6666 頭像

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞：觀察者模式。 觀察者模式是什麼？ 觀察者模式和回調函數有什麼關係？ 使用httpClient時，加上.subscribe有什麼作用？ Angular的httpClient中如何體現觀察者模式？ 解決了上述問題之後，就寫了這篇文章。 （這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數，卻沒有給出實際應用的例子。） 引入問題：httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

xboxyan 頭像

XboxYan - 快速瞭解 inert 屬性

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

dom , Css , HTML , 前端 , html5

daimaxieshen 頭像

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

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

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

zxc7563598 頭像

蘇琢玉 - 寫博客怕內容被偷？SSR 實現安全加密的原理講解

很多博主都有這樣的困擾：一些文章不希望所有人都能直接看到，而是想設置一個“問題驗證”，答對才能解鎖。但如果你用的是純靜態博客，想實現這個功能卻發現困難重重——文章內容在 HTML 裏早就暴露了，CSS 或 JS 根本藏不住。 最近我在用 Astro 做博客時，嘗試用 SSR（服務端渲染） 來解決這個問題。本文不講具體代碼，而是分享原理和思路，讓你理解為什麼 SSR 可以安全地保護文章內容，同時還能

astro , 博客 , 前端

qfifteen 頭像

十五 - 受夠了團隊代碼風格不統一？7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系，主要內容為：通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化，通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字，主要內容分為 7 個大章節，內分多個小章節。請耐心讀完，相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章，該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

haixiudezhusun 頭像

高德開放平台 - 高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server

高德開放平台攜手阿里雲，面向開發者推出地圖服務產品MCP Server，通過技術能力與生態資源的深度協同，助力開發者高效構建標準化地圖服務，加速智能化場景落地。 https://www.bilibili.com/video/BV1vSugzwEQY/?aid=114833852731... 技術融合：大模型賦能地圖交互升級 基於阿里雲通義千問系列大模型領先的自然語言處理與多模態交互能力

地圖開發 , ai開發 , 阿里雲

waweb 頭像

哇喔WEB - TypeScript中你可能不知道的這些數據類型

類型 TypeScript的類型有很多，但是這裏不會逐一進行講解。下面列出來的幾種類型，有的你可能沒聽過、有的你可能沒用過、有的你可能用過但是不知道含義、有的你可能知道含義但是不能和其他類型區分··· Symbol ES6 引入了一種新的原始數據類型 Symbol ，表示獨一無二的值，它是 JavaScript 語言的第七種數據類型。 使用 Symbol() 函數我們可以申明一個 Symbol

數據類型 , typescript , 前端

shawnphang 頭像

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

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

foreach , for循環 , 前端 , Javascript

buddhad666 頭像

buddha - Replace Autoprefixer browsers option to Browserslist config.

出現這個報錯的原因是引用的postcss版本過高導致，解決方法就是按照給出的提示替換成overrideBrowserslist

vue.js , postcss , 前端

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的安裝 1.Sass的安裝 Sass是Ruby語言寫的，但是兩者的語法沒有關係。不懂Ruby，照樣可以正常使用Sass。只是必須先安裝Ruby，然後再安裝Sass。首先安裝Ruby，如果你使用的是IOS系統，那麼你的系統已經安裝好了Ruby。如果你使用的是微軟的Windows系統，那麼安裝就有些許的麻煩。不過也不用過於擔心，按照下面的步驟就能幫你快速的安裝好。

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - 零基礎易上手的數據分析工具：Wyn 商業智能軟件，讓非技術人員也能秒變數據分析師

零基礎易上手的數據分析工具：Wyn 商業智能軟件，讓非技術人員也能秒變數據分析師 在數字化時代，每個崗位都需要 “用數據説話”—— 但對非技術人員來説，傳統數據分析工具往往意味着 “要學 SQL、要懂建模、要背操作流程”，最終要麼卡在數據準備環節，要麼對着複雜儀表盤設計界面望而卻步。 事實上，零基礎數據分析工具的核心需求很明確：無需代碼、智能交互、能快速落地現有工作流。而葡萄城推出的Wyn 商業智

bi , 數據分析

laomao_5902e12974409 頭像

來了老弟 - nginx在同一域名下部署多個vue項目

本文介紹使用nginx服務器在同一個域名下如何部署多個前端項目，在vue3使用vite打包時配置文件vite.config.ts中的base的配置方式，以及vue-router中history的配置方式，以及如何在nginx中配置才能使前端項目正常解析等關鍵步驟，結束你在前端項目部署時的苦惱。 項目場景描述 假設你有一個域名admin.iicoom.fun 現在有兩個前端項目，普通的前

Nginx , spa , 前端

user_p5fejtxs 頭像

林一一 - 面試 | JS 經典面試題初篇(this, 閉包, 原型...)含答案

推薦閲讀地址 掘金 github 變量提升 做題前建議先閲讀一遍 徹底解決 JS 變量提升的面試題 面試題 1. 問下面輸出結果 if( !("a" in window) ){ var a = 12 } console.log(a) // undefined 無論條件是否成立都會變量提升，全局下的 var 相當於給 window 設一個屬性 window.a = undefi

閉包 , this的用法 , 原型鏈 , 前端 , Javascript

dunizb 頭像

杭州程序員張張 - 使用 Node.js 和 htmx 構建全棧應用程序

在本教程中，我將演示如何使用 Node 作為後端和 htmx 作為前端來構建功能齊全的 CRUD 應用程序。這將演示 htmx 如何集成到全棧應用程序中，使您能夠評估其有效性並確定它是否是您未來項目的不錯選擇。 htmx 是一個現代 JavaScript 庫，旨在通過實現部分 HTML 更新來增強Web應用，而無需重新加載整個頁面。與傳統前端框架中的 JSON 有效載荷不同，它通過有線方式發送 H

全棧 , node.js , htmx , 前端

zhongkejin 頭像

中關村科金 - ShareSDK Android端主流平台分享示例

ShareSDK可以調用getPlatform接口設置要分享的平台，下面是分享示例： 微信分享示例（好友、朋友圈、收藏） 微信分享文本 Platform platform = ShareSDK.getPlatform(Wechat.NAME); Platform.ShareParams shareParams = new Platform.ShareParams(); shareParams.se

android-sdk , Android

qianxiaqingkong 頭像

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

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

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

wenjinhua 頭像

前端子金 - h5 video踩坑記錄

筆者近來在用h5 的video來開發視頻，下面來聊一聊是怎麼一步一步填坑的。 一些在開發中的注意點，都在代碼裏的註釋進行描述 基本需求 禁止全屏 是否自動播放 播放器尺寸的設置 播放完畢時回到初始狀態 1. 禁止全屏 webkit-playsInline={true} // ios x5-playsInline ={true}// android playsInline ={tr

視頻 , h5播放器 , 兼容性 , 前端 , Javascript

data_ai 頭像

數據庫知識分享者 - dubbo-go v3 版本 go module 踩坑記

簡介： 該問題源於我們想對 dubbo-go 的 module path 做一次變更，使用 dubbo.apache.org/dubbo-go/v3 替換之前的 github.com/apache/dubbo-go。 作者 | 董劍輝、盛傲飛 來源 | 阿里巴巴雲原生公眾號 ​ 問題背景 ​ 該問題源於我們想對 dubbo-go 的 module path 做一次變更，使用 d

module , dubbo

heqiliao_5cf8819257e40 頭像

何棄療 - 微信小程序onShow的坑點

最近，公司小程序項目功能更新，部分功能複測，讓某些兼容性問題再次暴露在我的面前，特此發出來給暫未遇到這個問題的開發者，提供一些思路。 onShow表現 這個事件鈎子，在頁面重新顯示的時候觸發，無論是否重新加載，對於一些數據更新和獲取，提供了穩定的處理方案。但是，假如當前頁面有選擇圖片上傳的功能或者文件上傳，選擇文件後，頁面會進入onShow鈎子，且這種情況安卓是必然觸發，IOS系統，身邊設備有限，

生命週期 , 小程序 , 前端

tongchuangyongyi 頭像

同創永益 - 產品動態丨同創永益 IStorM ITEMS IT應急管理平台V3.0發佈

一、版本概述IStorM ITEMS IT應急管理平台V3.0.1本次迭代基於市場動態調研、客户交付反饋及IT應急建設指南，圍繞功能革新、性能優化、規格細化三大方向，全面升級產品能力。通過新增18項功能與12項優化項，顯著提升事件管理效率、智能化支持水平及平台擴展性，致力於打造行業領先的IT應急解決方案，助力客户實現風險高效應對與業務連續性保障。 二、新增功能亮點事件全生命週期管理 事

it , 數字韌性 , 前端

carloslab 頭像

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

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

react , 全棧 , vite , 前端 , Javascript