- 博客(68)
- 收藏
- 关注
RSS订阅原创 Vue对meta优化
1、安装插件vue-metanpm install vue-meta --save//or 2个方法选1个cnpm install vue-meta --save2、在main.js配置import Meta from 'vue-meta';Vue.use(Meta);3、在对应的页面配置meta<script>export default { metaInfo: { title: '我是 index 页面的title', meta: [
2022-04-12 15:31:30
787
原创 vue使用预渲染prerender-spa-plugin
前言：vue单页面对seo不友好，所以我打算通过预渲染来解决下seo问题。目前我知道有2种方法,（1）SSR渲染（服务器）（2）prerender-spa-plugin插件预渲染（部分路由）（好像不能全部路由）在这里我使用的是第二个方法1、安装插件prerender-spa-pluginnpm install prerender-spa-plugin --save// or 2个中选1个方法安装npm install prerender-spa-plugin --save
2022-04-12 15:30:28
2447
4
原创 GitHub仓库当图床,免费使用cdn加速
1、在github创建一个公开库2、上传你想要放的图片3、根据你的github仓库地址改为正确的CDN地址https://cdn.jsdelivr.net/gh/{你的github用户名}/{仓库名称}/{具体路径}引用如下比如你的github用户名是test,仓库名是demo，目录是img，img文件夹里面有1.png那么你的cdn加速图片路径就是https://cdn.jsdelivr.net/gh/test/demo/img/1.png放到img标签里面..
2022-04-12 15:28:08
2715
3
原创 Vue2引入BootstrapVue
Bootstrap官网:Bootstrap中文网 (bootcss.com)BootstrapVue官网:BootstrapVue-基于VueJS的Bootstrap框架 · 全球最流行的 HTML、CSS 和 JS 工具库。 (z01.com)1、安装(vuecli3安装BootstrapVue)npm install bootstrap-vue2、引入(1)在main.js里面添加下面代码import BootstrapVue from 'bootstrap-vue'i..
2022-04-12 15:25:53
3449
2
原创 fastadmin调用发送邮件验证码接口
1.配置文件 'mail_type' => '1', //smtp可以是qq邮箱或者网易云邮箱 'mail_smtp_host' => 'smtp.163.com', 'mail_smtp_port' => '465', 'mail_smtp_user' => '用户名', //邮箱授权码 'mail_smtp_pass' => '', 'mail_verify_type' => '2', 'mail_from' => '你的
2022-03-27 17:58:45
2440
原创 vue图片防止被拖拽
使用vue自带的事件在img标签上添加 @dragstart.prevent<img @dragstart.prevent src="·······"/>就能禁止图片被拖拽
2022-03-24 21:10:41
3441
转载 网页禁止缩放
原文链接：https://blog.csdn.net/qq_37896578/article/details/109327813<script> document.addEventListener('keydown', function (event) { if ((event.ctrlKey === true || event.metaKey === true) && (event.which === 61 || even...
2022-03-24 20:34:56
220
原创 网页中怎么屏蔽鼠标右键和部分按键功能
使用HTML里的<body>标签来作修改，它只有以下短短的一行代码：<body oncontextmenu=self.event.returnValue=false>这里，定义了oncontextmenu。使得右键的值为false，起到了屏蔽右键的效果。接下来要讲的，就是屏蔽左键（当然不是屏蔽所以功能，不然网页就没用了）的选定功能。老样子使用<body>标签来修改<body onselectstart="return false">
2022-03-24 19:09:00
1732
1
原创 Vue 项目 切换手机端和pc端。同一个项目，配置不同的路由
1， 首先判断设备：在main.js里面写// vue原型挂载 - 是否PC端if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { Vue.prototype.$pc = false //hostConfig.vconsole && new VConsole()} else { Vue.prototype.$pc = true let winWidth = d
2022-03-17 12:31:14
2732
原创 Fastadmin 海外服务器离线安装插件失败解决方案
Fastadmin 是一款Thinkphp 5.0二开的简洁好用PHP后端开发脚手架套件。问题说明：使用Fastadmin 作为服务端开发程序，需要用到系统自带的插件，由于使用的是海外服务器，Fastadmin官方QA写了，海外服务器无法在线安装插件，测试发现离线安装也失败，提示“未知的数据格式”。解决办法：在目录 /vendor/karsonzhang/fastadmin-addons/src/addons/Service.php 中搜索Service::valid($params)
2022-03-17 12:29:46
1538
原创 Fastadmin,配置SMTP邮件,踩坑笔记
phpmailerphp做发送邮件,有个叫phpmailer的插件..而fastadmin正是用的这一插件.首先是准备工作,你要把你的qq邮箱设置一下开启SMTP邮件,qq邮箱的设置位置在:账户/账户 这一选项下这里如果你手机绑定了qq安全中心的,下面是一个什么链接,需要你填写你的手机QQ安全中心app的即时验证码…然后接着你就可以在这里生成一个授权码…接着填写下去,完事儿了.SMTP用户名：是你发给别人，别人看你的时候的名称SMTP密码：是 邮件密码权发件人邮箱：是
2022-03-17 12:28:22
3117
原创 Valine评论出现403、api问题，解决方法
情况1：正常情况是没有到 leancloud 里面设置Web安全域名1、到后台，点击 设置》安全中心》 在里面找到Web安全域名添加你的博客网址,就可以解决情况2：1、到后台，点击 数据存储》结构化数据》 点击你的评论Class查看他的权限，修改相对应的权限就可以解决（1）游客发布评论，会插入数据库，所以只是考虑create、add_fields字段为所有用户（2）游客查看所有评论，所以考虑find字段为所有用户（3）游客不能修改别人的评论，所以考虑delete、
2022-03-17 12:23:13
5241
原创 Vue使用ajax(axios)请求后台数据
前言：页面上那些数据，绝大部分都不是静态的数据，而是通过调用后台接口把数据渲染到页面上的效果。ajax可以帮助我们更好的去实现这一点，下面是详解在vue中如何使用它。vue本身它是不支持直接发送ajax请求的，需要用到axios（一个基于promise的HTTP库，可以用在浏览器和node.js中）这是Axios文档的介绍，详细可查看：使用说明 · Axios 中文说明 · 看云 Axios安装前台部分1、npm安装npm i axios -S //......
2022-03-17 12:19:59
15424
原创 Vue项目打包的dist打包成apk的问题
使用HBuilder X(版本:)进行打包1、新建项目2、按下图点3、把我们vue项目打包好的dist（里面的文件放进去，覆盖下图4、记得去unpackage里面设置好，基本上全是默认，并选择好apk图标5、然后左上角第7个的 点击 (发行) 》 原生APP云打包（注意：dist文件大于40M要加钱，小于40M免费打包）（1）选择android包（2）公共测试证书（3）然后右下角安心打包6、然后=他打包完会出现一个apk7、用安卓手...
2022-03-17 11:59:32
1807
原创 Hexo搭建博客
1. 安装 Hexonpminstall-ghexo#通过npm安装hexo#-g指定全局安装，可以使用hexo命令2. 初始化 Hexohexo init blog # 初始化创建，会再桌面创建blog文件夹cd blog # 进入blog目录npm install # 进一步安装hexo所需文件初始化后，文件夹的目录如下：.├── .deploy #需要部署的文件├── node_modules #Hexo插件├── p...
2021-12-26 17:40:23
312
原创 Fastadmin后台关联表的细节
1、假如现有一个admin表,表内容如下admin表id name hobby_id 1 豪先生 2 还有一个hobby表,hobby表id hobby 1 打篮球，打乒乓 （在线命令行在插件里面进行安装）2、先把2个表用在线命令行导进去，（注意：要先引入表才关联，之前因为没有先引入表就关联，就报错了）3、进行2操作之后再进行关联查询4、相对应的操作可以去fastadmin开发文档查看操作5、或者参考一下其他人的操作过程
2021-12-09 12:05:39
842
原创 关于Fastadmin后台表格内容的修改
1、想修改fastadmin表格的内容,在public\assets\js\backend里面有对应表格的内容下面是表格里需要修改的内容注意：field是数据库字段,title是fastadmin表格显示的字段
2021-12-09 12:05:32
2419
原创 关于Vue2cli使用Vant、element-ui插件需要关注的事项
Vue2cli不能直接使用Vant组件的样式，我们可以通过安装111来解决，过程如下1、安装babel-plugin-importcnpm install babel-plugin-import --save2、在 .babelrc文件中增加以下代码 [“import”,{“libraryName”:”vant”,”style”:true}].babelrc文件全部代码如下:{ "presets": [ ["env", { "modules": false,.
2021-12-08 14:10:13
533
原创 Vue2创建项目过程
1、vue2cli创建项目命令vue init webpack test //test是项目名称2、选择如下图配置(看个人情况选择，博主的选择供参考)3、这样就安装完成了
2021-12-08 14:06:53
327
原创 Wordress博客添加音乐播放器插件
1、之前是使用Aplayer播放器来播放音乐，好看是好看但是要自己动手解决Pjax问题(就是页面跳转会使音乐重新播放)2、接下来我介绍我发现的另一个音乐播放器Floating Window Music Player他不用去百度下载，可以直接在Wordress的插件中下载而且里面自带Ajax解决方法(就是页面跳转不会使音乐重新播放)插件后台效果图如下:3、前台页面效果图4、我在这里使用的是网易云音乐，把你喜欢的歌单网址放到插件后台的获取代码及分类前面的输入框 中 ...
2021-12-08 13:26:53
664
原创 网易云音乐播放器
1、去百度搜索网易云官网:网易云音乐 (163.com)2、登录用户3、找一个自己喜欢的听的歌单4、然后点击喜欢的歌单进去5、再点击生成外链播放器6、跳到新的页面，还出现网易云音乐插件里面有可以自己选的iframe代码选个自己喜欢的使用，放到网页就好了...
2021-12-08 13:22:24
733
原创 Wordress博客网站查看文章时显示进度条
可以在Wordress的插件里面下载Post Reading Progress插件安装完之后，可以在后台的： 设置->读取进度条->中设置如下图我们就可以设置进度条相对应的功能
2021-12-08 13:19:08
225
原创 Vue2、Vue3cli怎么打包
Vue在打包上意外的简单，只需要你在文件命令行内输入npm run build就可以打包了，打包完之后会出现一个dist文件，这个文件就是我们打包的网页了,就可以到服务器上配置网页即可
2021-12-08 13:07:09
333
原创 网站怎么使用wordress搭建自己的博客
1、下载Wordress去官网下载Wordress安装包官网下载网址：下载 – WordPress中文网 (wpchina.org)2、放到宝塔上面（我这里使用的是宝塔，参考下我）在你的网站域名文件，打开放进你刚才下载的Wordress文件，然后把你下载完的Wordress文件放到网站根目录,然后再打开你的网站，就可以按步骤开始安装Wordress了...
2021-12-08 13:01:15
280
原创 博客网站怎么简单快速添加看板娘
简单的加人3行代码即可我是放在Wordress主题的sidebar.php(之前是放在footer.php)里面<!--看板娘--><script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awes
2021-12-08 12:55:31
743
原创 如何使用Aplayer播放器
Aplayer一、部署1、Aplayer官网体验网址：https://aplayer.js.org/Aplayer的GitHub网址：https://github.com/MoePlayer/APlayer中文文档手册网址：首页 – APlayer使用方法很简单，加载Aplayer的js和css，在想要展先的位置调用即可。Aplayer支持很多模式，上图展示的效果为吸底模式，就是在网页的页面最左下角展示。本文以吸底模式为例进行说明，如果想采用其它模式，可以根据文档手册修改代码。...
2021-12-08 12:42:22
20804
4
原创 Wordress博客网站使用Aplayer播放器与Pjax解决网页跳转时音乐重新播放
在Wordress的主题里面的header.php里面放入我给的3行代码即可如果不知道header.php在哪里，可以参考我的路径：wp-content/themes/dashscroll/header.phpwp-content/themes/ Wordress的网页主题dashscroll/ 主题 博主当前使用的主题header.php头部文件在header.php里面中的body前面添加下面代码注意:jquery.js要在jquery.pjax.js前面.
2021-12-08 12:30:34
827
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人