发布于2018/12/04 15:25
iphoneX input blur之后， 键盘收起但键盘所占地方卡住的问题
今天遇到bug, iphoneX在input blur之后， 键盘收起来了，但是键盘所占的地方有时不变，有时卡住一半的问题, 这种问题可能过几天就会被修复，无需太过关注， 只要知道就好，如果发生类似问题， 可能有一个尝试方向
解决方案
<input @focus="fixIphoneXFocus" @blur="fixIphoneXBlur" placeho...
- 2633
发布于2018/12/04 15:22
处理Chrome预填充的问题
设计需求:
[图片]
问题
在chrome浏览器中，登录的时候会提醒是否记录密码，点击确定之后，下次再进入此页面，浏览器会自动向输入框中天充值，背景未黄色， 但是在用户和浏览器产生交互（鼠标点击等）之前，用js或取值并获取不到（预填充），这样也就出现了用户可以看到输入框中有值，但是由于js未获取到值，提交按钮还显示的灰色禁用状态
360浏览器填充是真正的填充
解决方案
...
- 2594
发布于2018/09/03 14:08
微信小程序开发记录--IPhoneX适配
苹果在iPhoneX上彻底取消了实体Home键，取而代之的是主界面底部不显眼的白色横条“Home Indicator”。底部的黑色线条如果不做处理， 会将底部按钮遮挡
[图片]
处理方式是为底部留出充足空间
1. 获取设备信息，判断是否是iPhoneX
const isIphoneX = wx.getSystemInfoSync().model.indexOf('...
- 3094
发布于2018/08/09 14:11
element-ui管理系统--权限树
使用element-ui搭建一个管理系统模板，基于开源项目vue-element-admin， 由于此项目的权限是再前端固定的，但是需求是通过后端请求生成权限树，所以需要修改此部分，本文记录权限树搭建过程，
步骤：
- 登录之后， 获取当前用户权限列表
- 根据权限列表和项目设好的路由对照，生成正确的路由树
- 2786
发布于2018/08/07 09:59
微信小程序开发记录--路径问题
小程序路径问题总结
# 相对路径
1. js文件中import的路径
2. wxml中 wxs.src 的路径
# 绝对路径
1. background路径只能是网络路径或者base64,不可以是本地资源
# 可以相对路径， 可以绝对路径('/'指向根路径)
1. page.json中引入组件
2. image.src
...
- 2537
发布于2018/08/07 09:13
微信小程序开发记录--功能限制
记录小程序不能完成的功能， 再次记录，如有相关需求，在需求确定阶段即可修改
# 分享
1. 点击分享弹出弹窗之后， 无法监听是否分享了， 官方说明 分享功能调整背后的故事 ，（如果其它小程序实现了， 可能是因为版本问题， 分享功能调整之后的小程序版本都无法实现）
2. 指定分享到群或者个人, 实现不了，只能用户自己选择
3. 分享到朋友圈， 实现不了， 没有相关接口
...
- 2501
发布于2018/08/06 15:26
微信小程序开发记录--innerAudioContext
一下问题除特殊说明以外，均只测试了android平台
小程序播放音频共有两个API： innerAudioContext 和 backgroundAudioManager, 两者相似，但是用法差别较大， 可根据其特性选择使用，此处对innerAudioContext进行总结
# 特性：
- 非全局唯一
每生成一个innerAudioContext, 其事件和属性唯一，...
- 3262
发布于2018/07/30 11:15
微信小程序开发记录--横屏
遇到小程序横屏需求，在此记录
前提说明：
- 小程序不支持横屏， 官方未提供横屏api
实现：
小程序横屏需要使用transform: rotate自己旋转实现, 封装成组件
/** wxml **/
<view style='width:{{windowHeight}}px;height:{{windowWidth}}px;transform-origin:{{wi...
- 2505
发布于2018/07/04 16:28
微信小程序开发记录 -- request
微信小程序发起ajax请求是使用的微信API wx.request
1. 微信使用request有以下几点注意
1. Content-Type
request的Content-Type要根据不同的请求类型进行不同的设置， 否则后端接收不到数据
post： application/x-www-form-urlencoded;charset=utf-8...
- 3017
发布于2018/06/09 15:00
微信程序开发记录
1. textarea 页面滚动， textarea的内容不动，保持类似position:fixed的效果
- textarea不能放在scroll-view中， 滚放有说明
- page 不能设置高度, 否则也会引起此问题发生
2. async/await使用
最近写的小程序里包含了很多ajax的链式操作，使用promise虽然能实现，但是大量的t...
- 2391
发布于2018/06/09 14:56
微信bug记录
1. 微信签名报ReferenceError错误
ReferenceError（引用错误） 对象表明一个不存在的变量被引用。
问题描述： Android正常签名， IOS签名报错; 在本地映射之后测试Android和IOS均正常
问题解决： 服务器拦截是https, 而在页面中映入微信jssdk使用的http导致的， 在页面中引入是不添加协议，直接 '//'开始
//r...
- 2306
发布于2018/05/23 16:41
前端项目基础--启动
目前的前端项目基本都需要使用webpack，从而启动项目也有一些固定的流程， 此处的示例项目是有vue-cli生成的项目， 使用webpack 处理代码, npm 管理依赖包
前端根目录中有一个package.json文件， 记录项目的依赖等信息
拿到一个项目， 需要先在在根目录执行 npm install 命令安装依赖包，依赖的包会存放在node_modules文件夹中，此文件夹需...
- 2537
发布于2018/04/10 10:35
Cordova(1) 环境配置
安装 nodejs, Android SDK, JDK
配置Android环境变量
新建系统变量ANDROID_HOME
[图片]
Path 中添加下图中两个路径
[图片]
DOS命令行窗口输入“adb”， 查看配置是否正确
[图片]
安装Gradle
教程: https://www.cnblogs.com/linkstar/p/7899191.html,...
- 2491
发布于2018/04/04 21:28
css兼容记录 -- flex
1. 火狐浏览器flex元素的直接子元素设置百分比padding无效
解决方案：
在需要百分比padding的元素和flex元素之间添加一层元素
...
- 2273
发布于2018/03/20 10:43
css 奇怪问题记录 - transform相关
1. div1.border-radius > div2.transform > div3 三层结构，
https://www.zhihu.com/question/31347571/answer/77789086
.div1 {
border-radius: 10px;
overflow: hidden;
transform: rotate(0); //...
- 2299