收藏 / 列表

laughingzhu 頭像

LaughingZhu - DevNow: Search with Lunrjs

前言 假期真快，轉眼國慶假期已經到了最後一天。這次國慶沒有出去玩，在北京看了看房子，原先的房子快要到期了，找了個更加通透一點的房子，採光也很好。 閒暇時間準備優化下 DevNow 的搜索組件，經過上一版 搜索組件優化 - Command ⌘K 的優化，現在的搜索內容只能支持標題，由於有時候標題不能百分百概括文章主題，所以希望支持 摘要 和 文章內容 搜索。 搜索庫的橫向對比 這裏需要對比了 fus

blog , 前端

sihaihande 頭像

漢得數字平台 - 【鯤蒼提效】輕鬆搞定應用產品環境遷移部署

漢得鯤蒼基礎架構管理平台的核心目標是為企業的異構系統提供簡單高效的一站式統一閉環管理能力，包括統一資源（集羣、主機、存儲等）管理、統一應用及部署管理、統一監控管理、統一服務治理，幫助企業實現更快、更好、更全面的異構系統管理。 接下來我們將會提供一系列推文，介紹鯤蒼平台的使用，幫助您快速瞭解本平台，給您更好的使用體驗。 本文為系列推文的第二十六講，將介紹如何通過鯤蒼輕鬆搞定應用產品環境遷移部署。

低代碼 , 環境搭建 , 遷移

yourena_c 頭像

友人A - hightchart的3d餅狀圖圖例顯示問題記錄

3d餅狀圖不顯示圖例，需要在plotOptions.pie.showInLegend設置為true var chart = Highcharts.chart('container', { chart: { type: 'pie', options3d: { enabled: true, alpha: 45,

vue.js , highcharts , 前端 , Javascript

yinguangyao 頭像

尹光耀 - underscore debounce函數分析

underscore debounce函數分析 標籤（空格分隔）： underscore 本文是underscore源碼剖析系列第六篇文章，上節我們介紹了throttle節流函數的實現，這節將會介紹一下節流函數的兄弟 —— debounce防抖動函數。 throttle函數是在高頻率觸發的情況下，為了防止函數的頻繁調用，將其限制在一段時間內只會調用一次。而debounce函數則是在頻繁觸發

underscore , HTML , 前端 , Javascript

xingfudenaozhong 頭像

幸福的鬧鐘 - 普通程序員的“技術債滾雪球”……讓我升職後的一件事就是“降本增效”？

🚧 本文沒有技術乾貨，只有技術人的乾巴人生。建議帶點冰闊落一起服用。 一、從Spring MVC到Spring Cloud，人生第一次“技術債滾雪球” 我工作的第八年了，回頭看自己這一身技藝。 最開始是Spring MVC，配置寫得像祖傳配方，一層包一層。 後來接觸Spring Boot，像打開了人生外掛，啓動速度快到讓我以為自己寫的服務終於不再有Bug了。 再後來，Spring Cloud來了

觀點 , 全棧 , 程序員 , 後端 , 前端

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 為何講這個內容？以為後續大家會使用 redux-toolkit，資產上週做了 redux-toolkit 的升級順便了解了相關內容，產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

jsliang 頭像

jsliang - 前端都在聊什麼 - 第 2 期

Hello 小夥伴們早上、中午、下午、晚上、深夜好，我是愛折騰的 jsliang~ 「前端都在聊什麼」是 jsliang 日常寫文章/做視頻/玩直播過程中，小夥伴們的提問以及我的解疑整理。 視頻同步：https://www.bilibili.com/vide... 本期對應 2023 年的 01.16-01.31 這個時間段。 本期針對「規劃」「工作」「學習」「閒談」這 4 個板塊進行了討論

求職 , 前端工程師 , 前端

linong 頭像

linong - 探索 IP 代理服務的類型及應用場景，以及可視化數據抓取工具簡介

在我們日常工作中有很多場景需要使用代理服務，比如説前端開發環境的 proxy 正向代理，比如説常見的 nginx 反向代理，比如常見的 cdn 等等。但是還有很多場景也可以使用代理服務。 今天我給大家介紹一下不同類型的 IP 代理服務適用於何種場景，最好可以教會大家如何使用 IP 代理服務。 請注意，雖然 IP 代理功能強大，我們應始終秉持合法、合規的原則使用，尊重網絡規則，不濫用技術侵犯他人

node.js , 代理 , 爬蟲 , 前端 , Javascript

htvlz 頭像

海豚V靚仔 - HTML 文本格式化

HTML 提供了豐富的元素來格式化文本和展示內容，這些元素不僅讓網頁內容更加豐富多彩，還提高了內容的可讀性和表達力。下面是對您提到的一些文本格式化標籤和“計算機輸出”標籤的進一步解釋和説明： 文本格式化標籤 b 和 strong：兩者都用於加粗文本，但 strong 在語義上更強調文本的重要性，而 b 僅僅是樣式上的加粗。 i 和 em：i 用於表示斜體文本，但主要是樣式上的變化；em 則用

前端 , html5

aresn 頭像

Aresn - View UI Plus 發佈 1.3.1 版本，增強 TypeScript 使用體驗

View UI Plus 1.3.1 版本已於 2022-06-29 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 提供基於 TypeScript 的工程。view-ui-project-ts Playground 默認模板支持切換組合式 API 和選項式 API。Playground 修復 ImagePreview 操作欄在移動端顯示不完整的問題。#104

vue.js , iview , typescript , 前端

qinyuanqiblog 頭像

qinyuanqiblog - 使用 puppeteer + nodejs 爬取喜歡的動漫資源

起源 最近突然想嘗試剪視頻，所以就想先從動漫開始，二次元搞起來，剪視頻就必須需要原視頻，怎麼找到這些資源呢，知乎一搜一大把 我經常會上六DM 裏面去看動漫,裏面的動漫清晰度也還可以，所以就想怎麼寫個爬蟲直接把喜歡的動漫下載下來，畢竟是幹前端的，手動下載有點丟人把 😄😄😄 最終效果 下載後的文件名不是.mp4 怎麼解決 比如説我下載的這個龍貓就是啥yum格式的，我

puppeteer , node.js , 前端

zxl20070701 頭像

zxl20070701 - 從零開始搭建 Vue3 組件庫開發環境

搭建開發環境 Vite初始化 新建一個空的文件夾，比如叫 Vue3UI ，然後使用命令行在此文件夾下使用npm初始化： npm init 回車後，我們再安裝vite（我們這裏選擇使用Vite進行打包，使用別的也類似）： npm install --save-dev vite 根目錄創建 index.html 文件，裏面內容如下： !DOCTYPE html html lang="zh-cn"

vue.js , vite , component , 前端 , ui

nulidexiaocongmang 頭像

MangoGoing - 探究幾種CSS視差動畫實現方案及原理

滾動視差 介紹 視差滾動（Parallax Scrolling）是指多層背景以不同的速度移動，形成立體的運動效果，帶來非常出色的視覺體驗。 實現原理 方式一： 利用 background-attachment 屬性，我們可以把網頁解刨成：背景層、內容層、懸浮層 background-attachment 的作用是設置背景圖像隨着頁面滾動的時候固定，即使一個元素有滾動機制，背景也不會隨着元素

parallax-animation , css3動畫 , 前端

skychx 頭像

鹵代烴 - ⚡️ [性能優化] 瀏覽器是如何用 HTML Preload Scanner 偷偷優化資源下載的

如果你喜歡我的文章，希望點贊👍 收藏 📁 評論 💬 三連支持一下，謝謝你，這對我真的很重要！ 大家好，我是專注於做性能優化的鹵代烴。 做網頁相關的性能優化時，需要對瀏覽器的底層原理有一定的瞭解，這樣才能更好的讓頁面走在 happy path 上。今天我們就瞭解一個很少被人所知的瀏覽器默認性能優化方案 —— HTML Preload Scanner，看看它是如何優化網絡資源加載速度的。 瀏覽器

性能優化 , chrome , 瀏覽器原理 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - Mac使用Charles成功代理連接手機進行抓包！！！

操作指南 操作環境： 電腦系統：Mac OS 手機系統：iOS 12及以上/Android Charles版本：V4.5.6 第一步：安裝Charles證書到Mac 1、啓動Charles，選擇Help--SSL Proxying→Install Charles Root Certificate 2、此時會啓動“鑰匙串訪問”APP，並找到剛開安裝好的證書，證書名字：Charles

charles , 前端

limingcan562 頭像

limingcan - 帶着這種思想，我快速高效的學會了webpack“開發環境配置”

前言 我們在使用webpack時，經常會看到類似以下結構： build ├── webpack.common.js └── webpack.dev.js └── webpack.prod.js 很多時候，webpack的配置我們基本複製粘貼過來的，沒有想過為什麼我們要把配置文件拆解成這麼多。因此，當我們自己去學習配置webpack時，我們經常會出現以下等問題： 開發環境構建速度慢 打包後頁面

構建工具 , webpack5 , 架構 , webpack , 前端

yangyaya 頭像

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

前言 不論是寒冬還是暖冬，找工作之前都需要做好充足的準備，面試的時候才能做到遊刃有餘。此文是把我最近找工作準備的以及筆試面試中涉及到的手寫題做一個總結。給自己，也給需要的同學。 手寫題是比較好準備的一個環節，大部分公司考察的題也就那麼多，大都不會超出範圍。 本文是手寫題系列的第二篇文章。 往期： "寒冬"三年經驗前端面試總結（含頭條、百度、餓了麼、滴滴等） "寒冬"三年經驗前端面試總結（含

面試 , 筆試 , 前端 , Javascript

huobaodejianpan 頭像

火爆的鍵盤 - Windows 如何使用 cURL 命令？基礎入門

在工作流程中，為了快速驗證 API 接口有效性，團隊成員經常轉向直接執行 cURL 命令的方法。這種做法不僅節省時間，而且促進了團隊效率的提升。對於使用 Windows 系統的用户來説，這裏有一套詳細的操作指南來執行 cURL 命令。 檢查 Windows 系統的 cURL 環境 Windows 系統默認情況下應該已經安裝了 cURL 環境。可以通過快速的步驟來驗證：按下Win + R鍵，輸入cm

JAVA , curl , 程序員 , 後端

webinfoq 頭像

破曉L - HTTP 緩存最佳實踐和 max-age 帶來的陷阱

正確使用緩存可以帶來巨大的性能優勢，節省寬帶，並降低服務器成本，但許多網站並不重視緩存，造成競爭條件，導致相互依賴的資源不同步。 絕大多數最佳實踐緩存屬於以下兩種模式之一： 模式一：不可變（immutable）內容 + 長 max-age 模式二：可變（mutable）內容，始終由服務器驗證 模式一：不可變內容 + 長 max-age Cache-Control：max-age=31536

http緩存 , Css , 瀏覽器緩存 , 前端 , Javascript

huashenjianlingshouhuni 頭像

zhanle_huang - highchart的draggable-points.js依賴實現圖表的動態拖拽操作

highchart的draggable-points.js依賴實現圖表的動態拖拽操作 需求 實現一個曲線圖，能夠通過鼠標去拖拽點，來進行修改圖表 實現 例子基於vue來實現，如果是jq的按照官網的例子即可，配置列表鏈接.，例子 // 引入依賴 import Highcharts from 'highcharts/highcharts.js'; import dragg

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

hai2007 頭像

你好2007 - 從vue-loader開始理解webpack的一些設計思想

寫在前面 為了更好的説明，我們模仿Vue.js開發了一個類似的簡化版本的前端框架Quick Paper(文檔) 來幫助你理解一些細節。因此在開始之前，讓我們先大致瞭解一下此項目的結構，方便後續描述。 温馨提示：我們推薦你在開始之前去Github上把此項目clone下來後，對照着源碼進行學習！ 目錄結構 其實你只需要關注下面四個文件夾： src：框架源碼； loader：類似vue-loade

vue-loader , vue.js , loader , webpack , Javascript

powerful_simon 頭像

小謳 - 手寫一個Virtual DOM及源碼解析

關注前端小謳，閲讀更多原創技術文章 Virtual DOM是當今主流框架普遍採用的提高 web 頁面性能的方案，其原理是： 1.把真實的 DOM 樹轉換成 js 對象（虛擬 DOM） 2.數據更新時生成新的 js 對象（新的虛擬 DOM） 3.二者比對後僅對發生變化的數據進行更新 完整代碼參考 → js 對象模擬 DOM 樹 假設有如下 ht

vue.js , 虛擬dom , virtual-dom , 前端 , 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

hellotech 頭像

哈囉技術 - WebRTC拍攝在車主認證中的實現

相關介紹 車主認證項目背景 車主認證主體是以H5形式存在的，目前投放在多端，包括：哈囉App、車主App、貨運車主App、支付寶小程序、微信小程序、H5外投頁面，存在多端場景調用拍攝能力的需求。 存在問題： 多平台適配 確保拍攝功能在各個平台上有良好的適配，包括哈囉App、車主App、貨運車主App、支付寶小程序、微信小程序和H5外投頁面。 小程序兼容性 對於支付寶小程序

webrtc , 前端