原创 create-react-app不運行 eject 配置less

問題的由來 crate-react-app是我們非常常用的初始化項目點的工具,在默認情況下,剛創建的好的項目是沒有暴露出配置的,如果需要暴露則需要運行對應的命令: yarn/npm run eject 但是既然官方不推薦我們來暴

原创 text-decoration設置文本下劃線失效

前言 最近公司的一項業務中涉及到了文本下劃線的問題,本來對於我們來說,下劃線並不是難點,可曾想過,這裏也能踩坑。 下劃線? so easy! text-decoration: underline solid black; 加上這

原创 前端JS錯誤捕獲--sourceMap

前言 在我們的項目開發中,隨着項目的不斷完善,線上bug的捕獲、調試和處理是越來越重要,那如何來解決這個問題呢? 傳統方案 1、增加多個console.log來打印報錯信息 2、彈alert提示用戶 或者是升級一步,捕獲用戶的報錯

原创 egg上傳Excel讀取內容並保存

問題產生背景 我們的後端服務採用的eggjs,用來處理一下輕量級的用戶服務,比如說用戶基本信息的保存、文件等等。 這次有一個上傳Excel 文件保存並讀取內容返回給前端的需求,經過一步步採坑(本人小菜鳥一隻),終於實現了,把這個過

原创 H5橫向滑動菜單

H5橫向滑動菜單 最近處理一個需求,產品需要做一個頂部橫向的菜單欄,類似於今日頭條首頁的菜單欄 先來看看效果: 構思 首先說說我的思路吧 ,通過設置一個橫向的導航欄,滑動到頂部後懸浮,然後滑下來後再繼續隨着頁面滑動。 實現過程

原创 create-react-app運行項目報babel-jest錯誤

問題的產生 最近使用create-react-app創建一個react項目,按照官方安裝好create-react-app後,初始化項目啥的都正常,結果一運行,就報錯了。 There might be a problem with t

原创 微信h5頁面緩存

微信h5頁面緩存問題前言先說說之前開發的問題來看看現在的效果:根本解決辦法 前言 移動端開發中,經常會碰到微信緩存的問題,總體感覺而言,有太大的無可奈何,但是問題總歸是要解決的。 先說說之前開發的問題 由於之前無論是公衆號還是微信分享

原创 CSS選擇器

優先級:行內樣式>ID選擇器>類別選擇器>標籤選擇器 選擇器的權重: CSS中用四位數字表示權重,權重的表達式如:0,0,0,0 標籤選擇器:0001 類選擇器:0010 id選擇器:0100 僞類選擇器:0010 並集選擇

原创 vue中添加mp3音頻文件

有的時候我們需要在vue中添加音頻文件,但是直接將音頻文件放置了assets目錄下的時候,會發現並不能正常播放,下面是兩種常用的配置方法: 方法一、將音頻文件放置在static目錄中,然後進行調用,如下所示 <audio class="s

原创 Vue項目中設置背景圖片

在Vue項目開發中我們經常要向頁面中添加背景圖片,可是當我們在樣式中添加了背景圖片後,編譯打包後,配置到服務器上時,由於路徑解析的問題,圖片並不能夠正確的顯示出來,如下CSS樣式: background:url("../../assets

原创 自定義ViewGroup

通過自定義ViewGroup我們能夠實現很強大的頁面切換效果,下面是我的一點分享 要自定義ViewGroup,就要先繼承ViewGroup,然後實現其onLayout(),onMeasure(),onTouchEvent()方法, 其

原创 基於Ajax的formData圖片和數據上傳

最近做一個項目,關於用戶數據和表單上傳的項目,碰到了不少坑,這裏總結的分享給大家,希望能夠幫助大家。(小白,歡迎大家多交流) 多的就不說了,直接來代碼吧!! 1、上傳組件 說明一下,項目是基於vue框架的 <template>

原创 Weex新建項目報錯weex-vue-render/index.js

Weex新建項目報錯 按照weex官方文檔上的操作,新建一個基於Vue的Weex項目,一切步驟都是正確的,卻發現項目運行起來後頁面不顯示,這個很讓人鬱悶,大概就是這個樣子。 折騰了好久之後才發現,問題出在這裏,f12打開調試工具會發現報

原创 Android自定義屬性

在android開發中,系統提供的組件往往不能夠滿足我們開發的需求,爲了開發出更加友好的軟件,我們就不得不使用自定義組合控件,而自定義屬性是自定義組合控件不可缺少的一部分,下面我就簡單講講在android如何自定義組合控件的屬性: 1、我

原创 CSS佈局

單列布局(1-1-1佈局) 框架: <div id="header"> <div class="content"> </div> </div> <div id="content"> <div class="content"> </div>