weixin_43795169
码龄6年
关注
提问 私信
  • 博客:145,578
    145,578
    总访问量
  • 56
    原创
  • 1,232,816
    排名
  • 24
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:广东省
  • 加入CSDN时间: 2018-11-25
博客简介:

weixin_43795169的博客

查看详细资料
个人成就
  • 获得65次点赞
  • 内容获得13次评论
  • 获得137次收藏
  • 代码片获得222次分享
创作历程
  • 9篇
    2021年
  • 24篇
    2020年
  • 22篇
    2019年
  • 1篇
    2018年
成就勋章
TA的专栏
  • uniapp
    1篇
  • github使用
    2篇
  • html
    2篇
  • webapp - andoird 、ios
    2篇
  • natapp内网穿透
    1篇
  • 小程序
    6篇
  • css
    3篇
  • Element-ui
    1篇
  • React-native
    4篇
  • js
    14篇
  • Vue
    22篇
  • layui
兴趣领域 设置
  • 前端
    vue.jsreact.js前端框架
创作活动更多

超级创作者激励计划

万元现金补贴,高额收益分成,专属VIP内容创作者流量扶持,等你加入!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vue keep-alive在路由缓存中的使用

路由缓存//include 和 exclude prop 允许组件有条件地缓存//以下例子为:只缓存name为index和my的路由,(注意:这里需要在index 和 my的组件内定义name的值 ,不是给route的name赋值)<keep-alive include ="index,my"> <router-view></router-view></keep-alive>使用了keep-alive后,组件内可以使用activated、d
原创
发布博客 2021.11.24 ·
528 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

一些git命令的使用方法

1、拉取代码git clone 代码仓库地址2、提交代码git add . //提交全部文件git commit -m '提交日志' //提交至本地仓库git psh // 推送至远程仓库3、放弃本地修改,拉取最新代码(1)未使用git add缓存代码时 使用git checkout --filename 或 git checkout .(放弃所有修改), 此命令用来放弃修改过未add的内容,但不会删掉新建的文件,因为新建的文件还未加入到git管理系统,git是未知的
原创
发布博客 2021.11.18 ·
171 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

为什么倒计时在安卓可以 ,ios不可以

原因:1、ios不识别xxxx-xx-xx这种日期格式2、不兼容24:00:00这个时间点解决方法:1、使用xx.replace(/-/g,"/")替换为xxxx/xx/xx的格式2、可以写成23:59:59
原创
发布博客 2021.11.18 ·
1642 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

vue 父级路由调用子路由方法及子路由传值给父级路由

1、父级路由调用子路由的方法子路由中定义了一个getData()方法methods:{ getData(){ console.log('这是子路由方法 由父级路由触发') }}在父级路由页面中给router-view加ref属性 <div class="content"> <router-view ref="child"></router-view> </div>接着调用子路由的getData()方法mounted(){ thi
原创
发布博客 2021.11.18 ·
7275 阅读 ·
7 点赞 ·
1 评论 ·
29 收藏

vue 动态加载组件和按需加载组件

动态加载组件<template> <div class="hello"> <!-- is的值匹配组件的name --> <components :is="currentComponents"></components> </div></template><script>const info=()=>import ('./info.vue') //按需加载组件const
原创
发布博客 2021.11.18 ·
291 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue引入子路由 及其使用场景

定义子路由//router.jsimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: resolve=>(require(["@/components/HelloWorld"],resolve)),
原创
发布博客 2021.11.17 ·
474 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue引入路由的几种方式 包含路由懒加载方式

方式一:// router.js 此处省略Router等的引入import HelloWorld from '@/components/HelloWorld'export default new Router({ routes:[ { path:'/', name:'HelloWorld', components:HelloWorld } ]})方式二:resolve=>(require([‘地址’],resolve))的方式实现路由懒加载// route
原创
发布博客 2021.11.17 ·
864 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue单页面接入百度统计

在申请百度统计后 会得到以下一段代码,插入到index.html的 < head >< /head >中// index.html<script> var _hmt = _hmt || []; window._hmt=_hmt; window._hmt.push(['_setAutoPageview', false]); //我这里关闭了自动发送页面PV统计请求 防止首次访问时发起两次请求 按自身的需求吧 (function() {
原创
发布博客 2021.11.17 ·
659 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

uniapp H5端解决跨域

1、manifest.json源码视图中配置"h5" : { "devServer": { "disableHostCheck": true, "proxy": { "/tapi": { "target": "xxx", //需要跨域请求的域名 "changeOrigin": true, "secure": false,
原创
发布博客 2021.04.12 ·
142 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

图片大小超出div宽高时 如何按比例缩放

给img添加 object-fit属性<div> <img src=" " /></div>div{ width:100px; height:100px;}img{ width:100%; height:100%; object-fit:cover; //剪切图片,保留原始比例}object-fit属性所有的值object-fit: fill|contain|cover|scale-down|none|initial|inherit;
原创
发布博客 2020.06.04 ·
1276 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

刷新时 让滚动条回退到顶部

var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; //获取当前滚动条与顶部的距离var timer=setInterval(function(){ var top=scrollTop/2 document.documentElement.scrollTop-=top; //每一段时间滚动一定的距离,直到滚动条回退到顶部 清除定时器 if(doc
原创
发布博客 2020.05.27 ·
828 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

使用video标签时报错 Uncaught (in promise) DOMException

问题<video id="video" preload> <source src="1.mp4"></source></video>play(){ var video=document.geiElementById('video'); video.play(); //播发视频 // video.pause(); //停止播放}运行时报错 Uncaught (in promise) DOMException原因
原创
发布博客 2020.05.14 ·
11114 阅读 ·
2 点赞 ·
0 评论 ·
0 收藏

ios上z-index失效的原因

做webapp的时候,需要做一个弹窗的遮罩层,但是给元素添加z-index的时候,android正常 ios上不生效 ,导致ios上有些内容没有被弹窗的遮罩层覆盖原因:被添加z-inex样式的元素的父元素样式中含有overflow:……,导致了ios中z-index不生效...
原创
发布博客 2020.05.14 ·
760 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

前端自定义浏览器标题栏或收藏时标题前显示的icon图标

准备步骤:(1)制作一个.ico类型的图片文件 一般尺寸为16*16也可以在网上找 图片转换icon 的在线工具(浏览器会首先在网页的根目录下找favicon.ico文件)(2) 将favicon放在根目录下1、原生在html的 < head >< /head > 标签中引入 <!--浏览器地址栏icon--> <link rel="icon" href="favicon.ico" type="image/x-icon"> &
原创
发布博客 2020.05.14 ·
815 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

安装指定版本的vue-cli

1、安装vue-cli最新版本如果有旧版本,卸载旧版本 npm uninstall vue-cli -g暗转新版本 npm install -g @vue/cli2、安装指定版本 vue-cli查询可用版本 npm view vue-cli versions --json安装指定版本 npm install -g vue-cli@2.9.6npm install -g @vue/cli@版本号 (vue-cli3以上)3、查看当前版本vue -V...
原创
发布博客 2020.05.11 ·
3058 阅读 ·
2 点赞 ·
0 评论 ·
10 收藏

natapp内网穿透的使用

1、工具下载 https://natapp.cn/2、注册账号 按照提示购买隧道 我这里购买的是免费的填写信息 我这里需要的隧道协议是web,用于web项目和微信开发穿透到本地服务。映射到本地的端口号是127.0.0.1:8080获得隧道3、natapp工具下载后,减压,运行natapp.exe文件使用命令行 输入 natapp -authtoken 隧道的...
原创
发布博客 2020.04.04 ·
348 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

微信小程序bindtap事件传值 取值

传值 <button bindtap="btn" id="hello" data-cnName="你好" data-name="{{name}}">Button按钮</button>取值data:{ name: '名字 '},btn(e){ console.log(e.currentTarget.id); // 'hello' con...
原创
发布博客 2020.03.27 ·
3585 阅读 ·
2 点赞 ·
0 评论 ·
6 收藏

微信小程序生成底部tabbar

1、在app.json中配置"sitemapLocation": "sitemap.json", "tabBar": { "color": "#a9b7b7", "selectedColor": "#11cd6e", "borderStyle": "white", "list": [ { "selectedIconPath": "i...
原创
发布博客 2020.03.26 ·
273 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

微信小程序引入iconfont图标

1、下载iconfont小图标 https://www.iconfont.cn/选择图标添加入库,再添加至项目 在‘我的项目’中将资源下载到本地2、项目中新建一个iconfont.wxss文件,将下载下来的压缩包里iconfont.css的代码复制到 iconfont.wxss,然后在app.wxss引入iconfont.wxss文件...
原创
发布博客 2020.03.26 ·
344 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

js判断项目在安卓系统还是ios系统打开

var userAgent = navigator.userAgent; var isAndroid = userAgent .indexOf('Android') > -1 || userAgent .indexOf('Adr') > -1; //android终端 var isiOS = !!userAgent .match(/\(i[^;]+;( U;)? ...
原创
发布博客 2020.03.11 ·
230 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多