原创 Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not

轉載地址:https://www.cnblogs.com/Jiangchuanwei/p/10238958.html 簡介 在命令行下連接mysql沒有問題。但是,在Node.js+thinkjs環境下連接數據庫出現如題所示的錯誤! 原因:

原创 MAC下安裝MySQL 8.0.16教訓記錄

問題 花了兩天多時間纔算解決問題!原來也在幾個環境下使用過MySQL,而且也熟悉另外幾個關係數據庫,原以爲也就是安裝時間上花費一點。但是,現在總結來看,對於MAC下知識瞭解還是太少,導致走了不少彎路。現記錄於此,有興趣的朋友參考一下。 我使

原创 前端測試工具:JSON-SERVER

原文地址:http://imain.net/index.php/archives/182/非常感謝原文作者的分享! 簡介 前臺要進行數據的模擬,來驗證自己功能的實現,就需要安裝json-server來模擬後端響應數據。 json-serve

原创 用JSON-server模擬REST API

本文原址:https://www.cnblogs.com/ys-wuhan/p/6387791.html 在此,非常感謝原作者的耐心整理! 在開發過程中,前後端不論是否分離,接口多半是滯後於頁面開發的。所以建立一個REST風格的API接口,

原创 CSS3 calc的用法詳解

calc()對大家來說,或許很陌生,不太會相信calc()是css中的部分。因爲看其外表像個函數,既然是函數爲何又出現在CSS中呢?這一點也讓我百思不得其解,今天有一同事告訴我,說CSS3中有一個屬性能實現自適應的佈局,首先讓我想到的是bo

原创 mpvue開發小程序手機書店詳情頁封面預覽問題

問題 當前,我在使用mpvue+vant weapp開發小程序手機書店詳情頁。期間,遇到了圖書封面預覽的問題。開發中,我選擇使用van-card組件展示圖書的基本信息。此組件中可以顯示一個圖書縮略圖。但是,實際應用中,讀者在購買時往往要觀察

原创 Vant Weapp小程序蹲坑之使用card組件顯示價格

問題 在基於mpvue+Vant Weapp組件庫實戰過程中,問題越來越多。網絡上所謂的“坑”總結,僅僅不過是其開發中所遭所遇之“坑”而已——估計後面的“坑”還多着呢!根據本人粗淺分析,這些“坑”與微信官方格式有密切關係。另一方面,只有“不

原创 mpvue小程序開發中配置less支持

問題 開發小程序選定了mpvue框架後,然後是選擇理想的小程序組件庫,我選擇的是Vant Weapp。但是,在Vant Weapp組件畢竟也是有限的,實際問題可能複雜得多。因此,把Vant Weapp組件與小程序原生組件(如swiper等)

原创 Vant Weapp小程序蹲坑之事件名稱問題及解決方案

Vant Weapp 是有贊移動端組件庫 Vant 的小程序版本,兩者基於相同的視覺規範,提供一致的 API 接口,助力開發者快速搭建小程序應用。值得褒獎的是,Vant Weapp 組件庫更新非常迅速,平均每10天左右提交一個小版本的更新,

原创 小程序錯誤TypeError: __webpack_require__

說明 或者說是“驚喜”發現吧。本文的起因在近段時間我繼續使用mpvue-entry開發,其中再次使用F-loat/mpvue-quickstart官方建議的步驟,如下所示: $ npm install -g @vue/cli @vue/cl

原创 錯誤Failed to download repo F-float/mpvue-quickstart

環境 MacOS High Sierra Version 10.13.6 Node v 8.11.1 Npm 6.4.1 問題 今天想把此前的mpvue框架+vant weapp組件庫進一步使用mpvue-entry庫思路進行改造,但是

原创 小程序開發mpvue-entry掘坑記

問題 根據F-loat/mpvue-quickstart官方提示步驟,當進行到如圖所示最後一步的編譯時,出現錯誤了!? 部分錯誤截圖如下: 未完待續...... 引用 https://github.com/F-loat/mpvue-qu

原创 Webpack快速入門(二)

在前文中,已經成功使用Webpack打包並生成了一個目標.js文件。但是,在終端中進行復雜的操作,顯然是不太方便且容易出錯的。接下來,讓我們學習Webpack的另一種更常見的使用方法,即通過配置文件來使用Webpack。這也是webpack

原创 Webpack快速入門(三)

作爲前兩篇的補充,本文想再說明一下npx命令相關的另一種實現。 NPM Scripts 在前面的文章中,我們提到使用如下命令方式: npx webpack ...... 於是,位於“./node_modules/.bin/webpack”便

原创 Webpack快速入門(一)

本文可供Webpack新手與Webpack老手複習之參考。注:本文基於當前最新的webpack V4.29.5;本文示例操作步驟在Mac下實現。 前提 (1)具有一定JavaScript基礎(2)瞭解npm基本使用 什麼是Webpack?