自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

SHALLNY

如果感觉能有点帮助的话,关注走一波~

  • 博客(11)
  • 资源 (3)
  • 问答 (2)
  • 收藏
  • 关注

原创 vue项目登录签名验证

1.登陆认证(demo版暂只支持手机号登陆)- 同时获取用户基本信息step1: app端通过appId向微信拉取authorization_codestep2:请求接口url created(){ //获取sessionStorge 数据 调用imToken,一般在调用到该界面后肯定是有数据的,及时获取到token数据 if (imToken() === nu...

2018-03-23 13:02:23 3991

原创 禁止界面选中图片,文字以及右击操作

1.禁止界面选中图片和文字 <img src="img/icon-logo.svg" alt="" class="icon-logo-copy" draggable="false"/>body{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;...

2018-03-20 16:13:23 6028

原创 vue项目setTimeOut和setInterval函数无效报错

1.在vue项目中的js代码语法与之前使用js和jquery还是有所出入的,现遇到一个点击按钮出现倒计时30S的效果相信大家对着两个函数都陌生,就是一个定时器,setTimeOut只执行一次,而setInterval会重复执行 需要注意的是:在setInterval不用的时候一定要用clearSetInterval关闭定时器。2.按照最原始的倒计时效果,实现如下://获取30s 控...

2018-03-14 15:44:14 3092

原创 vue项目js导入加载顺序

1.进入vue项目学习后,时常会出现js导入后的加载顺序不当的报错在引入的js中: var block = document.getElementById("block"); // 绑定touchstart事件 block.addEventListener("touchstart", function(e) {});2.由于界面是由上自下的形式进行解析加载的,此时若不是...

2018-03-14 14:13:26 10076 1

原创 浏览器出现Cannot set property 'onclick' of null的问题

1.onclick方法报错,写法是浏览器先加载完按钮节点才执行的js,所以当浏览器自顶向下解析时,找不到onclick绑定的按钮节点,于是报错。因此,需要把js文件放在底部加载,就会避免该问题。2.加载完毕后,点击按钮后无报错window.document.onload =function(){ document.getElementsByClassName('img-blank...

2018-03-12 13:55:49 3764

原创 vue项目转移之后的生成依赖包

1.最近从gitos上面clone了代码之后,运行在新环境,但是vue项目启动失败,缺失依赖包。 2.最后的正确操作是删除module文件包,重新执行npm install 进行下载依赖包,具体的一些其他插件会根据报错提示就行npm 下载cd vue2.0/ npm install npm npm install –save mint-ui vue-awesome-swiper swip...

2018-03-11 13:40:33 3625 1

原创 vue中元素点击触发事件(无v-for父子关系)

1.在学习vue项目中,需使用如下需求:点击按钮后,遮罩层显示出来。本来若有v-for父子关系的,可以使用index进行循环遍历实现,而无关联的元素,则需要绑定类class来实现。2.对点击元素绑定方法<img src="../../static/pic/btn-info.png" alt="" class="btn-info" v-on:click="displayInfo"&...

2018-03-09 13:43:04 1013

原创 vue的路由router-link传参以及参数的使用

1.vue项目中使用router-link进行跳转以及传参a.组件传递参数<router-link :to="{ path:Links.linkitem, query:{ //传参 name:'chatchstate', state: statedata } }"></router-li...

2018-03-09 11:43:35 1224

转载 常见的移动端H5页面开发遇到的坑和解决办法

转过来,平时看看。虽然还有很多问题至今无解。比如:华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。!!1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率...

2018-03-07 13:44:19 1583

原创 vue添加vue-awesome-swiper轮播组件

1.vue项目中添加swiper组件,也是很常见的,通常在jQuery中的方法,其实并不适用于vue项目。vue由于自身的框架性问题不依赖于jQuery,所以vue最好是用自己本身的swiper内置标签2.进入项目目录,安装swipernpm install vue-awesome-swiper --save3.在main.js中定义该swiper组件import Vue ...

2018-03-07 10:59:37 14335 5

原创 vue项目中正确添加jquery

1.用了vue项目之后确实在处理html界面中的数据特别方便也适用,但是随之功能点的需求更新,发现vue项目也有实现不了的功能2.在界面中需要用到jquery的fullpage插件,此时还是需要在vue项目中导入jquery3.此时的导入jquery不像原来的script引入了,而是需要命令行安装以及配置数据此时若为cnpm则修改为cnpmnpm install jQuery...

2018-03-01 12:59:13 7032

jenkinsfile部署打包文件

1、自动化部署包含三个文件(dockerFile、build_docker.sh、jenkensfile) 2、基于vue的

2022-03-15

gulpfile.js前端自动化构建配置文件

基于gulp搭建的前端自动化构建,需要对gulp做文件路径配置,执行打包命令即可 执行压缩: gulp default / gulp 编译页面: gulp htmlmin 编译脚本: gulp minjs 编译样式: gulp mincss 压缩图片: gulp imagemin

2020-03-19

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

TA关注的人

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