收藏 / 列表

lingleidejiandao 頭像

另類的剪刀 - 抖音 獨立 IP 解決方案：獨享靜態住宅 IP + 環境隔離 + 粘性會話

面向矩陣與品牌運營的全球覆蓋、低延遲與可觀測性基線方案 [1] 核心優勢 8000 萬+ 真實住宅 IP 資源池，覆蓋全球 200+ 國家/地區，支持城市級精準定位 [1] 獨享靜態住宅 IP，一賬號一環境，長時會話穩定不中斷 [1] 低延遲與高可用性：p95 延遲 150ms、成功率 99%、SLA 可用性 99.9% [2] 粘性會話與連接保持，支持 24 小時以上

教程 , 知識

aipaobudefanqie 頭像

愛跑步的番茄 - 711Proxy 與 Decodo 代理對比：哪個更適合你？

在選擇代理服務時，很多企業和個人都會猶豫：到底選擇哪家代理更適合自己的業務？本文將從 IP資源、速度穩定性、使用體驗、價格和適用場景 五個方面，對 711Proxy 和 Decodo 代理進行全面對比，讓你一眼就能判斷哪家服務更值得信賴。 全球 IP 資源與覆蓋 711Proxy 擁有龐大的住宅 IP 池，覆蓋 195+ 國家和地區。無論是跨境電商、多賬號運營，還是廣告投放和數據採集，711Pro

前端 , Javascript

yuhuashi_584a46acea21f 頭像

雨花石 - 前端瀏覽器緩存

一、瀏覽器緩存簡介 1、瀏覽器通過緩存服務器返回的資源（針對靜態資源和get請求），減少傳輸壓力，提高訪問速度。 2、那麼緩存的目標應該是：資源可以被緩存 + 保證不使用過期的資源 + 服務器資源部分更新的時候不能導致新舊文件內容不一致。所以可以結合實際情況，設置適當的緩存策略。 3、瀏覽器無緩存的過程： 瀏覽器請求 --- 無緩存 --- 請求WEB服務器 --- 請求響應 -

HTTP , HTTPS , 安全 , 前端

yangy5hqv 頭像

夢想雲圖網頁CAD - （WEB在線編輯DWG）在線CAD中實現測量圓、測量面積的方法

一、前言 本章將介紹如何利用mxcad插件實現在CAD圖紙中測量圓和測量面積的功能，用户點擊目標圓對象將自動標記出這個圓的半徑、面積值和周長值，同時可以自定義選擇標註文字的位置，測量圓功能能夠快速掌握目標圓對象的數據信息，方便統計工程量。 測量面積功能（多邊形、矩形）以多邊形的每一個頂點來確定多邊形的形狀和位置，通過點擊矩形的量角點來確定矩形的大小和位置，也可以自定義標註文字的位置。 二、測

ecmascript-6 , typescript , HTML , html5 , Javascript

jrue 頭像

前端小菜 - js獲取對象的屬性個數

let math = { subject: '數學', children: [ { id: 1, title: '數一' }, { id: 2, title: '數二' }, { id: 3, title: '數三' }, { id: 0, title: '待定' } ] } // 取對象的屬性個數 Ob

ecmascript-6 , es5 , Javascript

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - 完整版移動端滑動事件封裝

touchEvent 基於Jquery擴展在移動端產生的事件，包含，單次觸摸事件，兩次觸摸事件，長按事件，滑屏事件，向上滑動事件，向下滑動事件，向左滑動事件，向右滑動事件 預覽 地址預覽 https://hangjob.github.io/touchEvent/index.html 事件類型 單次觸摸事件 $(el).tap tap: function(element, fn) {

移動端web , jquery , 前端 , html5 , Javascript

thjjames 頭像

小皇帝James - 編寫markdown-it的插件和規則

前言 最近看vuePress源碼時發現在使用markdownLoader之餘使用了大量的 markdown-it 插件，除了社區插件（如高亮代碼、錨點、emoji識別等），同時也自行編寫了很多自定義插件（如內外鏈區分渲染等）。 文章結合源碼和自己之前寫過的插件來詳細解讀如何編寫一個 markdown-it 插件規則。 簡介 markdown-it 是一個輔助解析markdown的庫，可以完成

plugin , vuepress , 前端 , Javascript , Markdown

wupeng_5a4de5c290b9d 頭像

PatWu16 - PWA離線應用實踐

上篇文章整理了PWA離線應用的技術脈絡和注意事項，本篇文章將記錄使用Vue + Workbox + localforage 實現離線應用的實踐過程。 一、Vue工程改造 Vue CLI 提供了一個官方的 PWA 插件，可以快速為 Vue 項目添加 PWA 支持。運行以下命令安裝插件： // 在vue工程目錄下執行如下命令 vue add pwa 安裝完成後，插件會自動生成以下文件： src/

pwa , HTML , 前端 , Javascript

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

qinglong_62898aa51988d 頭像

清隆 - 細説Vue2的響應式原理

什麼是響應式 在 Vue 開發中，我們修改了數據，所有用到這份數據的視圖都會更新。 響應式概括來説就是數據驅動視圖的自動更新 舉個例子，本文也將以下面這段代碼來講解與實現響應式 HTML div id="app" {{ obj.message }} /div JS let data = { obj: { message: 'Hello Vue!', }, } new Vue(

vue2 , vue.js , 響應式 , 前端 , Javascript

jackysummer 頭像

JackySummer - 【解讀 ahooks 源碼系列】DOM篇（一）

前言 本文是 ahooks 源碼系列的第二篇，下面鏈接是第一篇 DOM 篇的前置講解： 【解讀 ahooks 源碼系列】（開篇）如何獲取和監聽 DOM 元素 後續的文章將會直入主題，每篇文章解讀四至六個 Hooks 源碼實現。 useEventListener 優雅的使用 addEventListener。 官方文檔 用法 import React, { useState, useRe

react , hooks , 前端 , Javascript

u_17443142 頭像

51搜不到你 - Pro版磁盤清理工具SmartDefrag

分享一款磁盤清理器，該工具無需安裝，打開即可使用。核心功能包含常規磁盤整理、啓動時碎片整理。注意：工具只針對機械盤有用、固態盤沒有用，固態盤使用可能會造成損傷。 操作流程很簡單：在進行磁盤整理前，先勾選需要整理的盤符，之後點擊 “智能磁盤整理” 按鈕，即可自動完成整理操作。 管快速清理碎片，優化碎片，大文件整理碎片。

盤符 , 固態盤 , 系統文件 , 前端開發 , Javascript

nanian_5cd6881d3cc98 頭像

那年 - vue3 點擊下載文件，不打開預覽，已解決

需求背景：vue3項目點擊下載按鈕，下載文件，使用頁面添加a標籤方式會導致不是下載而是打開文件（圖片/pdf） 使用了直接動態添加a標籤的方法，還是會打開預覽 const url = 'http://192.168.60.59:8888/fayuan/head/4b33a2a1-3911-4586-9878-50373a1fb852.jpg' const a = d

vue.js , 下載 , 前端 , Javascript

kirill-myshkin 頭像

Kirill Myshkin - Primitive Objects In JavaScript: When To Use Them (Part 2)

Writing programs in JavaScript is approachable at the beginning. The language is forgiving, and you get accustomed to its affordances. With time and experience working on complex projects, you start

Techniques , Tools , Javascript

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 面試必問：Java 垃圾回收機制

摘要：垃圾回收機制是守護線程的最佳示例，因為它始終在後台運行。 本文分享自華為雲社區《一文帶你瞭解Java 中的垃圾回收機制》，作者：海擁。 介紹 • 在 C/C++ 中，程序員負責對象的創建和銷燬。通常程序員會忽略無用對象的銷燬。由於這種疏忽，在某些時候，為了創建新對象，可能沒有足夠的內存可用，整個程序將異常終止，導致OutOfMemoryErrors。 • 但是在 Java 中，程

jvm , 垃圾回收機制 , 垃圾回收 , JAVA , 對象

heath_learning 頭像

heath_learning - CSS BFC特性(塊級格式化上下文)

1、元素的BFC特性 BFC全稱為”Block Formartting Context”，中文為”塊級格式化上下文”。它是頁面中的一塊獨立的渲染環境，並且有一套渲染規則， 它決定了其子元素將如何定位，以及它和其他兄弟元素的關係和相互作用。 BFC佈局規則： 1）bfc內部的元素會在垂直方向，一個接一個地放置 2）盒子垂直方向的距離有margin決定，屬於同一個bfc的兩個相鄰元素的margi

css技巧 , bfc , Css , HTML

bianchengsanmei 頭像

編程三昧 - WebSocket 對象簡介

WebSockets 是一種先進的技術。它可以在用户的瀏覽器和服務器之間打開交互式通信會話。使用此API，您可以向服務器發送消息並接收事件驅動的響應，而無需通過輪詢服務器的方式以獲得響應。 何為 WebSocket 對象？ WebSocket 對象是 WebSockets 的接口之一，用於連接WebSocket服務器的主要接口，之後可以在這個連接上發送 和接受數據。 WebSocket 對

websocket , 技能表 , 前端優化 , 前端

harryfyodor 頭像

harryfyodor - Backbone 源碼解讀（一）

1. 開場 1.1 MVC？ MVC是一種GUI軟件的一種架構模式。它的目的是將軟件的數據層（Model）和視圖（view）分開。Model連接數據庫，實現數據的交互。用户不能直接和數據打交道，而是需要通過操作視圖，然後通過controller對事件作出響應，最後才得以改變數據。最後數據改變，通過觀察者模式更新view。（所以在這裏需要用到設計模式中的觀察者模式） 1.2 Smalltalk-80

backbone.js , Javascript

atila-fassina 頭像

Atila Fassina - How To Benchmark And Improve Web Vitals With Real User Metrics

This article has been kindly supported by our dear friends at Raygun who help developers identify issues before their customers are impacted, providing the standard of experience that users expec

performance , Core Web Vitals , User Experience

lihaixing 頭像

lihaixing - 二進制運算

一、JS進制 // 二進制(Binary system) // 以0b或0B開頭 var x = 0b10000000000000000000000000000000; // 2147483648 var y = 0B00000000011111111111111111111111; // 8388607 // 二進制轉換 // 正數：就是正數的原碼 // 負數：負號+正數的原碼 // 不是數

react , vue.js , 二進制 , 前端 , Javascript

wanzuqiudeshangba 頭像

玩足球的傷疤 - Yarn 如何優化依賴安裝的速度？

引言 在前端開發中，包管理器是必不可少的工具，用於管理項目的依賴包。Yarn 是由 Facebook 推出的一個包管理器，作為 npm 的替代方案，它在性能、可靠性和安全性方面提供了顯著提升。一個常見的問題是：Yarn 如何優化依賴安裝的速度？ 本文將專注於這個問題，深入分析 Yarn 的核心機制和優化策略。 傳統 npm 安裝的瓶頸 在理解 Yarn 的優化之前，先來看一下傳統 npm 安裝依

yarn , go , 後端 , 前端 , Javascript

yangyaya 頭像

陽呀呀 - “寒冬”三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等）

前言 跳槽是每個人的職業生涯中都要經歷的過程，不論你是搜索到的這篇文章還是無意中瀏覽到的這篇文章，希望你沒有白白浪費停留在這裏的時間，能給你接下來或者以後的筆試面試帶來一些幫助。 2019也許是互聯網未來10年中最好的一年。WINTER IS COMING。但是如果你不真正的自己去嘗試嘗試，你永遠不知道市面上的行情如何。這次找工作下來，我自身感覺市場並沒有那麼可怕，也拿到了幾個大廠的offer。在

面試 , 筆試 , 筆試題 , 前端

user_p5fejtxs 頭像

林一一 - 面試 | 你不得不懂的 JS this 指向

推薦閲讀地址 掘金 前言：大家好，我是林一一，這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點，this 難嗎？好像挺簡單的。看完下面這一篇文章，還不會的話，你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話，函數體中的 this 就指向前面的對象，沒有就指向 window，嚴格模式下指向 undefined。這句話特

面試 , this的用法 , 前端 , Javascript

wuyagege 頭像

雲綺棠兮 - element-UI組件工具中button的原生代碼

實現的效果圖 實現代碼 !-- * @Author: [you name] * @Date: 2021-10-13 14:27:18 * @LastEditors: [you name] * @LastEditTime: 2021-10-14 16:21:38 * @Description: -- !DOCTYPE html html lang="en" head met

component , element-ui