配置過程
下載下傳vue
$ npm install vue
TypeError: Cannot read property ‘parseComponent‘ of undefined
npm install --dev @vue/[email protected]
參考連結
Error: Rule can only have one resource source (provided resource and test + include + exclude)
vue不相容webpack5,是以不要下載下傳最新的webpack
删除webpack,重新裝以前的版本。
npm uninstall webpack
npm install webpack@^4.0.0 --save-dev
參考連結
vue ui沒反應
vue ui 沒反應的解決辦法:vue的版本需要3.0以上
vue-cli安裝失敗解決方案
npm ERR! code EEXIST
npm ERR! path C:\Users\小源\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js
npm ERR! dest C:\Users\小源\AppData\Roaming\npm\vue.cmd
npm ERR! EEXIST: file already exists, cmd shim 'C:\Users\小源\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js' -> 'C:\Users\小源\AppData\Roaming\npm\vue.cmd'
npm ERR! File exists: C:\Users\小源\AppData\Roaming\npm\vue.cmd
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\小源\AppData\Roaming\npm-cache\_logs\2021-06-03T02_50_43_129Z-debug.log
1.暴力解決
npm install vue-cli -g --force
2.前往提示的檔案路徑,删除檔案
前端架構資源收集
bootstrap菜鳥教程
bootstrap下載下傳
bootwatch下載下傳
bootwatch模闆一覽
如何使用bootwatch
shards文檔
elementUI文檔
使用jQuery進行前端驗證和錯誤提示
放不了視訊,放幾張圖感受一下
之前一直覺得非常炫酷,沒想自己也做出來,主要用的是jQuery.oninput實時監聽輸入,然後擷取輸入框的值,利用正規表達式判斷,切換css樣式、增加div,樣式用的是bootstrap,模闆在bootswatch裡找的。
相關知識點連結:
W3schoolmatch()方法
jQuery教程
需要優化的地方
比如使用者開始輸入之後警示框和樣式就應該删除了。
使用者多次點選送出,要先把原來的删掉再決定添不添加警示框,或者加一個這樣的邏輯,如果需要警示框,先判斷是否已存在,已存在就不做修改,未存在就加上,如果不需要,同理。不然會出現n條警示資訊就很難看。
使用location.href傳參
送出密碼後,會先驗證舊密碼是否正确,(身份驗證),然後回到修改密碼界面,通過url傳參。擷取參數後将其轉為json格式(我這隻需要一個參數就沒試),以提供不同的提示資訊。
相關知識點連結:
傳遞接收參數
傳參
轉換為json格式
php報錯
ERRO1 session had already been started – ignoring session_start()
session_start();
把這個改成
if (!session_id()) session_start();
判斷是否已有session_id()
參考連結
ERROR2 提示 Undefined variable:
可在php頭部加入
ini_set(“error_reporting”,“E_ALL & ~E_NOTICE”);
參考連結
phpmyadmin
ERROR #2002 Cannot log in to the MySQL server
這個網上有多種方法,我搗鼓了一下,重新開機apache和mysql也不見有好轉,本來想卸掉重來,找不到phpstudylite的解除安裝程式,再打開Mysql的時候就好,順便治好了phpmyadmin加載慢的問題。
找到phpmyadmin/config.sample.inc.php,複制粘貼重命名為config.inc.php,這是使用者定義的配置檔案,
找到變量如下 $cfg['Servers'][$i]['host'] = 'localhost';
修改為如下 $cfg['Servers'][$i]['host'] = '127.0.0.1';
如果$cfg['Servers'][$i]['connect_type'] = 'socket';
可以改為$cfg['Servers'][$i]['connect_type'] = 'tcp';
其他方法可參考這個和這個
另外php連接配接mysql慢的問題,可以通過将mysql_connect連接配接語句時的localhost改為127.0.0.1
使用bootstrap遇到的坑
下拉菜單失效
搜尋下拉菜單失效,百度全是把jQuery放js檔案前面引入,然鵝我試了各種排列組合都沒用
菜鳥教程上教的是bootstrap3,但我從bootswatch上下載下傳的是bootstrap5檔案,bootstrap5已經不用jquery了,下拉菜單需要Poper(雖然還不知道Popper是什麼東東)。
在官網Bootstrap v5下載下傳預編譯檔案之後,在html中引入bootstrap.bundle.js,這裡面已包含Poper。然後就可以愉快地使用下拉菜單了.
bootstrap官方中文文檔,一開始我覺得閱讀官方文檔很麻煩,還會讀着讀着全變英文了,就去網上搜解決方法,搜出來一大堆都是複制粘貼的,還有年代已久現在已經不适用的,是以吸取到了一個教訓就是,以後學任何一門技術,先看官方文檔。