收藏 / 列表

HZFEStudio - 移動端自適應的常見手段

完整高頻題庫倉庫地址:https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址:https://febook.hzfe.org/ 相關問題 介紹 meta 的 viewport 值 rem 和 vw 的值是根據什麼計算的 1px 顯示問題 如何適配劉海屏 回答關鍵點 viewport 相對單位 媒體查詢 響應式圖片 移動端開發的主要痛點是

移動端 , 前端工程化 , 面試 , 移動端適配 , 前端

麒寧 - 3分鐘搞定:獲取 URL 查詢參數值

3分鐘搞定:獲取 URL 查詢參數值 在前端開發工作中,利用 URL 進行參數傳遞是一項十分常見的方法。在頁面跳轉時,通過 URL 攜帶某些信息,如狀態、id、區分頁面來源的字段值等。因此,學習瞭解如何獲取 URL 查詢參數值是很重要的。 js 代碼手擼 利用 JavaScript 代碼手擼一個函數,對 URL 查詢參數進行解析。這是方式靈活度高,可以進行更多個性化的操作。 const getSe

前端 , Javascript , url

不語 - kibana.bat 啓動閃退問題的解決

kibana.bat 啓動閃退問題的解決 elasticsearch啓動成功的情況下 kibana.bat啓動閃退,鼠標右擊以管理員的方式啓動,就能成功啓動

es7 , 大數據 , JAVA , 程序員 , 前端

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

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

yarn , go , 後端 , 前端 , Javascript

LaughingZhu - DevNow:支持集成 Tina CMS

前言 想了很久是否要集成一個類似 CMS 的管理平台來管理這些文章的內容,終於在這周開始落地了。簡單説一下我為什麼有這個想法的:由於 DevNow 的定位📌是一個開源的博客項目,所以我在努力的跳出我自己的想法,避免因為一些自己想要的一些功能來讓 DevNow 看起來更加的臃腫。集成 Headless CMS 的主要目的是優化現在的工作流,由於我們是基於 Astro 來構建的一個博客項目,所以我們

astro , blog , Markdown

尹光耀 - underscore源碼剖析之整體架構

underscore源碼分析之整體架構 最近打算好好看看underscore源碼,一個是因為自己確實水平不夠,另一個是underscore源碼比較簡單,比較易讀。 本系列打算對underscore1.8.3中關鍵函數源碼進行分析,希望做到最詳細的源碼分析。 今天是underscore源碼剖析系列第一篇,主要對underscore整體架構和基礎函數進行分析。 基礎模塊 首先,我們先來簡

underscore , 前端 , Javascript

雲綺棠兮 - 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

哈囉技術 - 街貓自研多媒體能力介紹

背景 哈囉街貓移動團隊在支撐業務發展過程中,已有的多媒體基礎能力存在一些問題/瓶頸: 貓屋直播 - 三方直播sdk,在MTK芯片的機型上存在兼容問題(hevc硬解報錯),導致直播流無法播放,用户無法使用app的核心功能 音視頻流合成、濾鏡 - 需要能夠靈活的支持用户去觸發對貓屋直播流的截取、合成、添加濾鏡等,使用系統多媒體Api,在可擴展性,流處理效率,兼容性,以及濾鏡的支持上,都存在問題

移動端 , 前端

長林啊 - 掌握 React Hooks:現代 React 開發的必備技能

大家好,我是長林啊!一個愛好 JavaScript、Go、Rust 的全棧開發者;致力於終身學習和技術分享。 本文首發在我的微信公眾號【長林啊】,歡迎大家關注、分享、點贊! Hooks 是 React 官方團隊在 React 16.8 版本中正式引入的概念。通俗的講,Hooks 只是一些函數,Hooks 可以用於在函數組件中引入狀態管理和生命週期方法;如果希望讓 React 函數組件擁有狀態管理和

react , hooks , typescript , 前端 , Web

海豚V靚仔 - HTML 註釋

關於HTML註釋標籤和條件註釋的説明非常清晰。 HTML 註釋標籤 HTML中的註釋標籤用於在代碼中添加説明或註釋,這些註釋對瀏覽器是不可見的,因此不會影響頁面的顯示。註釋標籤的語法非常簡單,以!--開始,以--結束。註釋可以用於解釋代碼段的功能、標記需要修改或待完成的部分,或者放置版權信息、作者信息等。 示例 !-- 這是一個註釋,它不會在頁面上顯示 -- p這是一個段落。/p !-- 提醒:

前端 , html5

Aresn - View UI Plus 發佈 1.1.0 版本,支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

vue.js , iview , Css , 前端 , html5

zxl20070701 - H5輸入區域光標控制

什麼是光標? 頁面上輸入區域(比如input和textarea)中閃爍的光標其實是一個選區,也就是選區的左邊界和右邊界直接形成的選區。 非IE瀏覽器 輸入框結點input=document.getElementById('#input')有兩個屬性: selectionStart、selectionEnd,分別代表選區開始位置,選區結束位置。 通過修改這兩個值就可以形成選區,寬度為0也就實現了光標

input , textarea , 光標 , HTML , 前端

TANKING - Python實現微信電腦版微信支付收款監聽及支付回調通知

摘要 為什麼要監聽收款?那是因為現在還有人在使用微信的收款碼、商業碼、讚賞碼實現免籤支付,這類實現方法的最終方案還是監聽收款結果。 技術原理 通過Python實時解析微信電腦版控件的文本內容來獲取信息。不需要Hook和抓包,也不是走任何的協議,就是非常簡單的界面信息獲取和解析。 如何使用 登錄電腦版微信; 找到微信支付公眾號; 雙擊,讓微信支付公眾號單獨顯示,如下圖; WxPayPcNo

支付接口 , 微信開發 , 微信支付 , 監聽 , Python

若川 - Taro 源碼揭秘:8. Taro 是如何使用 webpack 打包構建小程序的?

1. 前言 大家好,我是若川,歡迎關注我的公眾號:若川視野。從 2021 年 8 月起,我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動,感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外,想學源碼,極力推薦關注我寫的專欄《學習源碼整體架構系列》,目前是掘金關注人數(6k+人)第一的專欄,寫有幾十篇源碼文章。 截至目前(2024-11-07),目前最新是 4.0.7,

react , 小程序 , webpack , 前端 , Javascript

limingcan - 不幸中帶點萬幸的2022,該何去何從的2023

本文參與了 SegmentFault 思否年度徵文「一名技術人的 2022」,歡迎正在閲讀的你也加入。 前言 手指在鍵盤上滴答滴答敲着,臉龐感受着窗外清風輕輕的拍打,身體正接受着陽光的沐浴。在手指按下鍵盤的瞬間,我扭了扭脖子,伸了伸懶腰,看向電腦右上角的日期,距離2022年結束,還有23天。 不幸中又帶點幸運的2022 在疫情的衝擊下,大環境都很低迷,對於大部分人來説,這是不幸的。在這片低迷的氛圍

2022-年度總結 , 職業規劃 , 前端

Kagol - 重回鐵王座!時隔5年!Quill 2.0 終於發佈啦🎉

你好,我是 Kagol。 2024年4月17日,Quill 2.0 正式發佈🎉 最後一個 1.0 版本 1.3.7 發佈於 2019年9月9日,時隔4年零7個月。 富文本編輯器擁有非常豐富的使用場景,我在做 OpenTiny 開源運營過程中,也經常有用户問:OpenTiny 有富文本嗎? 於是在2023年6月,我們開始規劃富文本組件,做技術選型時,考慮了 Quill、Tiptap、Editor.

富文本編輯器 , quill , 前端

codechen8848 - 輕量又安全!一款開源自託管的個人記賬工具!

大家好,我是 Java陳序員。 你是否會有這樣的困擾:手裏存款越來越多,反而成了甜蜜的負擔? 看着銀行卡里不斷上漲的數字,卻總説不清每筆錢的來龍去脈;想給資金做個分類管理,卻被各種理財 APP 的複雜界面勸退;更擔心把財務數據存在第三方平台,哪天就成了“透明人”~ 今天,給大家介紹一款開源自託管的個人記賬工具,輕量又安全! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超

go , 後端

愛跑步的番茄 - 什麼是住宅代理(Residential Proxy)?詳解原理、優勢與應用場景

在數字經濟與跨境互聯網時代,網絡訪問安全與數據合規成為企業關注的核心。而“住宅代理”(Residential Proxy)作為一種高匿名、高穩定的網絡中轉方式,正成為營銷、數據採集與賬號管理領域不可或缺的技術基礎。 本文將深入解析住宅代理的概念、工作原理、與數據中心代理的區別,以及它在實際業務中的典型應用場景。 一、住宅代理的定義 住宅代理(Residential Proxy) 是指通過真實

typescript , 前端 , Javascript

點量實時雲渲染 - 輕鬆暢遊VR世界,無需高配置|點量實時雲渲染技術

傳統VR眼鏡在使用中存在一些顯著不足,而實時渲染技術又是如何解決的?接下來與大家共同探討遇到的問題以及實時渲染在VR眼鏡中的實際應用。 1、高配置要求 目前主流VR一體機的眼鏡需要較高配置才能運行普通VR內容,且受限於VR眼鏡的算力限制,無法運行大型的VR內容。 2、空間和時間限制 部分非VR一體機的設備,算力來自於PC設備,則需要使用線纜連接,用户的活動範圍和自由度受限,這對於教學和

渲染 , 虛擬現實 , 3d , vr

小帆聊前端 - CSS BFC 深度解讀:從原理到實戰,解決 90% 佈局難題

CSS BFC 深度解讀:從原理到實戰,解決 90% 佈局難題 前言:被 “玄學佈局” 折磨的日常 “為什麼兩個相鄰 div 的 margin 疊成一個了?” “浮動元素怎麼把父容器‘撐破’了?” “文字怎麼總繞着浮動圖片跑,我想讓它老老實實換行!” “子元素用了絕對定位,怎麼就超出父容器範圍了?” 如果你在前端開發中遇到過這些問題,説明你還沒真正掌握 BFC—— 這個 CSS 中 “看不見卻很重

css3 , Css , 前端

王大冶 - [Next.js14] NextAuth v5 (3) - Google 登錄

React Hook 深入淺出 CSS技巧與案例詳解 vue2與vue3技巧合集 VueUse源碼解讀 Google Cloud 設置 訪問 https://console.cloud.google.com/apis 如果你是第一次使用Google Cloud,請確保同意服務條款。 按照以下步驟繼續: 根據你的喜好編輯項目名稱,然後點擊"CREATE" 你將被重定向到這個界

ecmascript-6 , 前端 , Javascript

銀之夏雪 - 從底層到實踐:深度解析 Vue Composition API 與 React Hooks 的異同

一、設計哲學與底層原理差異 1.1 響應式系統的基因差異 Vue3 的 Composition API 建立在 Proxy-based 響應式系統之上,通過劫持對象的 getter/setter 實現依賴收集。當訪問響應式對象時,Vue 會自動建立組件與數據的依賴關係。 // Vue 響應式原理簡版實現 function reactive(obj) { return new Proxy(obj

react , vue.js , react-hooks , vue3 , 前端

得物技術 - 輕量級的灰度&配置平台|得物技術

一、前言 隨着近幾年得物的業務和技術的快速發展,我們不管是在面向C端場景還是B端供應鏈;業務版本的迭代更新,技術架構的不斷升級;不管是業務穩定性還是架構穩定性,業務灰度的能力對我們來説都是一項重要的技術保障,越來越受到我們業務研發的關注。然而,傳統的灰度發佈服務往往過於定製化,缺乏靈活性和通用性,無法滿足不斷變化的業務需求,往往灰度的場景可能通過代碼硬編碼或者簡單的配置中心配置。在這樣的背景下,本

配置 , 架構 , 灰度發佈