自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 uniapp vant sku组件 图片加载报错问题 load error

uniapp vant sku组件 图片加载报错问题问题解决问题vant VanImage 组件绑定了load 和 error 事件在uniapp 中 this.onLoad undefined解决自定义头部<van-sku v-model="show" :sku="sku" :goods="goods" :goods-id="goodsId" buy-text="确定" :show-add-cart-btn="false" :quota="quota"

2021-07-24 10:29:39 917 8

原创 Nuxt.js 使用记录

Nuxt.jsNuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织,Nuxt.js 主要关注的是应用的 UI 渲染。服务器端渲染启动时,它将启动具有热更新加载的开发服务器,并且Vue 服务器端渲染配置为自动为服务器呈现应用程序。路由根据pages文件夹的文件生成自动创建;(多级嵌套生成多级路由)通过 asyncData 函数来获取服务器端的数据进行渲染;(不需要使用服务器渲染使用 nuxt --spa 命令即可进入SPA模式)asyncData(

2021-03-12 11:44:24 387 2

原创 微信公众号jssdk ios第一次签名失败,刷新后签名成功

问题原因:ios打开页面,整个项目的签名,只需要签名一次所以需要判系统;ios端只需要在项目第一次打开调用签名,所用到的JSSDK接口,都写在 jsApiList里,具体接口执行方法,放在需要执行的时候。...

2020-08-17 15:05:42 1872 2

原创 vue轮播图简单实现

通过对图片数组的length取余,便捷实现无限切换,控制一个变量两边切换按钮++ | --点击图片 修改为当前indexJS<div class="works_pic" v-show="video_pic_tab == 'pic'"> <img class="works_pic_big" v-for="(item, index) in worksPic" :key="index" :src="item" ..

2020-05-14 17:21:02 3945

原创 canvas生成图片在手机上模糊

移动端和PC端的分辨率不同,所以导致生成的图片在移动端查看是模糊的;像素点不一样;解决:window.devicePixelRatioWindow 属性 devicePixelRatio 能够返回当前显示设备的物理像素分辨率与 CSS 像素分辨率的比率。此值也可以解释为像素大小的比率:一个 CSS 像素的大小与一个物理像素的大小的比值。简单地说,这告诉浏览器应该使用多少个屏幕的实际像素来...

2020-03-17 16:19:11 850

原创 QRCode生成二维码安卓部分手机不能长按识别

在正常生成二维码后,会在参数dom中追加l两个dom元素(canvas、img)canvas元素:默认display:none;img元素 src属性中就是二维码的base64遇到问题: 代码上线后发现,在小米、苹果手机中没问题,在三星和华为部分手机中,不能长按复制; 导致在引用img中的base64的地方显示空白;解决办法:if(docu...

2020-03-09 15:53:27 763

原创 Scratch音效素材试听后缀名问题

问题出现:由于实际场景需要,将scratch素材库迁到自己的服务器上,进行素材管理,允许上传、删除素材;之前未开放上传素材时,音频文件都是wav格式的,所以没问题,开放之后,用户上传MP3格式,发现在音频列表试听时,找不到文件,原因就是本来是.mp3的文件,后缀尽然是.wav;所以找不到;点击选择路径又对上了;解决思路:打印出试听时的路径和选择之后的路径,发现是后缀名的锅;...

2020-02-14 13:16:08 1342

原创 Vant引入及快速上手

官网:https://youzan.github.io/vant/#/zh-CN/intro官网的快速上手:https://youzan.github.io/vant/#/zh-CN/quickstart项目需要使用按需加载:通过 npm 安装 npm i vant -S安装插件 npm i babel-plugin-import -Dbabel-plugin-import...

2019-12-05 17:49:56 874

原创 JS生成二维码(qrcode)

在vue项目里需要生成二维码,以供移动端直接进入;npm runqrcodejs2之后在项目中引入importQRCodefrom'qrcodejs2'此时可以通过new QRcode() 方式来创建实例对象;//生成二维码makeCode () { let url = `此处为需要生成二维码的链接`; let qrcode = new QRCod...

2019-10-29 15:50:49 597

原创 react在修改state中的数组和对象数据的时候(setState)

首先在修改状态数据(state)的时候,我们要遵循react的规则,使用setState()方法去修改此时修改的数据是一个数组或者是一个对象的时候,setState中传递一个对象是不能够满足的,此时就需要给setState中传递函数了!此时函数中的参数state就是我们组件中的state数据,可以在方法中把参数中state改变后通过k:v return出来handlerWorkT...

2019-09-24 16:51:36 10982

原创 html+jquery 实现前端分页控件

写此控件因开发需求在拿打包后的项目;之前是前后端不分离,在这基础上抽离出来;调取Java接口;加分页控件;手撸,参照elementUI; 点击事件使用委托模式实现先上图:参照物:<div id="xu-paging" class="works_paging row"> <div class="works_paging_flex"&g...

2019-08-26 20:08:46 1207 3

原创 ES5的整理

ES5简介:javascript最早是由网景公司推出的,极其简单,被很多开发者接受,逐渐流行起来。网景公司为了推广js,与sun公司合作,为了让js更流行,借助当时极其流行的语法java,将js更名为javascript,所以java与javascript关系就像雷锋和雷峰塔。网景公司做了一件好事,将js的语言规范提交给ECMA组织,所以我们学习ECMAScript规范就是在学习javas...

2019-07-26 21:19:50 150

原创 element-ui中的upload组件使用总结

element-ui官网使用upload组件:<el-upload class="upload-demo" ref="uploadFile" :on-change="beforeUpload" :action="uploadUrl" :headers="myHeader" :on-remove="handleRemove" :before...

2019-06-29 18:46:55 20452 15

原创 微信公众号开发引入jssdk,分享配置

首先需要公众号管理员去设置JS接口安全域名再引入jssdk的js文件在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.4.0.js如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/jweixin-1.4.0.js(支持https...

2019-06-19 21:41:56 4955

原创 微信公众号开发获取code,拿openid和绑定手机

首先说一下code的获得,一般只需要读微信这公众号开发文档就OK,但是也有一个坑。https://mp.weixin.qq.com/wiki 微信公众号开发文档拿code是要在配置了appID,redirect_uri之后页面跳转回来的页面url上携带着code,需要截取。本人在开发是讲公众号代码让后端小哥哥布到了服务器上 所以可以...

2019-06-19 21:05:29 20935 2

原创 flex布局的整理 弹性布局

Flex布局1、概念在弹性布局中,有两根轴线:水平方向的主轴垂直方向的交叉轴Flex布局分项目与容器。 容器指的就是弹性盒本身。项目指的是内部的子元素。2、容器属性容器属性指的是放在容器选择器样式列表中的属性。display: flex;拥有该属性的元素就是容器。当该元素拥有该属性时,子元素的float、vertical等属性都将失效。子元素就是项目。所有的...

2019-06-11 20:48:58 244

原创 vue项目里setTimeout方法执行时获取不到data中的变量

本项目是一个单页面的公众号,在需求中需要提示错误信息给用户展示,但是项目没有引入其他库,所有就直接使用了setTimeout(), 在该方法执行的时候发现没有拿到data中定义的变量。给用户提供的错误信息输出:发现在setTimeout执行时this变为了window,这是由于setTimeout函数调用的代码运行在与所在函数完全分离的执行环境上,this指向的是windo...

2019-06-11 19:47:26 3876 3

空空如也

空空如也

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

TA关注的人

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