原创 CSS Modules 詳解及 React 中實踐

CSS 是前端領域中進化最慢的一塊。由於 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛發展,CSS 被遠遠甩在了後面,逐漸成爲大型項目工程化的痛點。也變成了前端走向徹底模塊化前必須解決的難題。 CSS 模

原创 小程序button邊框去除

之前寫button都是要邊框的,偶然發現有個button不需要邊框但是怎麼也去不掉這個邊框 border: 0; outline: 0; 幾乎有關邊框的屬性都試了還是沒用,最後發現這個坑爹的傢伙居然是寫在after僞類裏面的... 淚崩

原创 emmet寫法

1.寫一個遞增的img路徑 img[src=image/com/$$.png]*10 效果

原创 js數組剪切刪除拼接替換方法彙總

1.concat concat()方法可以基於當前數組中的所有項創建一個新的數組,具體來說,這個方法會先創建愛你當前數組的一個副本,然後將接受到的參數添加到副本的末尾,最後返回新構建的數組。在沒有給concat()傳遞參數的情況下,它只複

原创 js向一個數組中插入元素的幾個方法-性能比較

向一個數組中插入元素是平時很常見的一件事情。你可以使用push在數組尾部插入元素,可以用unshift在數組頭部插入元素,也可以用splice在數組中間插入元素。 但是這些已知的方法,並不意味着沒有更加高效的方法。讓我們接着往下看…… 向

原创 如何取消對微信小程序的授權

小程序發佈體驗版本之後經常要驗證授權登錄流程,這就需要經常清理用戶授權 清理教程見百度經驗: https://jingyan.baidu.com/article/4f34706e1f6454e386b56d56.html

原创 小程序真機調試顯示已結束請重新開始解決方法

可能是晚上更新了下微信開發者工具的原因,下班回家打開微信真機調試就一直這樣,真是差點罵娘 重啓開發者工具,重新下載最新版本開發者工具,甚至重啓電腦都試了。 然並卵! 最後真的絕望了,下了箇舊版本的開發者工具,居然就好了…… 歷史版本下載

原创 微信小程序真機調試錯誤:setStorageSync:fail Error: Failed To Send Sync

今天真是被這個坑搞得腦虧疼,本來想再storage裏緩存下openId和token,但是不管用自己封裝的方法還是微信原生的wx.setStorage方法報錯: setStorageSync:fail Error: Failed To S

原创 js 判斷一個 object 對象是否爲空

js 判斷一個 object 對象是否爲空 轉載原文 判斷一個對象是否爲空對象,本文給出三種判斷方法: 1.最常見的思路,for...in... 遍歷屬性,爲真則爲“非空數組”;否則爲“空數組” for (var i in obj) {

原创 微信小程序怎麼動態獲取view的高度以及獲取view到頁面頂部的距離

首先給你的xml對象一個id: <view class="usermotto" style="height:213px;" id='mjltest'/> 然後在js裏,用一個SelectorQuery來選擇對應id的節點(注意id前面要

原创 小程序的input組件在綁定bindinput事件後輸入中文問題觸發過於頻繁

在input組件綁定bindinput事件後,蘋果自帶的輸入法,用戶輸入中文的拼音時,每一個字母都觸發了事件,而不是等中文字打出來後觸發。比如:我在搜索框中想搜索“美食”,在字打完後自動觸發搜索,不需要點擊按鈕。但是在我輸入“meishi

原创 微信小程序獲取cookie以及設置cookie

小程序開發中我們需要獲取到後端給的cookie進行請求驗證,但是微信並沒有幫我們保存cookie,那麼我們要維持會話需要自己來保存cookie,並且請求的時候加上cookie 1.獲取cookie 在登錄請求後讀取 返回值的, heade

原创 簡單說 通過CSS實現 文字漸變色 的兩種方式

  說明 這次的重點就在於兩個屬性, background 屬性 mask 屬性  這兩個屬性分別是兩種實現方式的關鍵。 解釋 方式一 效果圖 代碼 <!DOCTYPE html> <html> <head> <meta c

原创 小程序自定義組件與頁面間的數據傳遞問題

小程序官方文檔有時候真坑啊,找了半天最後發現原來是這樣 組件內: 調用組件的頁面:   調用組件頁面json文件裏需要註冊組件: 最最最關鍵的是在組件的js文件裏需要生命傳遞數據的類型,不聲明的話數據就傳不過去(在這裏被坑了好久,官

原创 關於小程序 scroll-view 左右橫向滑動沒有效果(無法滑動)問題

近日在小程序的開發用scroll-view滑動組件時,發現了個坑,目前官方文檔有缺陷。  1.scroll-view 中的需要滑動的元素不可以用 float 浮動; 2.scroll-view 中的包裹需要滑動的元素的大盒子用 displ