收藏 / 列表

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 - React Native mac環境下解決iOS 9以上系統對HTTP請求的限制

問題 新搭建的一個項目，在使用fetch進行網絡請求的時候遇到一個報錯： TypeError: Network request failed. 嘗試直接在瀏覽器打開url訪問可以正常拿到返回值。（url是http協議） 原因 這個API請求是http的協議請求，在iOS9以上系統，已經把http協議的請求限制了。 iOS9引入了新特性App Transport Security

react-native , ios9

wupeng_5a4de5c290b9d 頭像

PatWu16 - DragControls拖拽插件優化：從指定平面到任意平面

現狀：Threejs官方demo提供了DragControls.js平面拖拽控件，但只能拖拽Object在垂直於相機法線的平面上移動 目標場景：在六面體空間盒子中沿着六面體平面拖拽物體，並且需要限制在盒子內部 已知：空間盒子大小，對象所在的平面 方案設計： 將Object拖拽依賴的信息放在userData中，示例如下 基於拖拽控件，改造部分關鍵代碼，實現目標 // 模型對

three.js , 前端 , Javascript

skychx 頭像

鹵代烴 - ⚡️ [性能優化] 瀏覽器跨域帶來的一些性能問題

前言 字節 Web Infra 團隊最近開啓新一輪招聘了，如果你對 Web Framework/Runtime/Performance，或對編譯構建/Rust/AI 感興趣，可以來看看我們的崗位（具體崗位信息可以看這個招聘鏈接 👉 字節跳動 Web Infra - Web Solutions 團隊招人啦！） 簡歷可以發到我的郵箱 skychx@hotmail.com，我可以幫你內推崗位並跟

性能優化 , 跨域 , 前端

qifengliao_5e7f5b20ee3bd 頭像

起風了 - (移動端適配px轉rem)react配置rem插件lib-flexible和postcss-px2rem-exclude

1、安裝插件 yarn add lib-flexible postcss-px2rem-exclude //這個插件也要下，不然的話啓動項目的時候會報錯 yarn add react-app-rewire-postcss 2、修改config-overrides.js（如果沒有就新建，在項目根目錄） 在config-overrides.js文件裏重寫postcss，加入如下代碼 這文件將a

react , px2rem , rem , html5

limingcan562 頭像

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

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

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

yangyaya 頭像

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

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

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

huobaodejianpan 頭像

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

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

JAVA , curl , 程序員 , 後端

webinfoq 頭像

破曉L - 現代 JavaScript 框架工作原理你瞭解多少？

讓我們通過構建一個現代 JavaScript 框架來了解其工作原理。 我的日常工作是開發 JavaScript 框架 (LWC)。雖然我已經在這個框架上工作了近三年，但我仍然覺得自己是個門外漢。當我閲讀大型框架領域的最新動態時，我常常會被自己不知道的事情壓得喘不過氣來。 不過，瞭解某些東西如何工作的最好方法之一就是自己動手創建。另外，我們還得讓那些 “days since last JavaScr

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

huashenjianlingshouhuni 頭像

zhanle_huang - highchart滾動條使用--highcharts/highstock

highchart滾動條使用--highcharts/highstock 使用目的 1. 需要固定圖例和y軸，但是x軸需要滾動的情況 引入 1. 不能像普通表格一樣引入highcharts，只需要引入highcharts/highstock 2. 使用import HighStock from 'highcharts/highstock' 替換 import HighStock from 'hig

vue.js , highcharts , 前端 , Javascript

hai2007 頭像

你好2007 - vue 如何實現表單校驗

安裝並使用 首先，在你的vue項目中進行安裝： npm install --save vue-input-check 接着根據不同的vue版本註冊： vue2.js import Vue from 'vue'; Vue.use(inputCheck); vue3.js+ import { createApp } from 'vue'; let app = createApp(App); app

vue.js , validate , form , submit , Javascript

hellotech 頭像

哈囉技術 - 基於定位的出發地異常問題治理

前言 哈囉作為一家出行互聯網公司，定位這種基礎能力是深度融入在各業務的核心鏈路中的，筆者所在的地圖團隊經常會收到定位相關的badcase，但苦於定位的複雜與較難回收出價值，一直沒有針對性去解決此類問題，那在各大互聯網廠商都在做下沉市場注重用户體驗的今天，我們重新撿起了這個話題。 問題梳理 無位置 由於APP啓動時未獲取到位置，會給用户提示並阻塞發單，用户需要使用POI搜索或拖動地圖的方式選擇出發地

地圖 , 前端

kagol 頭像

Kagol - 🥳重磅更新！Fluent Editor 開源富文本支持 LaTeX 可編輯公式啦~

你好，我是 Kagol，個人公眾號：前端開源星球。 Fluent Editor 是一個基於 Quill 2.0 的富文本編輯器，在 Quill 基礎上擴展了豐富的模塊和格式，框架無關、功能強大、開箱即用。 源碼：https://github.com/opentiny/fluent-editor/（歡迎 Star ⭐） 官網：https://opentiny.github.io/fluent-

富文本編輯器 , 開源 , 前端

changlina 頭像

長林啊 - 深入學習 React：組件、狀態與事件處理的完整指南

大家好，我是長林啊！一個 Go、Rust 愛好者，同時也是一名全棧開發者；致力於終生學習和技術分享。 本文首發於微信公眾號《全棧修煉之旅》，歡迎大家點贊、關注和分享！ 在上一篇文章《走進 React：打造交互式用户界面的第一步》中，我們已經對 React 以及其環境搭建有了初步的瞭解；React是一個極其強大的JavaScript庫，專為構建用户界面而生。我們將從 React的基石——JSX 語法

框架學習 , react , 全棧 , Javascript

codechen8848 頭像

codechen8848 - GitHub 星標太多管不過來？這款 AI 工具幫你一鍵整理、智能搜索！

大家好，我是 Java陳序員。 之前，給大家介紹過一個開源的 Github Stars 存儲庫管理器，用於解決 GitHub 星標庫太多不好管理的問題。 開發者必備！Github Stars 存儲庫管理器！ 今天，再給大家介紹一款 Github 星標庫管理工具，與 AI 結合，實現更加強大的分類搜索功能！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機

react , 前端

aipaobudefanqie 頭像

愛跑步的番茄 - 如何進行 API 提取：從原理到實踐的完整指南

在數據驅動的時代，API（應用程序接口）已經成為信息交互的核心通道。無論是進行數據採集、自動化分析，還是搭建業務系統，API提取（API Extraction） 都是開發者必備的技能之一。 本文將深入介紹 API 提取的原理、方法、工具選擇，以及如何藉助代理服務突破訪問限制，實現更高效的數據獲取。 一、什麼是 API 提取？ API 提取是指通過調用公開或私有接口，從目標網站或服務中自動獲取

go , 前端 , Python

dianliangxiaocheng_19854189632 頭像

點量實時雲渲染 - UE4/UE5像素流送雲推流|程序不穩定、弱網畫面糊怎麼辦？

看到不少反饋説像素流送技術在實際的應用中，存在一些問題，比如程序崩潰、畫面模糊等。本文將探討這些問題，並介紹點量雲流軟件提供了哪些有效的解決方案。 常見的像素流送技術問題 畫面質量問題： 當快速操作UE模型或初次啓動像素流送功能時，特別是在外部網絡條件不佳的環境下，用户經常遇到畫面模糊不清的問題。這不僅損害了視覺體驗，也影響了內容展示的專業效果。 多人訪問導致的性能下降： 一旦訪問用

渲染 , 算法 , 負載均衡

ning_643b67be37ac3 頭像

麒寧 - 一篇文章入門-微信小程序地圖開發

前言 最近接了個跟微信小程序地圖有關的開發任務，第一次在小程序上開發地圖，既興奮又忐忑。還好，雖然小程序地圖的 API 功能有些少，但是基本的需求都能覆蓋到。 在這裏，對微信小程序地圖開發的基本功能進行總結歸納。官方文檔對地圖屬性、方法的歸納比較到位，但缺乏示例代碼，第一次搞還是有點迷糊的。網上的文章又寫得七零八落，沒見到有人專門總結歸納。 本人使用 React + Taro 開發的微信小程序，因

地圖開發 , 小程序 , typescript , 前端 , Javascript

tanking 頭像

TANKING - Vue3.3.4+Vite使用組合式API開發一個簡單的博客+打包上線

摘要 本次案例是使用Vue3.3.4的組合式API實現一個簡單的博客開發流程和組件使用示例代碼，比較簡單，主要是通俗易懂，瞭解組合式API的使用。 創建項目 Windows cmd創建一個Vue3.2項目（使用cnpm國內鏡像高速構建） 開發 組件 views/Index.vue 首頁組件 components/blogList.vue 博客列表 components/SingleB

vue.js , vite , vue3 , 博客 , Javascript

jackysummer 頭像

JackySummer - 完全搞懂 BFC

什麼是 BFC BFC 全稱是 Block Formatting Context，即塊格式化上下文。 除了 BFC，還有： IFC（行級格式化上下文）- inline 內聯 GFC（網格佈局格式化上下文）- display: grid FFC（自適應格式化上下文）- display: flex或display: inline-flex 注意：同一個元素不能同時存在於兩個 BFC 中 它是

bfc , Css

powerful_simon 頭像

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

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

vue.js , 虛擬dom , virtual-dom , 前端 , Javascript