摘要： 问题场景 所谓悬浮窗就是图中微信图标的按钮，采用fixed定位，可拖动和点击。 这算是一个比较常见的实现场景了。 为什么要用cover view做悬浮窗？原生组件出来背锅了~ 最初我做悬浮窗用的不是cover view，而是view。 这是简化的代码结构： index.wxml: 一大段test，占 阅读全文

摘要： 问题现象 这个问题是最近在优化小程序代码时发现的。 在ios环境下，微信小程序的scrollview组件包裹着一个position：fixed的view。 当在scrollview组件上滑动时，这个view会疯狂抖动。 直接上图吧： 下面是简化后的代码： 我是头部fixed元素 这里是一大段test 阅读全文

摘要： 问题现象 这个问题的现象说起来很简单。 小程序页面中有一篇很长的文章，内部有一个Echarts图表，手指上下滑动观看内容。 但是手指滑动区域在Echarts图表上时，页面却不能滑动了。 如下图： 追踪问题原因 因为在小程序上渲染图表用到的是 "echarts for weixin" 这个组件,而这个 阅读全文

摘要： 前言 最近一段时间都在做小程序。 虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。 这次是从零开始开发一个小程序，其实除了一些莫名其妙的兼容性问题，大多数坑点都是在微信小程序的各个入口场景处。 所以这里整理一下微信小程序的各个入口场景，以及从这些入口场景进入小 阅读全文

摘要： 前言 最近出于兴趣想自己做一个2D的游戏，因为有着C 的基础，所以决定使用Unity3D来做。 之前对于Unity3D其实了解不多，不过看了一些Unity3D的视频和官方文档后，暂时做起来也没遇到什么太大的困难。 本篇博客要说的是Unity 2018.3新增的一个东西——Isometric Tile 阅读全文

摘要： 前言 本例基于react，但是实际上就是用原生js做的。兼容性做到了IE9，但是按照这个思路做是可以做到IE8甚至更低的。 需求与最初的思路 当我拿到这个需求的时候以为很简单，就是可以给页面上的文章做记号，比如添加个下划线，或者背景涂色做成荧光笔的样子。 因为只需要兼容IE9，所以window.ge 阅读全文

摘要： 前言 本例是在React中实现，不过改一改通过原生js也很好实现，另外兼容性也做到了IE9。（IE8讲道理也是可以的）。 首先看一下需要实现的需求： 要拖动图中的白色横条调整绿色和蓝色区域的高度，要拖动白色竖条调整左边区域和红色区域的宽度。 一两年前曾经遇到过这个需求，当时直接在网上搜了个解决方案贴 阅读全文

摘要： BUG现象 今天排查BUG遇到一个有趣的BUG，测试的截图显示 这个BUG只在IE11下出现。 BUG原因 这个问题的原因是keep alive机制引起。 当浏览器在向一个网址发起请求时，会建立一个tcp/ip连接，之后发起的请求会复用这个连接。 但是这个连接有两个限制，就是连接超时时间和最大连接次 阅读全文

摘要： 序言 这里要讲的就是一个Redux在React中的应用问题，讲一讲Redux，react-redux，redux-thunk，redux-actions，redux-promise，redux-saga这些包的作用和他们解决的问题。 因为不想把篇幅拉得太长，所以没有太多源码分析和语法讲解，能怎么简单 阅读全文

摘要： 前言 最近对一个比较老的公司项目做了一次优化，处理的主要是webpack打包文件体积过大的问题。 这里就写一下对于webpack打包优化的一些经验。 主要分为以下几个方面： 1. 去掉开发环境下的配置 2. ExtractTextPlugin：提取样式到css文件 3. webpack bundle 阅读全文