- 博客(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
原创 使用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
jweixin_1.4.0.js
2019-05-21
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝