px转rem的填坑之路

这是要为一个vue项目做自适应,设计稿是1920*1080的,要适应各种手机.ipad.3840*2160的超大屏,所以就选择了rem,包用的是 postcss-pxtorem 在适配的时候遇到了很多问题,初版是这样的: // 设计稿以1920px为宽度 function setRem() { const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; const htmlHeight…

Android Studio 3.0正式版填坑之路

原文:https://www.jianshu.com/p/9b25087a5d7d Android Studio 3.0启动图序言总看别人的文章,今天尝试着自己来写一篇.在逛论坛时候,无意间发现Android Studio 3.0正式版本推送更新了,早听说AS 3.0添加了许多新功能,然后手贱迫不及待地想先睹为快,结果正中下怀.下载和更新Gradle,半天无响应,只好结束进程强制关闭AS,手动离线下载安装.本以为不会有太大问题,谁知太高估了,进来各种的报错,各种的配置问题,填坑之路就此开…

微信公众号支付备忘及填坑之路-java

一.背景最近公司给第三方开发了一个公众号,其中最重要的功能是支付,由于是第一次开发,遇到的坑特别的多,截止我写博客时,支付已经完成,在这里我把遇到的坑记录一下(不涉及退款).不得不吐槽一下,腾讯这么大的公司,写的代码真的烂,变量命名不规范(后来又开发了公众号分享,发现对于同一个变量,两个地方的变量名不同),文档写的垃圾,而且好多时候,有返回的错误码但是文档上没说明,另外线上线下测试极其不方便. 二.参考资料 1.JSAPI支付开发文档:主要是支付开发过程中接口.流程.注意事项.常见问题等: 2…

基于环信SDK的IM即时通讯填坑之路(vue)

公司最近使用第三方环信SDK的进行通信聊天,基本已完成.记录下填坑之路 1.可以通过以下方式引用 WebSDK 1.安装 npm install easemob-websdk --save 2. 先 require ,再访问 Web IM . require('easemob-websdk'); 注:该方式只引用了 Web SDK ,仍需在项目里配置 WebIMConfig 文件内的参数,用于实例化 websdk.配置在 webim.config.js 文件内进行以下配置: xmppURL: '…

Mybatis-Plus的填坑之路 - Lynwood/wunian7yulian

目录 Mybatis-Plus 我来填坑~ 目录一.简单介绍官方说明 : 成绩: 最新版本: 开发层面MyBatis-Plus特色 Mybatis-Plus中的Plus 二.MP的特性三.MP框架结构四.简单的入门Demo(Mysql) 五.核心功能核心一-简便之-代码生成器(AutoGenerator) 核心二 - 清晰之-CRUD接口核心三 - 强大之 -Wrapper条件构造器六.插件及扩展 Demo代码地址: 工程: 七 .总结参考文档: Mybatis-Plus 我来填…

mint-ui 填坑之路

swipe组件因为项目加载eslint的缘故也就没有像之前的项目一样引用swiper框架.这个轮播图的组件文档实在是不敢恭维(尽管其他的文档也好不到哪里去),官方给出的参数真是少的可怜,一些方法也并没有提到.官方的api如下图所示,你懂的: 仔细的看了的这个组件的example后,会找到一些常用的方法. 轮播默认不播放需要将auto的值设置为0 轮播图的手动控制利用vue的ref先绑定引用的swipe根标签. <mt-swipe ref="swipe" class="…

微信小程序填坑之路其一：wx.request发送与服务端接受

一.序言应公司要求要求,要用小程序开发一个信息录入系统.没办法只能听话来填坑. 先介绍一下环境:客户端——小程序:服务端——java:数据库——mysql:服务器——centos7 需求:客户端输入信息,insert到数据库,没错就是这么一个简单的小功能,却为这个请求折腾了大半天二.开始先来看一下wx.request的官方文档:地址如下https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html#wxrequestob…

微信小程序填坑之路（三）：布局适配方案（rpx、px、vw、vh）

因为小程序是以微信为平台运行的,可以同时运行在android与ios的设备上,所以不可避免的会遇到布局适配问题,特别是在iphone5上,因为屏幕尺寸小的缘故,也是适配问题最多的机型,下面就简单介绍几种适配方法. rpx适配 rpx是小程序中的尺寸单位,它有以下特征: 小程序的屏幕宽固定为750rpx(即750个物理像素),在所有设备上都是如此 1rpx=(screenWidth / 750)px,其中screenWidth为手机屏幕的实际的宽度(单位px),例如iphone6的screenWi…

H5嵌入原生开发小结----兼容安卓与ios的填坑之路

一开始听说开发H5,以为就是做适配现代浏览器的移动网页,心想不用管IE了,欧也.到今天,发现当初too young too simple,兼容IE和兼容安卓与IOS,后者让你更抓狂.接下来数一下踩过的坑.主要分UI展示,键盘,输入框等等.解决bug最苦恼的问题不是没有解决方案,而是你没有找到真正的原因.再就是现象难以重现,每次都要发布代码,然后到手机app中去测试,模拟.这些地方会耗费大量的精力. 一.UI相关 1.安卓4.4以下不支持fixed布局. fixed布局的作用之一就是在手机键盘弹起…

taro 填坑之路（一）taro 项目回顾

(1)像素写法 PX -- 大写,否则会自动成rem (2)拿取列表第一条数据 let { activity:[firstItem] } = this.state; (3)使用props 需要设置默认值 XXX.defaultProps = { changeInput:null } (4)引入组件时,组件名需与文件名相同,否则报错 (5)引入的函数不能直接在子组件中用箭头函数调用,需要在子组件中单独写个函数,调用props上的函数 (6)map 不能放在 render 之外(h5可以,小程序不支…

Elasticsearch-2.3.x填坑之路

使用版本说明:2.3.2 强制不能使用root用户启动?因为在2.x版本强调了安全性,防止attracker侵入root用户,所以建议使用者创建其他用户启动.当然,可以通过配置来实现root用户启动.在bin目录修改elasticsearch.in.sh文件,填加如下配置项:JAVA_OPTS="$JAVA_OPTS -Des.insecure.allow.root=true"这样就可以用root用户启动elasticsearch了,当然还是建议大家创建其他用户使用. 节点加入集群?在…

Genymotion填坑之路

Genymotion是一款android的模拟器,之前用的一台电脑直接装上就可以用,后来换了一台机器,一直报获取不到IP,后来网上各种找方法,偶然发现网上说的是硬件问题: 在BIOS中将CPU的virtual technology设置为enable,后来还真的成功了,花了我一天时间台式机进入BISO模式,打开主机电源的时候按DEL键. 关于VirtualBox不能创建一个新任务,原因是使用win7的ghost系统,其破解了win7的三个原版主题文件,下载这三个文件,把后缀名改为.backup复…

display:box和display:flex填坑之路

背景分析:最近做移动端项目时,遇到一个常见的需求: 可以滑动的导航,如下图虽然是很常见的一个布局,但在移动端没有做过,想当然的写下以下的样式,简单描述下: 父元素 width:100%: overflow: hidden; overflow-x: scroll: 子元素 float:left 浏览器刷新后,我擦,并不好使,折行了··· 停下来想想,看看那手百是怎么实现的: overflow: hidden; overflow-x: auto; -webkit-overflow-scrollin…

thingsboard填坑之路

因为thingsboard都是国外的资料,国内基本没有参考资料.所以,记录下来源码安装当中,遇到的问题. thingsboard官网源码安装连接: https://thingsboard.io/docs/user-guide/contribution/how-to-contribute/ 我的安装环境:win7,已有软件:node,eclipse,maven 问题一根据官方的安装步骤,执行到 mvn clean install -DskipTests 这一步的时候,报一下错误: …

微信小程序填坑之路

图片处理三个小方法仅供参考1.将图片转成base64编码,可以使用代码来转换,当然我才不愿意特意写代码转,我懒,献上一个在线图片转base64的地址:http://tool.css-js.com/base64.html这会得到一个很长很长很长的字符串,但是比较一下,是图片占容量还是字符串占容量,我就放心的使用了 base64的格式data:[][;charset=][;base64], 在html中使用的方法<img src="data:image/jpg;base64,/9j/4QMZ…

vue-router填坑之路

1.在结构化css时,习惯将不同的css文件通过一个入口文件打包,而入口文件在引入其他css文件时,需要强烈注意,要在单行末尾加分号: 少分号的,单行相对应的css文件会引用无效 @import './login.css'; @import './app.css'; @import './transition.css';…

小程序填坑之路（二）：cover-view

https://blog.csdn.net/mr_chen95/article/details/79261987 在一些情况下,我们需要对map.video.canvas.camera这些微信小程序的原生控件,进行自定义,比如在camera上添加一个矩形线框作为拍照区域,这时我们就需要使用到cover-view这个控件. cover-view的使用方法与view基本一致,以下是一些注意点: 在同一父容器中,要在原生控件上添加布局,只能用cover类的控件,因为原生控件的层级处于顶层,即使将非co…

taro 填坑之路（三）taro 缓存

1.taro 缓存 /** * 缓存数据 H5 小程序 * {food.id:{菜品信息 Num}, } */ import Taro from '@tarojs/taro'; // 取值 let store = Taro.getStorageSync(foodKey); // 存值 Taro.setStorageSync(foodKey,store); 2.Array 的 some 和 filter some 返回值为true/false if(this.state.foodlist.some…

taro 填坑之路（二）taro 通过事件监听实现组件间传值

1.组件传值的方式 2.事件监听原理 3.事件管理器 utils/event.js /** * 事件池(事件管理器) * 通过事件监听传值 */ class Event { constructor() { this.events = {}; } // 监听 on(eventName,callBack){ if(this.events[eventName]){ // 存在事件 this.events[eventName].push(callBack); }else{ // 不存在事件 this.e…

[转]微信小程序填坑之路之使用localhost在本地测试

本文转自:http://www.wxappclub.com/topic/798…

Android Studio 3.1.3填坑之路

昨天编写程序的时候,遇到了一个非常令人头疼的BUG,如下图: 标题栏和里面的内容都消失了,这对于一个非常在乎排版的软件来说简直就是晴空霹雳,搞了好长时间,终于在今天找到解决方法,原来是升级搞的鬼,最新的android studio 3.1.3用的SDK版本是28,可能这个版本有问题,今天试着改回了27,如下图: emmmmmmm,一切都好使了.心中一万匹...…

html2canvas的踩坑之路

html2canvas的踩坑之路前言早有耳闻这个html2canvas比较坑,但无奈于产品需求的压迫,必须实现html转图片的功能,自此走上了填坑之路,好在最后的效果还算令人满意,这才没有误了产品上线周期. html2canvas介绍 html2canvas的详细介绍可以点击这里查看,其实简单来说就是通过canvas将HTML生成的DOM节点绘制到画布上,再可以通过自己的需求转换成图片.所以官方文档也说了,最后生成的效果不是100%相同的,这一点大家要有心理准备,无论怎样,一点点小瑕疵是肯定…

webapp填坑记录[更新中]

网上也有许多的 webapp 填坑记录了,这几个月,我在公司正好也做了2个,碰到了一些问题,所以我在这里记录一下我所碰到的问题: meta 头部声明在开发的时候,刚刚创建 HTML 文件,再使用浏览器的手机模式是没有手机上的效果的,所以要在头部添加: <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=n…

移动web开发填坑（一）

上周开始接触移动web开发,默默的掉进了很多坑里面.本文主要总结本周遇到的坑以及如何填坑. 1.px与rem换算. 设计稿的宽度一般是640px,而iphone是320px,所以测量设计稿的结果首先要除2,这时的单位还是px,下一步要转换成rem,怎么转换呢?得看根节点怎么设置的. 首先,任意浏览器的默认字体高都是16px,所有未经调整的浏览器都符合: 1em=16px:那么10px=0.625em:于是为了便于计算,可以为body设置font-size=62.5%:到这里,换算关系为10px=…

webapp填坑记录

【结果很简单,过程很艰辛】记阿里云Ons消息队列服务.NET接口填坑过程

Maybe 这个问题很简单,因为解决方法是非常简单,但填坑过程会把人逼疯,在阿里云ONS工作人员.同事和朋友的协助下,经过一天的调试和瞎捣鼓,终于解决了这个坑,把问题记下来,也许更多人在碰到类似问题的时候,会开放思路.当然不得不说,Ons的.NET接口还很不完善,甚至没有独立在Windos 2008/2012服务器测试过,希望官方加把力. 1.阿里云ONS介绍 ONS(Open Notification Service)即开放消息服务,是基于阿里开源消息中间件MetaQ(RocketMQ)打造的…