原创 小程序初涉——倒計時效果
近期做的一個類似頭腦王者小程序項目，其中需要實現一個倒計時圓環的效果，如下圖： 如果是平時的pc或H5的項目，要實現這個效果，可能選擇性還會再多一些，包括使用SVG,transform等來實現。考慮到小程序的一些侷限性，所以選擇用can
2018-09-03 12:03:00
原创 元素的水平及垂直居中實現方法二三
元素的水平及垂直居中實現方法二三 最近面試被問到這個問題，其實平時在開發的時候都會習慣性的用一種方法，能實現就行。 雖然問題很基礎，但是在面試的時候遇到這種問題，估計就是在考你基礎知識掌握的全面性了，因此做一個整理，把能實現的方法都列一
2018-09-03 12:02:59
原创 百度地圖自定義覆蓋物手機端添加點擊事件無效
最近在做百度地圖添加自定義覆蓋物時，遇到一個問題。起先參照api都很順利，但是當我在給自定義的覆蓋物添加點擊事件時，問題來了：無法觸發。 去網上找了一些解決方案，包括註冊點擊事件之類的，都沒有解決。 之後無意發現，當把調試模式切出手機模式
2018-09-03 12:02:59
7
原创 百度地圖初始化中心點偏移問題
最近做的項目涉及到了很多數據可視化的操作，所以用到了大量的ECharts以及百度地圖，記錄一下前兩天剛剛遇到的一個問題。 一個地圖展示頁面，其中包含一個tab切，展現數據的兩種展現形式，（實際情況是tab切頁面中還有子tab切，但這不是
2018-09-03 12:02:59
原创 小程序初涉——頁面滑動以及canvas層級問題
關於canvas的層級問題 在小程序裏，map、canvas、video、textarea等 組件是由客戶端創建的原生組件，它們的層級是最高的，不能通過 z-index 控制層級，因此在實際開發過程中就會遇到很多由此產生的問題。 最近在做
2018-09-03 12:02:59
原创 swiper loop：true引發的問題及解決方法
swiper loop：true引發的問題 最近在準備面試，想到之前面試總是會被問到：遇到過哪些坑，都是怎麼解決的。每每遇到這種問題我都很尷尬，因爲一下子讓你去想踩過的坑還真不太想的起來，一般我只有再次遇到同樣的坑的時候纔會記起，所以決定
2018-09-03 12:02:59
56
原创 ECharts 參數設置參考
使用： 引入ECharts的js文件 封裝方法 let ecExt = {}; ecExt.circleSp = (echarts, obj) => { return ((e,obj)=>{ // 基於準備好的
2018-09-03 12:02:59
1
原创 頁面Tab切點擊切換
一直對於JS、jquery比較生疏，苦於在前端路上一直是孤軍奮鬥，沒人學習交流，全靠自己琢磨。上家公司時抽了一些空餘時間對於js、jquery的基本知識進行了一些系統的自學，並沒有實際去寫一些相關的項目，但自我感覺已經掌握了不少了，在這種
2018-09-03 12:02:59
原创 webpack之watch
webpack在手動配置開發環境時，需要實時在網頁中看到代碼的更改，又不想要每次修改代碼都手動npm run build一下，webpack提供三種解決方案，在此記錄一下。 - 觀察者模式 - webpack-dev-serv
2018-09-03 12:02:59
原创 小程序初涉——入口頁設置&事件綁定
入口頁設置 情景一：小程序初始化頁面 根目錄下的app.json文件中，控制pages數組，設置在第一行的頁面就是默認啓動頁面 例如下面的設置中，home頁就是啓動頁面，想要修改啓動頁，只需要改變排列順序即可。 //app.json {
2018-09-03 12:02:59
3
原创 CSS的過渡效果及動畫效果：transition&animation
最近做了一個全屏分頁滾動效果的頁面，其中運用到一些關於動畫的元素。其實之前對於transition、animation、transform就總是有點混淆，也花過一段時間來研究他們之間具體的區別,但是時隔已久，這次用的時候發現還是有很多屬性
2018-09-03 12:02:58
原创 寫在前面的話
2012年開始接觸網頁製作，2013年11月進入一家網站外包公司實習，做一些靜態頁面的搭建，次年6月又跑去做了三個多月的編導後辭職，一直待業在家。 沉澱了大半年之後，決定重新回到前端這條路上，卻發現自己掌握的技能太少太少，畢竟不是科班出生
2018-09-03 12:02:50
原创 關於css的書寫順序
在書寫css樣式時經常隨性地想到哪寫到哪，這樣不僅不符合書寫規範，而且會影響代碼的閱讀體驗。因此在書寫css樣式屬性時應當遵循以下規範： 1.位置屬性：包括position、top、right、z-index、display、float等
2018-09-03 12:02:48