自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(91)
  • 资源 (3)
  • 收藏
  • 关注

原创 小程序自动定位获取地址信息

业务场景:需要用户进入小程序的时候获取用户的当前位置信息(经纬度,省市区等)。小程序API方案:小程序本身有提供API获取定位wx.getLocation(Object object),不过该方法只能获取到经纬度。百度地图API1)百度地图开放平台注册账号;2)然后,创建小程序应用:3)最后得到ak;4)相关配置可以查看这里,然后下载【百度地图微信小程序JavaScript API】,配置中有链接。5)小程序后台配置服务器域名:https://api.map.baidu.com6)小程

2021-01-13 14:55:33 87

原创 js压缩图片

将传进来的文件对象压缩为一个设定的宽度;小于就不压缩,避免模糊dealImage:function(fileObj, callback){ var arg={width:1000}; var file = fileObj; if(file) { var src = window.URL.createObjectURL(file);//PS:不兼容IE var img = new

2020-12-25 17:07:33 28

原创 处理input file限制只能拍照不能选图库

<input type="file" class="ComImgFileObj" capture="camera" accept="image/*"/>

2020-12-23 18:47:25 338

原创 问题整理

for循环 给数组push值需求:循环像数组push对象(不一样);问题现象:数组里面的所有对象一样;代码(大概形式):【大概形式就是下面这样,但实际上getValue里面的逻辑更多。下面这段代码不能复现出来】var detailArr=[{name:"张三",age:12},{name:"张四",age:8}]; var getValue=function(obj){ return obj; } var itemRes = null;

2020-12-01 17:50:05 14

原创 小程序做注册登录功能

1 获取用户信息这里主要存一些姓名头像等相关:通过 wx.getUserInfo 获取:{"nickName":"XXX","gender":2,"language":"zh_CN","city":"Guangzhou","province":"Guangdong","country":"China","avatarUrl":"https://XXX"}

2020-11-30 15:59:12 137

原创 (H5,小程序中) 后台返回 image/jpeg 类型数据,怎么展示图片

场景:直接在postman或是浏览器network的Preview直接显示图片。需求是在页面中展示图片:处理:1 请求加上配置 (必须) responseType: 'arraybuffer',2 得到的后台数据resData转base64 var base64 = btoa( new Uint8Array(resData) .reduce((data, byte) => data + String.fromCharCode(byte), '')); this.ImgSrc='dat

2020-07-24 09:56:32 614

原创 loaderContext.getResolve is not a function

原因:系统安装的node版本与项目的node-sass sass-loader 版本不对应的原因引起的。这是官网的node与node-sass的对应本人环境安装的node是12 的版本,然后sass-loader对应的是7.1.0所以下载:npm i node-sass@4.12.0 sass-loader@7.1.0 --save-dev最后运行成功。...

2020-07-16 16:01:15 360

原创 如何使用小程序插件

(本文主要是讲述如何使用小程序插件,而不是“联系我”插件,毕竟这个插件如此的鸡肋,demo一出,老大就果断拒绝了,orz)uni-app使用小程序插件在小程序公众平台中添加插件:设置->第三方设置引入插件在uni-app中,manifest.json配置: /* 小程序特有相关 */ "mp-weixin" : { "appid" : "小程序appID", "setting" : { "urlCheck" : tru

2020-06-08 14:15:54 697 5

原创 实现点击input软键盘出现搜索按钮

需求:点击搜索框的时候,弹出的软键盘上出现“搜索”按钮例:<form action="javascript:return" > <input @keyup.13="点击搜索触发方法" type="search" v-model="key" placeholder="搜索您想要的商品"/></form>实现过程可能出现的问题:1 input[type=search]不出现搜索按钮原因可能有:1.1 没有用form表单包1.2 form 没有带ac

2020-06-05 15:01:23 445

原创 运行报错:Module build failed: Error: ENOENT: no such file or directory, scandir...

原因:node-sass与你系统装的node版本不匹配,重新下载node-sass就好。npm rebuild node-sass然后重新运行就好了。实际上报错里面也有提示的:

2020-06-03 10:20:30 1351

原创 真机调试H5

1 引入vconsole.js2<script> window.onload=function(){ var vConsole = new VConsole();//手动示例化 } </script>最后我们访问页面的时候就可以在右下角看到一个绿色的vConsole按钮,点击出现控制台,这样就能看到打印和请求等信息。...

2020-06-01 15:31:27 89

原创 微信小程序内嵌H5缓存的问题

问题:H5时常更新代码,但是由于微信小程序web-view的缓存机制,导致一些用户能读到最新的代码,有些用户不能解决思路:1 如果H5项目访问方式是 xxx/xxx.html的方式的话,加随机数就好了,原理同图片加随机一样2 如果H5项目访问方式是 xxxx/#/a 的方式的话,#后面加随机是没有用的,这种可以使用版本号处理,加了版本号的路径大概如下:xxxx/version_1/#/a到这里很多人会问,那我是要每次都见一个新的路径吗?其实不是,这里的版本号一般是让运维处理,即 模糊匹配

2020-05-09 17:50:29 1178

原创 vue使用vue-clipboard2

准备npm i vue-clipboard2引入main.jsimport VueClipboard from 'vue-clipboard2'VueClipboard.config.autoSetContainer = trueVue.use(VueClipboard)点击div复制相应内容<template> <div v-clipboard:cop...

2020-04-09 22:07:33 229

原创 uniapp引入echart报错 this.echarts.setCanvasCreator is not a function"

解决方式:manifest.json 源码下,找到 mp-weixin 配置下的 usingComponents参数配置,去掉然后停止运行,重新运行

2020-03-05 11:21:21 1243 1

原创 git 命令行提交的使用

git clone https://gitee.com/XXX.gitgit initgit add [文件] //git add . add所有变更git commit -m "备注"git remote add origin https://gitee.com/XXX.git //将本地的仓库关联到github上git pull origin master //拉gi...

2020-01-19 10:31:10 65

原创 怎么在postman中动态传参(使用全局变量和脚本)

示例:这是一个简单的分页GET请求,需求是每次点击【send】都能使分页值pageindex增加,得到每一页数据。步骤:1)设置全局参数pageindex点击右上角【眼睛图标】然后点击【Edit】然后来到这个弹窗设置全局参数 pageindex 初始值1,设置完成后点击【Save】,最后点击右上角的【x】关闭弹窗。2)将设置的全局参数代入请求参数这时候点击【send】...

2020-01-17 13:59:13 1538 2

原创 排序参数并md5加密

getMD5Sign(signJson){ //signJson 参数json var keys=[]; for (let k in signJson){ keys.push(k); } keys.sort(); var kv=[]; for(let k in keys){ kv.push(keys[k] + '' + signJson[keys[k]...

2020-01-17 13:37:10 941

原创 vue-element-admin

关闭vue-element-admin配置的eslint检测找到文件vue.config.js 设置lintOnSave: false,但是实际上不推荐关闭;你可以在 .eslintrc.js 按照自己的编码习惯配置。

2019-11-21 15:53:55 106

原创 vue-awesome-swiper基础使用

vue-awesome-swiper 自定义索引样式 <div class="carousel_1"> <h3>正常的点索引</h3> <swiper :options="swiperOption_1"> <swiperSlide> <a href="ja...

2019-11-18 14:29:31 110

原创 js判断用户是否是刚进入页面

function isNewOpen(){ if(window.history&&window.history.length<2){//外部链接 return true; }else{ return false; } }

2019-11-01 09:08:56 277

原创 前端插件推荐(整理中...)

vue-count-to //简单好用的数字滚动插件一个无依赖,轻量级的vue组件。demonpmclipboard.js //剪贴板https://clipboardjs.com/dropzone //可拖拉文件上传dropzone 是一个开源代码库。它是轻量级的,不依赖于任何其他库(如jQuery),并且高度可定制。sortable.js //列表拖拽排序Demonpm...

2019-10-29 17:52:56 224 1

原创 多行省略css

/*多行省略*/.Pellipsis2{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}.Pellipsis3{ overflow : hidden;...

2019-10-29 16:15:31 1840

原创 常见包的作用(佛系整理)

code-js通常使用babel会间接的引入core-jscore-js提供了es5、es6的polyfills,包括promises、symbols、collections、iterators、typed arrays等等,并可以按需加载,使用它不会污染全局命名空间。注意点:polyfills前端通常在开发时需要考虑到浏览器对js,html5的支持,这些兼容都可以使用polyfil...

2019-10-29 15:53:12 137

原创 keep-alive使用注意事项

1 deactivated的执行问题现象:keep-alive的列表页 跳转到 不需keep-alive的菜单页时,selectGoodsList.vue deactivated(){ console.log("list-deactivated"); },menu_page.vuemounted(){ console.log("menu-...

2019-10-12 10:31:45 70

原创 react 与vue开发中常见的不同(持续整理中...)

引入图片和背景react:import logo from './logo.svg';...<img src={logo} className="App-logo" alt="logo" />vue:<img :src="logo" className="App-logo" alt="logo" /><div v-bind:style="{ 'back...

2019-08-21 15:38:19 172

原创 小程序怎么调试web-view

开发者工具中,在web-view出现的页面,点击鼠标右键,然后出现一个调试气泡提示信息,点击它就会跳出web-view的调试工具

2019-08-13 17:52:51 2639 1

原创 封装vue组件的那些事

自定义组件state动态赋值给父组件state例:一个输入框组件,需要组件的state能一直同步给父组件的state自定义组件 commodityNameInput:<template> <input class="com_commodityNameInput" type="text" v-model="endValue" placeholder="商品名称">...

2019-08-09 10:30:53 77

原创 小程序组件scroll-view的使用

<template> <view> <h2 style="text-align: center;font-size: 16px;background-color: #000000;color: #fff;">竖向滚动</h2> <div class="navs"> <span @click="scrollTop='n...

2019-08-08 15:54:12 148

原创 wx.miniProgram.navigateTo和wx.navigateTo无效,小程序跳转页面无效

问题应该是你将要去到的页面在tabBar里面的list使用了,这两个方法不能跳到 tabbar 页面

2019-08-05 15:59:52 2115

原创 elementUI :Cannot read property 'getHours' of undefined

DateTimePicker 日期时间选择器报错:Cannot read property ‘getHours’ of undefined方法一:(需要默认值时)场景(type是datetime):例 <el-form-item label="无效的时间:"> <el-date-picker v-model="pointEnd"...

2019-07-22 17:28:12 1802

原创 Hbuilder,webstrom实用快捷键

新建: ctrl + N运行: Ctrl + R关闭: ctrl + w全部关闭: ctrl + shift + w保存: ctrl + s全部保存: ctrl + shift + s复制: Ctrl + C在选中内容后面插入与之相同的内容:Ctrl + Alt + R选中光标所在词(相当于鼠标双击):Ctrl + E搜索条(查找、替换):...

2019-07-19 10:55:32 145

原创 Page is not constructed because it is not found.

使用Hbuilder编辑器,开发小程序,增加了页面,然后导航切换时一直报,地址看了没问题。解决:将运行停止,重新运行

2019-07-17 15:56:21 216

原创 项目优化及vue项目优化减少宽带的占用

常用优化:1 文件压缩项目上线记得做文件压缩。文件压缩主要是 html js css 的压缩2 静态资源的CDN引用静态资源预先放到不占带宽的服务上,开发以及生产时,静态资源指向CDN的方法,这样访问页面时,静态资源快,而且不占带宽。为了处理缓存的问题,后面记得加随机数;但是上面的这种方式会造成不管图片有没有更新,每次刷新都会重新请求静态资源,因此在可行的情况下,...

2019-07-12 10:28:18 66

原创 小程序运营打包 遇到找不到game.json

问题是因为当前开发工具登录的用户绑定的小程序是游戏类的,它要求项目中有game.js文件,但是我这个项目不是,所以没有这个文件,所以报错了

2019-07-10 19:00:55 461

原创 vue react 禁止代码规范检查

在配置文件webpack.base.config找到 eslint 字段,将配置注释,重新运行

2019-07-09 10:18:14 545

原创 使用element的组件实现根据输入的内容动态请求数据形成下拉列表(el-select)

<el-select v-model="listOption.brand" filterable placeholder="品牌名称" :filter-method="brandKeyChange"> <el-option v-for="item in BrandListData" :k...

2019-07-07 16:21:11 5410

原创 请求后台得到文件流,下载后台响应的文件流

var res=res;//接口响应的数据 var elink = document.createElement('a'); elink.download = "文件.xls"; elink.style.display = 'none'; var blob = new Blob([res],{type: 'applica...

2019-07-07 16:15:43 2281

原创 react路由基础及v3与v4的一些差异

路由带参数写法: <Router history={hashHistory}>//定义跳转方式# <Route path="/" component={main}> <Route path="/detail/:id" commmponent={detail}></Route> <Route push t...

2019-06-18 15:15:05 218

原创 react报Maximum update depth exceeded

这个问题出现在绑定事件并且事件中含有改变state的逻辑时,运行报的错:代码: toggleDrawer(flag){ this.setState({left: flag}); }... <div onClick={this.toggleDrawer(true)}>打开左边</div>上面是报错代码:原因是,{this.toggleDr...

2019-06-17 15:55:50 5621

原创 vue使用vux(配置vux常见问题)

准备:首先,通过脚手架先初始一个项目test然后运行没问题。配置:下载 npm i vux使用一个按钮这个组件,为了方便在vue中的使用,将其配置为公共的组件使用:在mian.js 中:import {XButton } from 'vux'Vue.component('x-button',XButton );在home.vue中使用x-XButton;(使用方式文档中...

2019-06-17 10:23:14 830

vconsole.min.js

vconsole.min.js

2021-01-21

jweixin_1.4.0.js

步骤一:引入JS文件 步骤二:通过config接口注入权限验证配置 步骤三:通过ready接口处理成功验证 步骤四:通过error接口处理失败验证 接口调用说明 所有接口通过wx对象(也可使用jWeixin对象)来调用,参数是一个对象,除了每个接口本身需要传的参数之外,还有以下通用参数: success:接口调用成功时执行的回调函数。 fail:接口调用失败时执行的回调函数。 complete:接口调用完成时执行的回调函数,无论成功或失败都会执行。 cancel:用户点击取消时的回调函数,仅部分有用户取消操作的api才会用到。 trigger: 监听Menu中的按钮点击时触发的方法,该方法仅支持Menu中的相关接口。

2019-05-21

swiper.min.css

@4.5.3 swiper@4.5.3版本包的swiper.min.css,这里同样使用vue-awesome-swiper

2020-02-13

空空如也

空空如也

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

TA关注的人 TA的粉丝

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