原创 2020前端面試(精華題)

    前言: 公司如何招到合乎老闆心意的前端開發工程師。個人又是如何能夠找到心動的企業呢?會解決問題能夠培養你獨立解決的能力,能提出獨樹一幟的問題能給人耳目一新的感覺。 正文: 今天我們團隊的夥伴面試了一個自稱是五年開發經驗的人員,但滿

原创 小程序中picker時間選擇器+格式爲(2020-05-07 10:10:59)

前言: 在小程序中,往往查詢歷史或者需要時間查詢的情景下,都需要用到picker組件,PC端的這種組件非常多,但是小程序中相對較少,不支持多選(除非自己封裝),那麼單選我們不得不考慮picker。 正文: 效果圖:     picke

原创 最新JS正則匹配大全(工具類:不斷更新)

一、回顧知識: . 點字符匹配除回車(\r)、換行(\n)、行分隔符(\u2028)和分段符(\u2029)之外的所有字符      注:碼點大於0xFFFF的Unicode字符不能被匹配,因爲會被認爲是兩個字符。 \w 匹配字母或數

原创 Unexpected token c in JSON at position 0 報錯信息及解決

問題產生:mpvue編譯過程報錯 Unexpected token c in JSON at position 0,且是websocket返回實時數據時。 問題產生原因:js中json  解析失敗 解決:添加判斷字符串是否是json格式

原创 免費可用的API接口(不定時更新)

新實時段子https://api.apiopen.top/getJoke?page=1&count=2&type=video 通過Id查段子https://api.apiopen.top/getSingleJoke?sid=2865478

原创 vant-Weapp實現省市區三級聯動頂部彈出列表

準備:利用vant weapp做的頂部彈出的省市區三級聯動對話框 1.下載區域:arrea.js,放到utils備用 // 三級聯動省市區 export default { province_list: { 110000:

原创 mpvue中怎麼等同於微信小程序中的data-key={{value}}

話不多說,微信小程序中: <view wx:for="{{navTabs}}" wx:key="index" class="tab-item {{currentTab == index ? 'active' : ''}}" data-

原创 mpvue快速上手

1. 初始化一個 mpvue 項目 現代前端開發框架和環境都是需要 Node.js 的,如果沒有的話,請先下載 nodejs 並安裝。 然後打開命令行工具: # 1. 先檢查下 Node.js 是否安裝成功 $ node -v v8.9

原创 結合mqtt的websocket的連接過程

Websocket是一種用於H5瀏覽器的實時通訊協議,可以做到數據的實時推送,可適用於廣泛的工作環境,例如客服系統、物聯網數據傳輸系統,該測試工具可用於websocket開發初期的測試工作。 //訂閱 subScribe() {

原创 用mpvue重構微信小程序

從今天開始,重構微信小程序的代碼。 後續再更新,請勿點贊評論!

原创 徹底弄懂小程序e.target與e.currentTarget

一、小程序中關於事件對象  e  的屬性中有兩個特別重要的屬性:target與currentTarget屬性:對於這兩個屬性,官方文檔上的解釋是:      target:事件源組件對象      currentTarget:當前組件對象

原创 小程序中遇到的BUG(遇到就會新增)

1.app.json不能解析問題 出現原因:我在封裝組件的時候,在component目錄中新建了page文件,然後編譯報錯,app.json直接打不開。 解決辦法:將現在的app.json刪除,並拷貝一份原來的,可以解析。  

原创 微信小程序之data-key = '{{value}}' 進行數據傳輸

形式:<view data-key="{{自定義屬性值}}"></view> 示例:            wxml: <view class="page-slidebar"> <view class="page-conte

原创 小程序中navigateTo的跳轉以及傳遞參數

跳轉: 在原頁面的tabbar中的一個跳轉,通過bindtap綁定事件bindViewTap,並調用wx.navigateTo bindViewTap: function () { wx.navigateTo({

原创 Ajax發送的put請求過程

Ajax中最常見的是get 和post方式,而put方式是很少了。今年我們一起來學習一下原生js中的put請求的完整過程吧。 源碼如下: let queryParams = {}; queryParams = {