收藏 / 列表

b2proxy 頭像

675173ff-65c2-413a-b556-576966012357 - 住宅代理的價值與未來：真實身份下的網絡自由

在網絡世界裏，身份幾乎等同於權力。一個IP地址，不僅決定了你能訪問什麼內容，也決定了你能否順利完成某項任務。 而在今天這個一切都“被識別”的互聯網時代，住宅代理（Residential Proxy），正成為越來越多企業和開發者的“隱形基礎設施”。 為什麼住宅代理越來越重要？ 過去，我們習慣使用數據中心代理（Datacenter Proxy）去爬取數據、測試網站或訪問受限內容。 它們速度

php , 數據庫 , Android , 前端

feng_fanfan 頭像

Feng_Fanfan - 前端工程師復健筆記-JavaScript 核心深度複習-作用域與詞法環境

作用域與詞法環境 這是一個非常核心的JavaScript概念。我們來詳細地解釋一下全局作用域、函數作用域和塊級作用域的區別。 核心概念：作用域 作用域 就是變量、函數和對象的可訪問性範圍。換句話説，它決定了代碼中不同部分的變量可見性。 1. 全局作用域 定義：在任何函數或代碼塊 {} 之外定義的變量或函數，都擁有全局作用域。 生命週期：從定義開始，直到頁面關閉。 訪問性：在腳本中的任何地

教程 , 知識 , 前端 , Javascript

nihaoanihao 頭像

你好啊你好 - div + transform 實現旋轉圖片並得到期望的佔位盒子

效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os

vue.js , Css , HTML , 前端 , Javascript

chongdongdedaxiongmao_kxfei 頭像

chongdongdedaxiongmao_kxfei - Vue.js：輕量高效的前端框架

Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架，因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發，也可用於構建複雜的單頁面應用（SPA）。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js（簡稱 Vue）由尤雨溪於 2014 年推出，是一個專注於視圖層的 JavaSc

vue.js , ecmascript-6 , typescript , 前端 , Javascript

danjuanfe 頭像

前端蛋卷 - 快來看看 ECMAScript 2024 (ES15) 發佈了什麼新特性

2024 年 6 月 26 日，第 127 屆 Ecma 大會批准了 ECMAScript 2024 語言規範，這意味着它現在正式成為標準。 https://github.com/tc39/ecma262/releases 1. Group By 分組 Map.groupBy() 將可迭代對象分組為一個新的 Map，Map中的 key由回調提供： Map.groupBy([0, -5, 3, -

ecmascript , 前端 , Javascript

liuyuedekele 頭像

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能，經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後，想從技術使用者的角度分享一下真實的體驗和踩過的坑，希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台，需要為用户提供智能客服和代碼助手功能。在選擇方案時，主要考慮了以下幾個因素： 開發效率：不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

lxlu 頭像

肥皂泡 - js 正則實現過濾html字符串，給h1和h2標籤添加id，實現錨點功能

正則要求： 沒有id屬性的h1/2標籤，支持過濾嵌套標籤生成string作為錨點id h[12]: 匹配 h1 或 h2 標籤的開始。 (?![^]*\bid=): 使用負向前瞻，確保標籤中沒有 id 屬性。 [^]*: 匹配 h1 或 h2 標籤中的其他屬性（如果有的話）。 ([\s\S]*?): 捕獲標籤內部的所有字符，包括空格和換行符。 .*? 是非貪婪模式，表示儘可能少地匹配字

正則表達式 , Javascript

johanazhu 頭像

山頭人漢波 - 前端學Ruby：全棧論壇（地宮）項目一

本來想做 buddha（菩薩）論壇的，發現自己參考的項目太難實現，猝 筆者回爐重修了一番，正好發現了 realworld，遂決定將 realworld 項目代替原先的 buddha 項目，還是要量力而行，不要一意孤行（項目規劃太大，浪費太多時間學習） 先介紹一下 realworld 項目 源碼：https://github.com/gothinkster/realworld demo：https:

ruby-on-rails , ruby , 後端

_6085362b65292 頭像

HZFEStudio - ES5、ES6 如何實現繼承

完整高頻題庫倉庫地址：https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 關於 ES5 和 ES6 的繼承問題 原型鏈概念 回答關鍵點 原型鏈繼承 構造函數繼承 ES6 類繼承 繼承是指子類型具備父類型的屬性和行為，使代碼得以複用，做到設計上的分離。JavaScript 中的繼承主要通過原型鏈和

ecmascript-6 , 繼承 , 原型鏈 , 前端 , Javascript

biubiu_5deda9568bbf1 頭像

巴斯光年 - js實現數據單向綁定

如果你在學習一種前端框架，如vue、angular等，那麼你一定不會對數據的單向綁定陌生。 何為數據的單向綁定？ 傳統開發模式下，如使用jQuery開發，我們想將一個變量顯示到html中，首先要定義一個變量name，然後通過jq代碼操作dom將變量放到HTML中，如果name發生修改，還要再次通過jq代碼操作dom將新的變量值放到HTML中。這就是傳統的MVC框架，其中的Model和View是我們

vue.js , 雙向綁定 , 前端 , Javascript

limingcan562 頭像

limingcan - 有了這些方法，webpack你也可以自己配

前言 通過上篇文章——弄懂這幾個概念後，我對webpack有了更新的理解 的講解，我們大致瞭解了： 使用webpack過程中出現的一些概念 結合打包過程中出現的概念，淺析了webpack打包流程，讓大家對打包流程有個大致的理解 我們都知道，我們在實際開發過程中，使用webpack無非就是為了最後輸出瀏覽器能運行的css、img、js、html等前端資源。 那麼，為了更貼近實際，我們這篇文章

構建工具 , webpack5 , challenge , 前端 , Javascript

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - Vue3 組件庫深度解讀：從開發到發佈，打造企業級可複用組件生態

Vue3 組件庫深度解讀：從開發到發佈，打造企業級可複用組件生態 前言：組件庫開發的那些 “血淚坑” “為什麼封裝的組件在不同項目中樣式衝突？” “組件 props 設計混亂，使用者不知道該傳什麼？” “函數式調用組件（如 Message）怎麼實現掛載與銷燬？” “打包後體積臃腫，按需引入失效？” “發佈到 npm 後，別人安裝了卻用不了？” 組件庫是前端工程化的核心產物 —— 它能解決 “重複造

vue.js , 組件庫 , 前端 , Javascript

u_11365839 頭像

尼羲 - 如何使用 Linux ping 命令

什麼是 Ping 命令？ Ping (Packet Internet Groper) 是一個命令行實用程序，用於測試 IP 網絡中兩台主機之間的連通性。它通過發送 Internet Control Message Protocol (ICMP) 來運行。Echo 向目標主機發送請求消息並等待 Echo 回覆。從發送到接收回復所花費的時間是可以測量的，並提供

命令行 , 服務器 , yyds乾貨盤點 , ip , Lync , Internet

user_4jsjtpci 頭像

star - 瀏覽器緩存機制

常用的緩存 Memory Cache Memory Cache 也就是內存中的緩存，主要包含的是當前中頁面中已經抓取到的資源,例如頁面上已經下載的樣式、腳本、圖片等。讀取內存中的數據肯定比磁盤快,內存緩存雖然讀取高效，可是緩存持續性很短，會隨着進程的釋放而釋放。 一旦我們關閉 Tab 頁面，內存中的緩存也就被釋放了。 那麼既然內存緩存這麼高效，我們是不是能讓數據都存放在內存中呢？

瀏覽器緩存

gkymfrg1 頭像

ohoherror - useEffect底層實現原理，useEffect和useLayoutEffect的區別

useEffect鏈表 通過MountEffect方法把callback/依賴項加入到鏈表中 視圖更新完畢，基於UpdateEffect方法通過effect鏈表中的callback按照要求執行 useEffect和useLayoutEffect 組件渲染過程 1.基於react-app編譯,基於babel-preset-react-app把jsx編譯成createElement

react , hook , 前端

o2team 頭像

凹凸實驗室 - 蒲公英 · JELLY技術週刊 Vol 27: 平平無奇 React 17

蒲公英 · JELLY技術週刊 Vol.27 這個熱鬧的十月終於要走到尾聲，React 17 歷經 4 個 RC 版本之後，也於數天前正式發佈了，而同在幾天前發佈的 CRA 4.0 也已經完成了 React 17 的支持。雖然沒有任何新特性，看似“平平無奇”的 React 17 卻依舊令人神搖目奪，作為承前啓後的重要版本，React 17 這樣的版本升級或許會引領開源框架的新潮流。 登高遠眺 天

react , node.js , rust , create-react-app , Javascript

linlinma 頭像

安歌 - 詳解JS的繼承（三）-- 圖解Es6的Extend

前言 距離上一篇js的繼承系列已經過去了四年，時不時還有新的讀者評論和回覆，開心之餘也想着更新一下內容，因為當時的內容裏沒有涉及到es6的 extend 實現，所以現在抽空補上。 當然，如果是0基礎的同學或者對於基本的繼承有些遺忘的同學，可以先回顧一下前兩篇： 詳解js中的繼承（一） 詳解js中的繼承（二） 正文 基礎回顧 預備知識 為了使後面的學習過程更絲滑，在開始之前，一起再回顧一下這個構造

ecmascript-6 , extend , 繼承 , Javascript

jianzhuangdeyaling 頭像

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

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

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

gomi 頭像

Gomi - JavaScript基礎學習——面向對象部分(屬性類型)

前言 JavaScript發明之始，從技術上來講就是一門面向對象的語言，但在ES6之前，JS的很多特性和傳統的面嚮對象語言有所不同，比如沒有類的概念（ES6有了class）。今天結合《JS高編》第六章開始回顧和深入學習面向對象部分,包括對象、原型、原型鏈、繼承等部分。 一、理解對象 談JS的對象之前，先複習一下面向對象的基礎概念和特點吧。 面向對象OOP（Object-oriented pr

面向對象編程 , javascript原型 , oop , Javascript

liuyuxuan6666 頭像

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

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

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

daimaxieshen 頭像

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

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

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

dvqlfbwm 頭像

愛吃雞蛋餅 - 由瀏覽器緩存機制引起的思考

不管三七二十一，先丟一張流程圖，然後看個一分鐘。 有了大致的流程印象之後，我就來補充説明一下大概流程： PS：面試的時候可以按大概流程來説。 當我們進入頁面或刷新頁面時，瀏覽器會加載資源。 此時，瀏覽器會檢查是否有強緩存，即判斷是否有expires或者cache-control（cache-control優先級更高）。 如果有，則查看是否過期，未過期則從緩存讀取資源進行加

瀏覽器 , 瀏覽器緩存 , Javascript

renzhongdaoyuan_59170ca258c53 頭像

零一行者 - 封裝 uniapp 請求庫的最佳實踐

背景 在前端開發中，HTTP 請求是與服務器進行數據交互的核心手段。無論是獲取數據還是提交數據，前端應用幾乎都離不開 HTTP 請求。在 uniapp 中，uni.request 是官方提供的用於發起 HTTP 請求的基礎 API。然而，直接使用 uni.request 存在一些問題和不足，比如： 代碼冗餘：每次發起請求時都需要編寫類似的配置代碼，導致代碼重複。 缺乏統一管理：沒有統一的地方

uniapp , Ajax , 前端 , Javascript

u_15903730 頭像

WangLanguager - T5 (Text-to-Text Transfer Transformer)介紹和代碼示例

T5（Text-to-Text Transfer Transformer）介紹 T5 是由 Google Research 提出的一個統一的文本到文本的轉換模型。T5 的核心思想是將所有的自然語言處理任務都視為文本到文本的轉換問題，這種方法使得模型可以通過相同的架構處理各種任務，如文本分類、翻譯、問答等。 T5 的關鍵特點 統

yyds乾貨盤點 , 加載 , text , 分詞器 , jquery , 前端開發