ErgateForm 是配置化的 antd form(react) 组件。通过配置化生成表单。实现了表单联动、动态表等单功能，表单属性仍沿用 antd form 各个组件的属性。

在一个小公司最大的好处是什么都要搞，PC/公众号/小程序，前台，后台，中台，react，vue、UI都接触，产品需求不断，项目越做越多，人还是那几个。对于前端的标准化，工程化的要求越来越高。

经网上多番搜索，定位到问题出在MiniCssExtractPlugin.loader。上一次为了解决样式背景图片不输出的问题，修改过MiniCssExtractPlugin.loader的配置

始终爆图片未找到的错误，按照网上找到的解决方案，补全MiniCssExtractPlugin配置项publicPath，但依然出错。看来问题不是出在MiniCssExtractPlugin。后经过仔细排查。定位到错误其实是css-loader编译时爆出来的。

在一个小公司最大的好处是什么都要搞，PC/公众号/小程序，前台，后台，中台，react，vue、UI都接触，产品需求不断，项目越做越多，人还是那几个。对于前端的标准化，工程化的要求越来越高。

项目需要兼容PC/H5，需要监听浏览器的前进和后退按钮点击并分别处理逻辑监听popstate对popstate关键字做监听方法，能够实时拦截用户点击前进按钮和后退按钮的操作，但不能够区分用户到底点击的是前进按钮还是后退按钮监听popstate {代码...} pushState推送历史记录 {代码...} 监听前进/后退按钮为了满足需求，我们需要为...

aotooaotoo是一个react的封装库，将react组件js实例化 GITHUB源码INSTALL {代码...} USAGE 1将原生React组件封装成JS对象 {代码...} USAGE 2使用配置数据生成实例 {代码...} 通用属性属性类型说明$$idString类似于$('#id')的idcreatedFunction生命周期，同小程序组件attachedFunction生命周期，同小程序组件readyFunctio...

小程序组件swiper需要指定固定高度，但在某些场景中我们需要动态设置swiper的高度以完整展示swiper中的内容，比如高度不同的图片，笔者最近项目中的日历组件(31号有时会多出一行)等等，如何使swiper组件自适应高度呢？

以斜杠/开头表示目录； 以星号*通配多个字符； 以问号?通配单个字符 以方括号[]包含单个字符的匹配列表； 以叹号!表示不忽略(跟踪)匹配到的文件或目录；

最近在开发中遇到的一些坑点 表单组件(input)如何阻止冒泡 在容器(fixed)中的input如何弹出键盘 阻止input冒泡 {代码...} 上例中input操作会冒泡到container，导致onTap响应执行 修正 {代码...} 冒泡的问题是由input的tap事件导致，因此定义一个empty的空方法，使它响应input的catch:tap，来达到阻止input的冒泡的作用 ...

小程序商城项目中，需要设置价格区间，或者在旅游行业项目中需要设置时间区间，双头选择器有比较好的交互效果 支持设置单头、双头选择器 支持自定义选择头的文字/图片 支持自定义轴 支持开启/关闭提示信息 支持事件绑定 示例代码 {代码...} 配置说明 wxml {代码...} js {代码...} 配置参数 调用 'mkSslider(param)' 方法...

日历组件，表单组件绝逼是前端开发的一个噩梦，尤其要做好一个旅游项目的日历，变态需求特别多，要在小程序中实现携程app的日历，还要兼顾性能问题。

一个开源的悬浮按钮组件，小程序原生支持。 一直很喜欢华为的导航按钮，能够完美适合大屏手机，自由停放位置，不论是左手习惯还是右手习惯，都很方便(可能我手比较小，左右上角够不着）。 支持功能 支持自由拖动，停放 支持自定义事件(单击，双击，长按) 支持自定义导航球中间的文字/图片 开发难点 使用wxs 悬浮球的开发...

使用sass,stylus可以很方便的使用变量来做样式设计，其实css也同样可以定义变量，在小程序中由于原生不支持动态css语法，so，可以使用css变量来使用开发工作变简单。

request封装 为小程序get/post的promise封装 rq.js {代码...} 位置服务方法 需要开通小程序的位置服务功能，在小程序控制台 简单的封装了三个位置服务的方法 所在地城市 地区搜索 范围搜索 {代码...} 调用 {代码...}

封装方法 为小程序wx.request封装promise rq.js {代码...} 使用 {代码...} 源码戳这里 关注小程序

参考了一系列的小程序UI库。。。，最后参考了ant-design的折叠面板(collapse)组件设计，功能大致如下 支持默认展开 动态设置标签栏 动态设置内容 支持无效状态 支持切换响应方法 戳源码 构思 折叠面板组件由列表组件(ui-list)实现，列表项作为标签页，列表项子元素content作为弹出层，数据子项结构大致如下 {代码...} 列...

使用模板结构(view)生成水果盘的好处一是用户可自定义产出n x n的定制化老虎机，二是容易通过算法样式生成布局，三是通过wx.selectQueryAll的方法能够很方便的抓到定位数据。但，问题是动画性能过于孱弱，如图构建一个7x7的水果盘，动画性能估计会惨不忍睹，而且纯粹模板结构无论使用animation动画方法还是css的keyframe...

动态配置标签的好处一是所有逻辑在JS端控制，二是使得我们的模板非常规范，方便后续维护更新，碎片模板可以很好的控制，三是我们可以根据使用场景很方便的配置props的属性，这样在html结构输出的时候能够得到比较干净的结构

最近做一个刮刮卡，需要将文字在canvas中水平、垂直居中 wxml {代码...} 使用canvas2d构建画布 蓝色线为水平中线 红色线为垂直中线 文本设置方法 fillText方法为canvas设置文本方法，使用如下所示 {代码...} x为横轴坐标 y为纵轴坐标 上例将文本内容设置在canvas画布的坐标位置上，跳脱web的开发思维，我们可以认为X点相...

aotoo-hub是一套正式上线的大前端解决方案。迭代的这2年多的时间，从webpack-1熬到了webpack-4，从纯前端脚手架到融合node端的整体方案，从繁复到精简，重构的次数不要太多。简单、易用、易部署的一体化大前端开发体验是aotoo-hub始终的追求，我们不是在重构，就是在重构的路上(保持一致性)。

通过slime.build生成js、css的生产和开发环境所需的文件，生产环境会自动带压缩及带hash，对于不熟悉gulp的同学，可能是个好的学习资料，可以看看里面的源码及布局，以便于开始自己在公司的项目