配置过程
下载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官方中文文档,一开始我觉得阅读官方文档很麻烦,还会读着读着全变英文了,就去网上搜解决方法,搜出来一大堆都是复制粘贴的,还有年代已久现在已经不适用的,所以吸取到了一个教训就是,以后学任何一门技术,先看官方文档。