- 博客(21)
- 收藏
- 关注
原创 react-native 路由5.x配置
1、安装npm install @react-navigation/native (or yarn add @react-navigation/native)npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view(or yarn add react-nati
2020-06-17 16:10:08 460
原创 react-native-vector-icons 安装及使用
1、安装yarn add react-native-vector-icons(或者 npm install react-native-vector-icons)2、react-native link react-native-vector-icons 进行自动连接,如果报错,react-native unlink react-native-vector-icons这样先卸载掉之前的link,然后:命令运行:pod 'RNVectorIcons', :path => '../node_modul
2020-06-17 15:27:01 733
原创 微信小程序设置缓存过期时间
setCache(){ if(this.judgeTime()){ //判断缓存是否过期,过期就重新添加一个 wx.setStorageSync('oldTime',this.oldTime()); }}judgeTime(){ //判断缓存是否过期 let nowTime = Date.now(); let oldTime = wx.getStorageSync('oldTime'); if(oldTime && nowTime < ol
2020-06-01 14:20:22 4384 2
原创 vue重新渲染组件(重置或者更新)
方案一:v-if(可以重置生命周期)当数据变更后,通过watch 监听,先去销毁当前的组件,然后再重现渲染。使用 v-if 可以解决这个问题<template> <third-comp v-if="reFresh"/></template><script> export default{ data(){ return { reFresh:true,
2020-06-01 14:18:23 3408 1
原创 移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的解决方案
之前本来想用文本框聚焦和失焦来显示和隐藏按钮,但是这样有Bug,点击软键盘的收缩键盘按钮,输入框还是聚焦的,按钮显示不出来,这个方法不行;后面找到了一种方法://动态监控浏览器窗口的变化。当浏览器窗口的大小发生变化时,如果变化后的窗口高度小于初始的窗口高度,则让按钮隐藏起来;反之,则让按钮正常显示。let winh = document.body.clientHeight;// 取窗口可视范围的高度 window.addEventListener('resize', () => {
2020-06-01 14:16:41 802
翻译 在严格模式下使用Vuex时,v-model赋值vuex会报错
在严格模式下使用Vuex时,在v-model属于Vuex的状态下使用可能会有些棘手:<input v-model="obj.message">假设obj是一个计算属性,该属性从商店返回一个Object,则当用户键入输入内容时,v-model此处将尝试直接进行更改obj.message。在严格模式下,这将导致错误,因为在显式Vuex变异处理程序中未执行变异。处理它的“ Vuex方...
2020-04-13 15:53:18 921 2
原创 在vue里面实现webupload参数动态传递
一、html<template> <div> <div id="upload" ref="button"></div> </div></template>二、js<script> import $ from 'jquery'; import WebUploader from 'we...
2020-03-24 11:35:07 601
原创 sortablejs实现两个列表之间的相互拖拽
一、HTML<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> <script src=...
2019-12-02 17:29:23 3067
原创 百度地图-路书
一、HTML部分<html lang="en"><head> <meta charset="utf-8" /> <title>路书</title> <style type="text/css"> body, html{width: 100%;height: 100%;margin:0...
2019-11-26 16:18:39 1745
原创 微信小程序实现自定义音频播放
最近开发小程序,发现ios设备用audio原生标签播放不了,后面想了很多办法还是不得行,最后只有自定义一个播放组件。一、HTML部分<div :key="file.id" class="ew-upload-audio" @tap="onPlayAudio(file)"> <div class="ew-upload-audio-f...
2019-11-26 16:17:38 2834
原创 mpvue解决同一页面组件反复进入数据被覆盖的问题
问题:最近在开发小程序时候,遇到一个多层级的目录需要反复跳转到同一个组件,当同一个页面组件被反复进入时由于在mpvue中他们用的是一套vm,所以后面渲染的数据就会将前面页面的数据覆盖,这样在我们回退时就不会有以前页面的记录,一直会是最后一张页面的记录解决:1、只需要在跳转同一个页面组件的时候把上一个页面组件的数据缓存起来let pdList;if(wx.getStorageSync('pd...
2019-11-26 16:15:21 590
原创 微信小程序mpvue修改iview默认样式
问题:最近在开发小程序时候,遇到一个多层级的目录需要反复跳转到同一个组件,当同一个页面组件被反复进入时由于在mpvue中他们用的是一套vm,所以后面渲染的数据就会将前面页面的数据覆盖,这样在我们回退时就不会有以前页面的记录,一直会是最后一张页面的记录解决:1、只需要在跳转同一个页面组件的时候把上一个页面组件的数据缓存起来let pdList;if(wx.getStorageSync('pd...
2019-11-26 16:12:16 1162
原创 webstorm eslint 配置格式化的两种方式
由于有些vue项目里面要用到eslint来控制代码的格式化,开发的时候,经常因为多了一个空格或者少了一个空格之类的,vue会给予警告或者报错,这个看着很烦,现在给大家推荐两种可以快速格式化的方式一、webstorm自带的eslint1.选择File > Settings2.选择File > Settings > Languages & Frameworks >...
2019-11-26 16:08:31 11578 2
原创 微信小程序自定义属性data-xx使用注意事项
在开发小程序的时候,使用data-xx让我遇到了一点问题,找问题找了很久,特此记录一下。如上图:我都是直接用字段deleteReason定义的属性名称如上图:然后根据属性名称获取相应的值然后打印值到控制台如上图:打印出来为undefined我也是醉了,感觉上面的逻辑没得毛病啊,瞬间就不开心了,然后重新梳理流程检查了一次又一次,还是感觉没问题啊,最后没办法,只有调试了一波如上图:打...
2019-07-30 17:06:29 3040 1
原创 百度地图添加点、多边形、圆
最近抽空看了一下百度地图的覆盖物API,特此记录一下,后续会继续学习地图其他的操作,也会记录…<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" c...
2019-07-30 17:04:19 1887 2
原创 基于angularJs1.x的h5 签名
最近应公司要求做了一个h5的电子签名,废话不多说,直接上代码<!--HTML部分--><script src="lib/jquery.1.11.3.min.js" type="text/javascript" charset="utf-8"></script><script src="lib/jq-signature.js" type="text/javascript" charset="utf
2017-08-26 11:02:53 1635
原创 angular.js h5 视频播放器
最近应公司的要求做一个手机端视频播放器,之前打算就用h5的video播放,但是到手机上去看的时候兼容不好,因为项目本身基于angularjs,所有就找了一个videogular.js感觉不错,直接上代码: {{ currentTime | date:’mm:ss’:’+0000’ }}
2017-08-26 10:49:50 1978
原创 electron自写窗口与第三方窗口之间的通信,并获取第三方窗口传过来的值
今天公司提了一个新的需求,要求把在公司的页面里获取到第三方页面传过来的值,然后传递给服务器,研究了几个小时,终于搞出来了,特此记录一下,以后怕忘了。。。
2017-08-08 15:24:00 14763 3
原创 ionic生成应用图标和启动页
cmd切换到项目目录,然后用做好的应用图标和启动页替换掉在resources下面的icon和splash,注意文件命名得跟那两个一样,icon图片大小192*192,splash的图片大小:2208*2208可以直接命令:ionic resources也可以单独生成:ionic resources --iconionic resources --splash
2017-05-09 20:11:47 691
原创 使用electron打包桌面应用
目录结构与文件Electron App的目录结构如下:your-app/├── package.json├── main.js└── index.html你应用里的 package.json 看起来应该像:{ "name" : "your-app", "version" : "0.1.0", "main" : "ma
2016-10-13 22:51:04 17278 7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人