自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小武同学

本博客仅用于记录自己的学习历程

  • 博客(13)
  • 收藏
  • 关注

原创 package.json使用变量

{ "name": "h5-template", "version": "1.3.1", "private": true, scripts:{ "lib:h5-activity": "vue-cli-service build --target lib --name page-engine --dest server/public/engine_libs/h5-activity engine-template/engine-h5-activity/index.js",}}.

2021-02-05 15:55:41 1608

原创 解决dom元素获取不到scrollTop的问题

在开发过程中,我们经常需要得到当前元素的位置以便滚动条位置可以精准滚动到某个位置,这种时候有很多情况下scrollTop直接获取是没有用的,这种时候我们可借助dom父级循环获取let eleId = document.querySelector('.qk-input')//qk-input为class名称let par = eleId.offsetParent;let top = 0if (par.nodeName.toLowerCase() == "body") { // 当节点为body可直接

2020-10-20 18:39:38 2308

原创 vue 插件开发过程

在使用vue 开发的过程中,有时候可能需要用到this来触发组件,如我们经常用道德loading插件,下面记录了一次插件的开发过程。首先建立一个.vue文件,文件中包含了你插件中的一切逻辑。例如:<template> <div class="qk-date" v-show="show"> <!-- <van-calendar v-model="show" @confirm="onConfirm" /> --> <van-c

2020-09-23 17:49:03 188

原创 vue在移动端出现的问题以及解决方式

ios手机input点击无效不能点击出现原因:在ios11以上的手机中,当点击input后,若屏幕出现滚动条,在input失去焦点后,滚动条位置依然存在,造成点击的位置不对,不能点击解决办法在vue中自定义指令检测input失去焦点事件,在失去焦点时将滚动条复位.main.js中加入如下代码Vue.directive('resetPage', { inserted: functio...

2020-09-23 17:14:36 789

原创 vue router在同界面使用 this.$router跳转路由,mounted不再调用

1.在vue中,刷新数据常用的办法是 this.router.go(0)或者this.router.go(0)或者this.router.go(0)或者this.router.push({path: ‘/’}),在最近一次的使用时,发现this.router.push(path:′/′)在跳转的页面是当前页面时,mounted和created均不执行,destroyed也未执行销毁,this.ro...

2020-09-23 17:13:12 1107

原创 前端blob格式导出数据

downloadBinaryCsv(data, fileName) { const url = window.URL.createObjectURL(new Blob([data],{type:content-type})) const link = document.createElement('a') link.style.display = 'none' link.href = url link.setAttribute('download', fileName+‘csv’)

2020-05-21 17:27:11 1056

原创 swiper使用时对文字复制的影响

在使用swiper时,因为slide可以拖动,造成在鼠标选择文字时,文字无法选中.在swiper官方文档中,给出了合理的解决办法, noSwiping:true,禁止拖动,在这个过程中,因为使用了element-ui的日历组件自由拖动,因此加上后不起作用,因此浪费了很多的时间....

2019-12-04 14:04:40 393

原创 git新建分支并且合并分支

git在合并分支的时候总会遇到这样那样的问题,因此在这里记录一下具体的过程.1.新建分支git checkout -b +分支名称git push origin 分支名称:远程分支名称 // 这一步至关重要,将本地新建的分支推到远程仓库中git status //查看当前仓库的状态2.提交合并切换到新建的分支下就可以愉快地书写代码了,在代码书写后就是提交合并...

2019-07-12 16:51:58 276

原创 jquery cookie问题以及前端数据的存储方式

在前端的开发过程中,我们经常会遇到存储数据的问题,本次开发就遇到了让我很头疼的问题,同事开发的代码使用jquery+layui,其中引用了cookie.js,但是在开发中经常出现cookie中的值清不掉或者获取不到的问题,有以下细节需要注意:1.cookie中的path路径必须一致,并且domain中的域名必须相同,不能跨域获取cookiecookie中的函数封装:setCookie(cke...

2019-07-12 16:18:36 343

原创 vue打包上线过程

最近做了一个单次测试的模块,需要使用web-view内嵌到微信小程序中,在这个过程中遇到了以下几个问题:微信小程序环境判断当在小程序中引入h5界面时,需要对当前环境判断,来决定登录,因此使用了weixin-js-sdk,代码如下: let isweixin = false let ua = navigator.userAgent.toLowerCase() l...

2019-06-21 17:49:40 370

转载 html input框的样式修改

在html中,往往我们需要修改input中的placeholder默认文字的样式, 在这个时候主要用到: 在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了。::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ :-moz-placeholde...

2018-09-10 18:14:15 8382

原创 git与github连接使用

一、首先下载和安装git同时在github上注册账号,主要是配置ssh秘钥。 二、git向github传最新的值 1、git init :使用它在本地建立一个git可管理的本地仓库,会生成一个.git的文件,这个文件一般是看不到的,不报错即可。 2、git add . :提交文件到暂存区中,这里可以git add 文件名添加文件 3、 git commit -m “信息备注”:提交文件至本...

2018-09-06 18:29:30 144

原创 Vue学习

今天开始就要开始学习vue的知识了,今天学习了vue的条件渲染,v-if和v-show的区别。 v-if v-show 区别: 在dom中,v-show相当于css3中的display属性,无论v-show=true or false ,v-show的那个标签都会被渲染。v-if则是只有在为true时才会被渲染。...

2018-08-27 10:45:51 113

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除