我也要用- 博客(91)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 小程序自动定位获取地址信息
业务场景：需要用户进入小程序的时候获取用户的当前位置信息（经纬度，省市区等）。小程序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的粉丝