作者：丁美清

在前端的道路上艰难前行的小白~~ 若分享内容有误，望大家多多指点

Vue项目中如何实现用户登录及token验证？

丁美清随心笔记

思路： 1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面 4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面 5、每次调后端接口，都要在请求头中加[…]

继续阅读 …

vue-meta-info动态设置meta标签

丁美清随心笔记

网站的访问流量中，有相当一部分都是来自于搜索引擎，而来自于搜索引擎的流量又全部是免费的，所以网站的SEO(Search Engine Optimization 搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的！ title如下图： keywords和description如下图： 1，安装vue-meta-info 2、 在main.js文件中引入[…]

继续阅读 …

wordpress 数据库详解

丁美清随心笔记

来源：百度搜索 wp_commentmeta：存储评论的元数据wp_comments：存储评论wp_links：存储友情链接（Blogroll）wp_options：存储WordPress系统选项和插件、主题配置wp_postmeta：存储文章（包括页面、上传文件、修订）的元数据wp_posts：存储文章（包括页面、上传文件、修订）wp_terms：存储每个目录、标签wp_termrelation[…]

继续阅读 …

Windows 10某个网络端口被占用怎么办？

丁美清生活百科

使用某个程序时会遇到XX端口被占用，程序无法使用的情况。下面为大家介绍如何解决这个问题 ： 1、打开CMD命令窗口： netstat -ano ： 或者： netstat -aon|findstr “8080” （查找8080端口） 2、记住PID，然后打开任务管理器： 3、在列表中找到“PID”为之前我们找到的PID号的进程，右键点击“结束进程”按钮。将该进程关闭，对应的[…]

继续阅读 …

SublimeText 3 如何汉化？

丁美清随心笔记

现在绝大部分的编辑器都是支持中文的，就算没有。找找说不定也能找到汉化包。好了，话不多说，进入主题吧，sublime text3汉化： 1、找到顶部菜单 preference 下的package control ： 2、 点击package control ，弹出搜索install 输入 install package。接着，等待系统自动搜索完成，弹出安装对话框 搜索 ChineseLocaliza[…]

继续阅读 …

windows10系统电脑点击睡眠没反应怎么办？

丁美清生活百科

win10系统 笔记本电脑过程中，突然碰到了无法睡眠的情况，不管是盖上屏幕还是在系统中选择睡眠，电脑都无法进行睡眠，根本没有任何反应，该怎么办呢？ 我一般就是win+L键直接锁屏。但是电脑还是不会睡眠！！没办法只能百度解决，在此记录一下： 一般正常操作： 1、按下Windows+X，依次点击 控制面板-电源选项-选择电源计划-平衡/节能/高性能-更改计划设置-更改高级电源设置-睡眠-允许混合睡眠-[…]

继续阅读 …

Vscode 如何使用内置浏览器?

丁美清随心笔记

大多的编辑器都有内置浏览器，可以一边编辑代码，一边查看效果。这样特别方便。 本篇内容教给大家如何下载安装使用VS code内置浏览器 ： 1、安装 Preview on Web Server 点击如图所示的插件商店， 搜索“Preview on Web Server” 并安装 2、使用 在代码点击鼠标“右键”，选择最下面一项。就可以看到内置浏览器的效果了

继续阅读 …

Vue项目中使用浏览器同步测试工具 browersync

丁美清随心笔记

问题： 在写Vue项目的时候，我们有时候需要在不同的设备中进行的调试。这时候就会很烦——比如要进行一个跳转首页的操作，我们需要在电脑上和手机上分别操作一次。 解决： 利用browser-sync插件 。就可以实现在电脑上进行点击跳转首页的操作，手机上也可以自动进行相同的操作。这样我们在一个设备中进行调试，其他设备就能自动同步调试操作。 使用： 1、安装browser-sync 2、配置根目录下的p[…]

继续阅读 …

巩固——React中如何使用判断？

丁美清随心笔记

if/else逻辑很难用HTML标签来表达。直接在JSX中加入if语句会渲染出无效的JavaScript： 上面的写法是错误的 按照自己使用场景，挑选合适的方法： 使用三目运算符 使用函数 使用逻辑运算符 1、三目运算符 上面的表达式中，如果需要加标签可以写成这样： 2、使用函数 将逻辑信息全部封装到函数中，在需要的时候调用： 或者： 3、使用逻辑与(&&)运算符 解释： 因为在 […]

继续阅读 …