- 博客(65)
- 收藏
- 关注
RSS订阅
原创 Nuxt.js的使用、vue项目不被百度收录怎么办、seo优化问题
我们在上一篇博文中介绍了vue项目不被百度收录的根源和介绍了两种解决方案也具体说了预渲染的使用方法，今天说一下另一种解决方案Nuxt.js的使用。还不了解vue为什么不被百度收录或预渲染怎么使用的童鞋们建议点下面链接了解下vue项目不被百度收录怎么办、seo优化问题/预渲染的具体使用Nuxt.js介绍、Nuxt.js 是什么？：Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染我们的目标是创建一.
2021-01-04 17:26:48
5476
13
原创 微信小程序使用promise封装wx.request()请求
前言：因为前端请求多数是异步请求，在一段代码中a代码还没成功b代码就已经执行完了，在项目中给我们带来了很大的坑，而且写过多的request看着也太乱，代码过多，不利于维护。用到的技术点：wx.request()和Promisepromise：异步编程的解决方案（不太了解的自行百度学习下）在util文件夹中创建.js文件写入一下代码//先定义好公共的路径、header头const baseUrl = 'https://test.ingclass.org';const requestHe.
2020-12-22 14:47:28
1156
1
原创 vue项目不被百度收录怎么办、seo优化问题
前言：最近做了一个官网项目，框架选择的vue，开发完上线之后发现不被百度收录，关键词和描述也只能抓取到首页的，今天来分享下最后是怎么解决的。先说一下传统页面和框架开发的区别传统html是通过a标签跳转来作为切换的，每一个页面都是一个html，这样百度很容易抓取到的，也能顺着a链接到你的子级页面。像vue、react、angular开发的都是spa应用，他只有一个页面index，他们都是内加载，动态加载切换路由的，所以你再多页面百度蜘蛛只能爬到首页，这就是spa的一大痛点想具体了解单页面应用和.
2020-08-10 11:40:25
14668
8
原创 vue使用promise封装axios
前言：在vue项目中我们经常会使用axios去请求后台数据做交互，今天整理了一下怎么使用promise去封装axios，方便我们管理。在根目录下创建utils文件夹在utils里创建两个js文件文件1： index.jsimport Axios from "axios";class Http { //request 方法 request(params) { return new Promise((resolve, reject) => { .
2020-08-07 11:42:01
5365
原创 git 看关联的远程库地址、关联的远程库、删除关联的远程库
要查看一个 Git 仓库关联的远程库地址，可以使用以下命令git remote -v如果只想查看特定远程仓库的 URL，可以使用以下命令：git remote get-url <remote-name>例如，如果远程仓库的名称是 origin，可以使用：git remote get-url origin这会直接输出 origin 远程仓库的 URL。删除现有的远程库并添加新的远程库：你也可以先删除现有的远程库，然后添加新的远程库。以下是步骤：删除现有的远程库：gi
2024-06-04 10:59:28
490
原创 vue数据改变了视图没更新（table没变化）this.$forceUpdate()无效
解决方案：刷新key给要刷新的数据上绑定keyend~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！
2024-05-15 11:16:56
544
原创 vue 元素上同时绑定了keyup.enter和blur事件，会触发两次的解决方案
在vue中自定义组件上同时绑定了keyup和blur事件，用于完成input输入，但blur后触发一次事件，按下enter却触发两次；：按下enter也算是失焦了，所以会先执行keyup.enter，再执行blur，这样就造成了方法执行了两次。
2024-05-11 10:35:15
387
3
原创 uni-app小程序使用vant
步骤二：在根目录下创建“wxcomponents”文件夹步骤三：找到依赖node_modules/@vant/weapp/dist，复制dist文件步骤六：使用end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！
2023-11-02 14:52:21
1007
原创 vue 页面监听vuex state值的变化
A组件（事件操作）：B组件（监听state某值的变化做一些逻辑代码）end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！
2023-10-10 15:53:34
591
原创 cocos creator游戏运行在微信小游戏上
2. 在下载微信开发者工具；3. 在编辑器菜单栏的 设置 -> 外部程序 中设置微信开发者工具路径；
2023-10-09 14:21:51
429
原创 swiper不生效/切换不生效，点击切换按钮activeIndex值不对应问题@令狐张豪
swiper不生效/切换不生效，点击切换按钮activeIndex值不对应问题
2023-07-28 10:54:51
2772
原创 微信小程序自定义头部（无导航背景铺满手机头部）
end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！文章对您有所帮助请给作者点个赞支持下，谢谢~
2023-04-23 09:28:55
423
1
原创 uni-app/微信小程序 分享功能（开启右上角分享）@令狐张豪
onShareAppMessage(e) { if (e.from === 'button') { //console.log('来自页面内转发按钮'); } else if (e.from === 'menu') { //console.log('右上角菜单转发按钮'); } return { // 自定义分享内容 title: '课件使用问题通用解决方案', desc: 'PC课件', pat文章对您有所帮助请给作者点个赞支持下，谢谢~
2022-12-26 14:21:43
1264
原创 前端解决粘贴过来的东西不触发键盘事件@令狐张豪
在做登录的时候输入正确校验时按钮高亮并可以触发事件，我们正常输入的时候没问题，但是直接粘贴过来的时候input监听不到。
2022-09-06 10:04:08
762
原创 解决在小程序/H5上点击输入框键盘弹起后弹框显示不全问题@令狐张豪
要实现的效果图：解决思路：end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！文章对您有所帮助请给作者点个赞支持下，谢谢~......
2022-07-11 17:58:34
1625
原创 解决小程序底部导航在iphone x及以上机型上安全区域的适配问题@令狐张豪
解决思路：判断是Android 还是 iOS，底部导航默认bottom为0，动态去改变bottom。
2022-07-11 15:21:35
854
原创 微信小程序/uni-app生成海报功能@令狐张豪
使用技术栈：uni-app使用官方文档提供的API：createCanvasContext（uni-app） /CanvasContext（原生）html代码：js代码：效果图：end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读
2022-07-07 16:10:11
589
2
原创 微信/支付宝扫码支付流程
最近公司涉及到一个扫码支付的功能点，现在做完了做个总结，主要说前端部分的。不知道如何在web上生成二维码的可以看下→Vue生成二维码下面说下前端部分的开发流程其实不管是微信扫码支付还是支付宝扫码支付，按照官方文档的说法我们首先都得要先进行预下单；在商品结算页面点击购买或者立即支付的时候调预下单接口，传入我们的商品信息，这时后端会返回给我们一个code_url（也就是唤起微信支付的链接）和out_trade_no（商户订单号）；将code_url值生成二维码图片；用户打开微信/支付进.
2022-03-16 15:09:49
2665
原创 vue 生成二维码插件@令狐张豪
安装npmnpm install qrcodejs2 --savecnpm install qrcodejs2 --save //推荐使用淘宝镜像在使用的组件里引入qrcodejs2js文件import QRCode from "qrcodejs2";dom结构<div id="qrcode"></div>js结构 data () { return { platformType: '', //微信or支付宝 .
2022-03-14 16:41:01
3866
原创 vue项目使用公共js方法@令狐张豪
我们在做项目中会用到很多js方法，然后有些方法是通用的我们需要进行封装使用在src下创建utils目录并创建utils.js文件utils.js文件export default { //判断手机机型 versions() { var u = navigator.userAgent; return { trident: u.indexOf('Trident') > -1, presto: u.
2022-03-11 11:46:41
2285
原创 js判断是否在指定日期时间内@令狐张豪
<script> function isDuringDate(){ var curDate = new Date(), beginDate = new Date(beginDateStr), endDate = new Date(endDateStr); if (curDate >= beginDate && curDate <= endDate) { return true
2022-01-27 16:11:18
1024
原创 前端实现点击复制功能，兼容Safari浏览器 @令狐张豪
这里我们使用clipboard来实现介绍：clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件，支持很多主流浏览器，包括Safari//引入方式<script src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.8/clipboard.js"></script>clipboard 得使用 input或者textarea这种带有value属性的标签我们可以把input或.
2021-12-28 15:01:28
1103
原创 H5页面初次加载swiper导航切换按钮可以点击，刷新后就失效不可点击问题@令狐张豪
原因：加载顺序的问题，数据还没有完全加载的时候就已经渲染swiper了解决方案：（在swiper加上这两行代码）observer:true,//修改swiper自己或子元素时，自动初始化swiperobserveParents:true,//修改swiper的父元素时，自动初始化swiper var mySwiper = new Swiper('.swiper', { direction: 'horizontal', // 垂直切换选项 .
2021-12-21 10:53:22
890
1
原创 swiper 导航切换按钮点击出现边框线，元素点击出现边框线@令狐张豪
.swiper-button-prev, .swiper-button-next:focus { outline: none; }end~~~如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！文章对您有所帮助请给作者点个赞支持下，谢谢~...
2021-12-21 10:45:32
916
原创 前端解决表情符号乱码问题（前端处理表情符号编码）@令狐张豪
今天接手了一个项目，里面有个功能点是点赞评论的功能，之前写的代码用户输入表情符号后我们返显出来的是一堆???问号大概原因：UTF-8编码有可能是两个、三个、四个字节。Emoji表情是4个字节，而Mysql的utf8编码最多3个字节，所以数据插不进去，识别不出来就成了一堆???。解决方案：先把用户选择的表情符号用charCodeAt给转成编码，取数据时再解码成16进制的就好了。这里直接封装好的两个js方法，粘贴复制直接调用就行 //编码： emojiEncode(e) { .
2021-09-14 17:11:25
2238
1
原创 传统html中使用vant @令狐张豪
这里说的是传统html哈、传统html，不是vue脚手架，最近接手了一个项目，是前后端不分离的，前端是用html写的vue，没使用脚手架，这时候我们想使用vue的一些UI组件库开始很踩了很多坑，网上也百度了很多，但标题写的是传统html使用vant，进去一看结果还是脚手架，心里顿时一万个草泥马，最后自己琢磨出来了，拿出来分享给大家！大家多看下注释，感觉注释写的很详细了~通过cdn的方式引入vant_css文件和js文件，当然还有我们的vue_js文件<!DOCTYPE html>.
2021-08-05 16:58:55
5422
6
原创 axios拦截器 @令狐张豪
下面是一个简易的axios拦截器使用的demo，主要看下代码注释，详细可参考axios官方APIaxioslet app = new Vue({ el: "#app", data() { return { isLoading: false, //loading组件 } }, mounted() { this.getAxios(); }, methods: { get.
2021-08-04 10:02:21
957
2
原创 vue+element ui 分页组件封装（列表、搜索、分页）
Pagination公共组件/components/Pagination/index.vue<template> <div :class="{'hidden':hidden}" class="pagination-container" > <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sy
2021-06-10 15:18:34
519
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人