@前端 / 博客 RSS 訂閱

Jun 13 2021

編程三昧 - CSS 選擇器總結

CSS 是用於網頁設計可用的最強大的工具之一。使用它我們可以在幾分鐘內改變一個網站的界面，而不用改變頁面的標籤。 好一段時間不用 CSS ，有一些基礎知識的記憶有點模糊了，今天再做一次總結記錄，方便日後回顧複習。 選擇器分類 在 CSS 中，選擇器可分為以下幾類： 基本選擇器（通配選擇器、元素選擇器、類選擇器、ID 選擇器、羣組選擇器） 層次選擇器 屬性選擇器 偽類選擇器 偽元素

css3 , css選擇器 , 樣式 , 前端 , html5

收藏 評論

Feb 24 2023

DiracKeeko - [React] [Vue] 從vue切換到react 組件的封裝和使用

在組件封裝上，兩個框架差的不遠。 在Vue中封裝組件，用插槽的方式子組件中寫好具名插槽的位置和樣式，在父組件中通過插槽名傳入html和js邏輯 部分。 在react中封裝組件，區別於Vue的地方在於，Vue中有插槽這個語法，而react中沒有。在react中的html和js邏輯部分的傳遞都需要藉由屬性組件的屬性(Props)來完成。 (在Vue中插槽傳值，在react中屬性傳值) 此外，Vue中組

react , vue.js , 組件通信 , 組件封裝 , 前端

收藏 評論

Aug 03 2021

Shenfq - React 中 setState 是一個宏任務還是微任務？

最近有個朋友面試，面試官問了個奇葩的問題，也就是我寫在標題上的這個問題。 能問出這個問題，面試官應該對 React 不是很瞭解，也是可能是看到面試者簡歷裏面有寫過自己熟悉 React，面試官想通過這個問題來判斷面試者是不是真的熟悉 React 🤣。 面試官的問法是否正確？ 面試官的問題是，setState 是一個宏任務還是微任務，那麼在他的認知裏，setState 肯定是一個異步操作。為了判斷

react , promise , settimeout , 前端 , Javascript

收藏 評論

Nov 03 2020

PatWu16 - Webview中h5上傳圖片踩坑記錄

前段時間開發端內h5項目，用到了h5上傳圖片，現記錄下遇到的坑。 端內h5上傳圖片問題歸納： 1、Webview中使用原生h5 input file上傳圖片時android只能單選、ios只能多選；android上還存在的一個問題為：點擊上傳按鈕進入圖片選擇頁後，如果取消選擇，返回項目，則無法再次上傳，會波及到整個webview，其他h5頁面也無法上傳，只有關閉此webview重新進入才可以

upload , file , 前端 , Javascript

收藏 評論

Dec 18 2020

Light - 如何生成一個react 項目

環境要求：有安裝node和npm，沒有安裝的話，可以參考以下鏈接 https://segmentfault.com/a/1190000038536950 接下來，生成一個react 項目： 全局安裝create-react-app npm install create-react-app -g 選擇項目目錄，運行以下命令, projectname 是項目的名字

create-react-app , 前端

收藏 評論

Dec 15 2025

mob64ca140ee96c - 2022最新Web前端經典面試試題及答案-史上最全前端面試題(含答案)

1、同步異步 異步和單線程 JS是單線程語⾔，只能同時做⼀件事。 瀏覽器和node.js已⽀持JS啓動進程，如Web Worker。 JS和DOM渲染共用同⼀個線程,因為JS可修改DOM結構。 異步是因為單線程而來的。 那麼遇到等待(網絡請求，定時任務)不能卡住，所以需要異步，異步是基於回調callback函數形

調用棧 , Vue , webgis , Css , 前端開發 , gis , HTML , 前端

收藏 評論

Jun 10 2020

moveStar - mpvue小程序集成友盟統計

mpvue小程序集成友盟統計 一、登錄友盟後台管理系統，新建應用 二、去接入SDK 安裝sdk npm install umtrack-wx --save 在main.js(app.js)文件內添加如下代碼 import uma from 'umtrack-wx' // **引入文件一定要放在此文件的最前面** uma.init({ appKey: '

vue.js , 友盟sdk , mpvue , npm , 前端

收藏 評論

Dec 31 2025