- 博客(71)
- 资源 (7)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 微信小程序 -- 开发遇到的坑（一）重要
最近参与的微信小程序开发中，遇到了一些问题，记录一下。1.cover-view 不支持阿里巴巴矢量图标。如果需要使用到图标，可以选择下载为png格式图片，然后使用cover-image引入。2. map标签里包裹的多个cover-view，进行position定位时，设置z-index无效？我试了多部手机，就iPhone6手机无效。3. 对于某些内容，iPhone6手机显示不出...
2019-06-19 09:49:55
1030
原创 mysql -- 安装、配置
1.官网下载mysql免安装版https://dev.mysql.com/downloads/mysql/下载完后，解压放到自定义目录上（路径避免出现中文）2.配置1）以管理员身份运行命令行，进行配置//1.去到mysql的bin目录下。/*注意：由于本电脑直接"cd D:\mysql\mysql8_0\bin"去不到bin目录下， 所以分了两步执行，先"D:"去到D盘，再"cd mysql\mysql8_0\bin"去到mysql的bin目录下*/D:c..
2021-07-19 16:16:04
333
3
原创 微信小程序 – 解决腾讯视频插件—视频只能播放广告问题
已经上线的模块，突然发现视频播放不了，找了很久才定位到问题因为在app.json的window下配置了"renderingMode": "seperated"，当初加这个是为了解决人脸打卡调用相机拍照时一个图层出不来的问题。解决1：直接去掉"renderingMode": "seperated"注意：如果自己项目中有其他模块需要用到"renderingMode": "seperated"，则可看解决2↓解决2：添加"mixedRenderComponents": ["vid.
2020-12-28 16:41:15
1999
原创 Vue -- 后台返回的excel文件流，前端显示在页面上
1.npm下载并引入：//安装npm install --save xlsx file-saver//需要的页面引入importXLSXfrom'xlsx'2.data里定义一个参数tableHtml3.处理方法methods:{ dealt: function(url) { let that = this; var xhr = new XMLHttpRequest() xhr.open('get', url, tru...
2020-10-19 18:03:40
4166
1
原创 解决iPhone手机时间格式化“NAN“问题
这是之前做项目时遇到的问题，今天就总结、记录一下吧。//时间格式化function formatDate(date, fmt) { if (date == null || date == '' || date == undefined) return null; try { //解决ios手机时间格式化NAN问题 if(typeof(date) == "string" && date.indexOf('-') != -1){ da.
2020-09-18 14:50:29
2608
原创 启动tomcat服务，运行web项目
安装目录下：tomcat/bin,如下，双击"Tomcat9.exe"弹出窗口，不要关掉浏览器打开：http://localhost:8080/ 如下页面代表启动成功
2020-04-28 15:38:46
2721
原创 微信小程序 -- 解决MapContext.getCenterLocation(Object object)没有执行回调问题
今天试了MapContext.getCenterLocation(Object object)，并没有执行成功success/失败fail的回调，很奇怪，之前用过，同样的代码复制过来就不生效了。this.mapCtx = wx.createMapContext("myMap");this.mapCtx.getCenterLocation({ success: function ...
2020-04-21 16:09:29
3481
4
原创 Vue/微信小程序 -- 引入腾讯视频
1. Vue引入腾讯视频2. 微信小程序引入腾讯视频2.1 登录小程序后台：https://mp.weixin.qq.com/，添加“腾讯视频”插件，步骤如下：设置->第三方设置->添加插件搜索“腾讯视频”，选择插件，点击添加即可。添加成功后，点击“详情”查看“腾讯视频”插件信息，复制AppID（wxa75efa648b60994b）和选择一个...
2020-03-19 11:33:14
3673
3
原创 微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节
1.小程序开发1.1 新建项目/导入项目打开微信开发者工具，右上角：项目 -- 新建项目，弹出框填写内容，AppID为注册的小程序appId，如果还没注册小程序，可以去“注册”，或者选择“测试号”。如果已有项目，则只需要导入，右上角：项目 -- 导入项目。如下，点击“目录”，导入项目，AppID会自动识别并填写导入的项目AppID，如果没有则需手动填写。1.2 注意事项...
2020-01-02 15:41:53
11569
1
原创 Vue -- 报错：Duplicate keys detected: '892834eb-a50c-488c-83ea-cc23f05e2875'. This may cause an update
今天启动项目，测试时，发现一个报错：Duplicate keys detected: '892834eb-a50c-488c-83ea-cc23f05e2875'. This may cause an update。具体如下：问题：使用Element UI的Tree 树形控件出现问题。上网查了一下，问题定位在该控件的node-key属性值重复了。该值对应的是id，id值一般都是不可重复...
2019-12-26 10:09:53
307
1
原创 Vue -- vue问题记录
1.路径：config/index.js，proxyTable里的参数"changeOrigin"在proxyTable中有个参数是changeOrigin，如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发送该请求，这样就不会有跨域问题了，当然这只适用于开发环境。2.Vue.config.productionTip = false开发环境下，Vue 会提供很多警告来帮你...
2019-12-24 15:27:12
200
原创 微信小程序 -- 右下角的悬浮效果，实现刷新功能（可拖拽）
如下效果图，右下角有个绿色背景的刷新按钮，这个按钮是悬浮着，可拖拽。这个悬浮效果，我只举例刷新的功能，当然也可以做回到顶部等类似的功能。第一个截图是初始页面加载完的效果，第二个截图是拖拽后的效果，第三个截图是点击3次刷新按钮后的效果。 一.封装组件创建一个组件"movableView"，用于实现刷新功能1.movableView.wxml内容movable-ar...
2019-12-19 17:20:25
6573
原创 微信小程序 -- 订阅消息
官方：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html核心代码wx.requestSubscribeMessage({ tmplIds: [''], success (res) { }})调用失败fail返回提示及解决方式：1.er...
2019-12-03 09:50:21
6383
3
原创 微信小程序 -- 插入html代码
对于在微信小程序开发中，插入html代码，有两种做法，具体如下：一.方法1：使用微信小程序组件rich-text1. js文件中content内容为html代码，使用replace() 方法进行字符的替换，达到预期的效果（不需要改，直接复制即可）。Page({ /** * 页面的初始数据 */ data: { content:'', }, /*...
2019-10-23 15:27:27
10104
原创 微信小程序 -- 解决radio、checkbox中的checked赋值问题
在小程序中，radio、checkbox组件的check属性该赋什么值，才能达到选中或者不选中的效果呢？通过上网查到我们可知道，checked="true" 能够选中，checked="false" 还是能够选中，而checked=""才是不选中。至于为什么呢？在官网中（如上截图），我们知道checked的值类型为boolean，而我们所知道，对于“任何非空字符串”转为“boole...
2019-09-11 17:36:20
13704
4
原创 微信小程序 -- 自定义组件component并引入。
目前做的小程序项目，根据不同的登录角色，页面显示也有所不同，在wxml页面用了一堆的wx:if来控制显示，最终代码看起来很繁杂。所以就打算组件化，把相同部分封装起来。先简单写一下吧。配置1. 在app.json进行配置在usingComponents里进行配置，自定义组件名：路径"usingComponents": { "lawheader": "./pages/ta...
2019-08-30 09:05:59
6077
原创 微信小程序 -- 语音合成：将文字转为语音（插件：微信同声传译）
直接上手吧。1. 小程序后台添加插件：微信同声传译以及在app.json进行配置具体可看另外一篇博客：https://blog.csdn.net/qq_41638795/article/details/980804982. 代码实现页面如下：21. wxml代码如下：<view class="yuyinWrap"> <textarea class...
2019-08-29 18:09:50
19838
24
原创 微信小程序 -- checkbox默认选中已有值。
在小程序官网例子中，列表需要多一个参数checked用于控制checkbox的选中（看如下截图）。这样子的话，在项目中，需要对数据列表进行处理，对每条数据都添加一个参数checked，会比较麻烦。因此，为了避免这个问题，我借助了wxs模块。对于wxs模块，可看另一篇博客：https://blog.csdn.net/qq_41638795/article/details/96978347...
2019-08-28 15:22:08
6990
2
原创 Vue -- Element UI的Tree组件中，this.$refs.menuTree.setCurrentKey()设置当前被选中的树节点无效果？$nextTick
在项目中，在数据请求完后，获得allMenuData，然后通过 this.$refs.menuTree.setCurrentKey()设置当前被选中的树节点。但是发现并没有效果。原因：DOM并未渲染完，也就是被选中的树节点还没渲染出来，所以对它操作是无效的。所以需要借助$nextTick，确保DOM已渲染。$nextTick(function(){})//或者$nextT...
2019-08-22 10:48:16
28639
7
原创 Vue -- 使用element ui中的el-button、iview中的Input组件添加@click、@keyup.enter等事件，无效？
做vue项目中，我们会选择各种ui组件去搭建页面，如element ui 、iview等等。在使用它们的组件（如element ui中的<el-button>和iview中的<Input>）绑定事件如@click时，发现并没有效果？在页面上，使用element ui中的<el-button>、iview中的<Input>或者自己定义的组件，我们习...
2019-08-20 10:13:37
8730
4
原创 微信小程序 -- checkbox、radio改变默认样式
在微信小程序中，checkbox、radio的默认样式如下： 但是有时我们需要改变它的样式，如其他颜色、多项选择为圆圈、单项选择为方框等等。例子如下： 实现如下：1. checkbox样式/* 未选中的 背景样式 */checkbox .wx-checkbox-input { width: 35rpx; /* 背景的宽 */ height: 35rpx; ...
2019-08-19 15:01:07
3599
2
原创 Vue -- iview中，DatePicker日期控件类型type="datetimerange" ，表单验证validate不通过问题。
解决如下：适合所有类型的验证：daterange、datetimerange、date、datetime、year、month。<FormItem label="任务时间：" prop="taskTime"> <DatePicker type="daterange" placeholder="开始时间-结束时间" v-model="formItem.taskTi...
2019-08-16 17:22:18
8885
5
原创 Vue -- iview 中，给DatePicker赋初始值时报错： Invalid prop: type check failed for prop "value". Expected Date..
在项目中，给 DatePicker 日期选择器赋初始值时，报了错：type check failed for prop "value". Expected Date, String, Array, got Number with value 2019。 具体如下：原因：给DatePicker 赋的值必须是date类型，如果是字符串类型的，则需要使用new Date(value)将值转为...
2019-08-16 09:19:48
3033
原创 Vue -- 引入jQuery或者引入element ui
一. jQuery引入1. 安装 npm install jquery --save2. 引入21. 局部引入，在需要使用的页面进行引入import $ from 'jquery'22. 全局引入在项目目录下build下的webpack.base.conf.js文件头部加入var webpack = require('webpack')并在module...
2019-08-09 17:43:35
1657
原创 Vue -- 全局过滤器filter和全局公共方法（单独写在一个js文件，在main.js引入并注册），并在过滤器方法中使用公共方法。
1. 全局过滤器filter创建一个filters.js文件，内容如下：//清空前后空格exports.trim = function (val) { return val.replace(/(^\s*)|(\s*$)/g, "")}在main.js中引入，如下：//注册filterimport filters from '../../assets/js/filter...
2019-08-08 10:48:16
5159
原创 微信小程序 -- 防止事件冒泡
事件分为冒泡事件和非冒泡事件：1）冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。2）非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。1. 在javaScript中，防止事件冒泡的方式阻止事件冒泡（在子级加）：1) return false --加在相应方法最后一行2) e.stopPropagation() --加在相应方法第一行2. ...
2019-08-07 12:01:10
6716
原创 微信小程序 -- 警告：无效的 pageJSON(pages/circle/circle)["window"]。
做微信小程序项目时，看到这个警告，但是被我忽略着。后面事情不多时，就上网查了一下，原来问题是出在circle页面的json文件。页面的json文件内容如下：{ "window": { "navigationBarTitleText": "进度情况" }}查了原因，原来是除了app.json，其他所有页面的.json文件都不需要那个“window”，直接如下即可：...
2019-08-07 11:20:35
5513
原创 微信小程序 -- 跳转不到下一页，卡住了（页面栈限制问题）
微信小程序页面栈有10层限制。使用wx.navigateTo()或<navigator open-type="navigateTo"/>组件跳转的页面路径最多只有10层。页面路径大于10层后，再使用就跳转不了了。因此需要合理利用小程序不同跳转方式：1）wx.navigateTo：保留当前页面，跳转到应用内的某个页面；2）wx.redirectTo：关闭当前页面，跳转到应用内的某...
2019-08-07 10:41:10
2762
原创 解决js、css缓存问题
对于线上的项目，会经常改动，并重新发布，但是会发现它一些css、js并没有实时更新，而是使用缓存中的。所以解决方式可以有：在引入时，给更新频繁的js或css文件加入版本号或者发布时间，如下：<!-- 加版本号 --><script type="text/javascript" src="../mytest.js?v=1" ></script>&...
2019-08-06 14:41:17
1807
原创 Vue -- sass实时编译成css
1. 全局安装sassnpm install node-sass -g2. 在src > assets下创建css文件夹。21. 在css目录下，创建一个文件 _t.scss内容如下：注意：这里每个scss文件命名要以"_"下划线开始。.wrap{ color:#fff; div{ font-size:20px; }}22.在cs...
2019-08-05 10:46:16
3338
6
原创 微信小程序 -- 获取语音，并将语音转为文字（插件：微信同声传译）
实现的功能是获取语音，并将语音转为文字，实现效果如下： 1. 小程序后台添加插件：微信同声传译登录小程序后台：https://mp.weixin.qq.com 11. 设置 -> 第三方设置 -> 添加插件12. 输入“微信同声传译”，点击搜索，之后选择并点击添加13. 成功添加后，点击详情14. 复制它的Ap...
2019-08-02 16:57:34
29345
47
原创 微信小程序 -- 小程序加载时必要的两件事：监听网络状态和小程序版本更新
监听网络状态和小程序版本更新两个方法写在app.js中的onLaunch中，并同时去调用两个方法。具体如下：onLaunch: function () { this.networkManage(); //调用监听网络状态的方法 this.updateManage(); //调用检测小程序版本更新的方法 // ---------------------------------...
2019-08-02 11:00:52
4513
1
原创 微信小程序 -- 去掉scroll-view滚动条（测试有效）
细节很重要，如下加下划线的注意点要记住了。去掉scroll-view的滚动条其实很简单，只需要添加以下样式：scroll-view ::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none;}但是需要注意的是，如果只是如下写法，可能只能把scroll-view滚动条由...
2019-08-02 09:56:05
7002
15
原创 微信小程序 -- 收集推送码formId
为了获取尽可能多的推送码formId，所以可以在访问比较多的页面中去获取。在每个页面中，点击比较多的button按钮、input框等等都可以去设置获取推送码formId。1. 在wxml中，模版如下，注意：1）给form设置属性：report-submit="true" ；2） button 的“formid_button”类，把button样式改透明，在全局app.wxss里写...
2019-08-01 17:04:57
1541
原创 微信小程序 -- 自定义底部弹出框（带动画--滑入滑出）
实现这么一个功能，点击选项进行选择，效果是从底部弹出选项框（带滑出动画），选择了某项或者点击其他地方，隐藏（带滑出动画）。效果图如下：可适用于任何场景，如普通选项（如图）或者类似商城小程序选择商品属性的弹出框。只需要把内容替换自己需要的即可。1. wxml代码<view class="wrap"> <view bindtap="showModal">...
2019-08-01 10:55:26
24377
19
原创 微信小程序 -- textarea输入时，其框顶在手机输入键盘之上
在微信小程序开发时，textarea进行输入时，会发现其效果如左图，体验感并不是很好。而我们最终需要的效果是如右图，如何实现呢？ 其实很简单，只需给textarea加一个属性即可：cursor-spacing，其值按需设置。<textarea name='remark' placeholder='请输入备注' cursor-spacing="90"...
2019-07-31 16:05:42
5943
原创 iframe子页面对父页面进行的操作的jQuery方式，解决报错：Uncaught DOMException: Blocked a frame with origin "null" from ...
在项目中，一个页面中可能会通过<iframe>标签引入另外一个页面，这两个页面简称为父页面和iframe子页面。然后，会通过点击导航（导航样式改变），iframe引入不同的页面，显示不同的内容。当有时可能需要在iframe子页面进行iframe的src改变（即引入另一个页面），同时相应导航样式也需要改变。简单例子如下：效果图：1. 父页面代码如下：parent.html...
2019-07-30 17:16:52
3864
1
原创 微信小程序 -- 图片模糊效果
在项目中，要求显示二维码图片列表是模糊的，点击时需输入正确密码才可以显示二维码图片。很简单，只需要在其<image>标签添加如下样式：里面的2px是模糊程度，可按需设置。image{ filter:blur(2px);}效果如下：当然，filter:blur(2px); 样式也适用于html的样式设置。...
2019-07-24 16:34:24
7343
原创 微信小程序 -- 项目中会用到的，如预览图片、文件上传到后台实时进度、微信扫一扫、复制文字
1. 预览图片var url = [ 'https://img1.gtimg.com/10/1048/104857/10485731_980x1200_0.jpg', 'https://img1.gtimg.com/10/1048/104857/10485726_980x1200_0.jpg'] wx.previewImage({ current: '...
2019-07-24 11:53:14
1398
oracle客户端 windows 64位，32位
2018-12-29
前端之路如何继续走下去呢？
2021-03-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人