（本文仅针对使用微信小程序官方tabbar的情形）1、需求分析一般来说，小程序底部tabbar点击激活都是使用原生页面，这样切换效果好。但就是有些特殊的需求要使用h5页面来承载tabbar的激活页。由于h5需要使用webview页，而小程序webview打开就是铺满整个屏幕容器，且无法被其他元素覆盖层级，所以是无法做到tabbar和webview同时展示的，只能跳转一下。2、处理点tabbar激活

由于资源有限，没有linux服务器可用，这里就以windows环境为例，配合jenkins和nginx，搭建一个前端项目自动化部署示例，供参考和学习。一、jenkins1、下载安装官网下载jenkins：传送门选择LTS windows版本：按照提示一步步安装jenkins然后安装相关插件，下载很慢，慢慢等吧，我等了一整天，还重试了一次才把全部插件下载安装完。。。2、创建jenkins任务jenk

传送门：小程序swiper组件官方文档整理微信小程序swiper组件使用中遇到的一些问题及其解决方法：1、swiper轮播图图片高度自适应描述：swiper组件有个默认高度150px，有时候做轮播图特效时要求图片高度能自适应，而不是写死的宽高。解决方法：首先给image标签设置mode=“widthFix”，然后绑定bindload事件，然后在事件方法里通过e.detail.width和e.det

在自己实现之前会觉得日期的展示这块不好处理，而实现过后会发现这块的处理逻辑很有通用性，无论是pc端还是移动端、vue栈还是react，都能套用同样的处理方式，其他的交互和自定义展示就没啥难度了，根据业务需要自己定制就行。日期列表参照 antd-mobile 的展示，固定6行，共42项，共用一个容器，和星期栏类似，flex布局，子元素占总宽度的1/7，溢出换行（flex-wrap: wrap）。以上

最近有空，准备写个系列教程，把公司目前在用的h5项目从搭建到实践优化的一些心得和经验记录一下，技术栈是vue2.x的，马上3.0正式版就要出了，再不写就要过时啦哈哈。github传送门：1、h5主项目2、项目脚手架3、子项目模板1、项目需求我司h5主要做移动端，运行在app和小程序里，也就是hybrid app混合开发模式。刚来公司时，公司h5才刚开始起步，同事只开发了三个h5需求，这三个需求在业

h5实现仿微信那种页面切换时左右横滑的动画效果，页面前进时新页面从右往左滑，页面后退时旧页面从左往右滑。(注：本文以vue为例)一、思路分析只实现路由切换动画很简单，只需要给路由出口router-view用transition元素包装一下，加上过渡样式即可：<transition :name="myName"><router-view/></transition&gt

github传送门：1、h5主项目2、项目脚手架3、子项目模板系列文章传送门：vue简易微前端项目搭建（一）：项目背景及简介vue简易微前端项目搭建（二）：子项目模板及项目脚手架搭建vue简易微前端项目搭建（三）：webpack相关配置1、概述统一代码风格包括编辑器基本配置、代码校验及格式化工具，强烈建议尝试配置下，特别是eslint起初可能不习惯，三五天时间就适应了，能帮助避免很多低级错误，另外

render函数是vue中生成虚拟dom的底层api，可用于在组件封装中使用js编写动态模板，实现js的完全编程能力。vue中在一些复杂场景下使用template模板不太方便，例如需要引入大量子组件时，使用template模板会使代码重复冗余，这时用render函数就可以轻松解决问题。一、render函数的背景在深入渲染函数之前，建议先了解一下vue的渲染原理。1、虚拟domvue通过建立一个虚拟

react hook 风格下不再使用class类的形式定义组件，也就不再适用mobx以前版本的装饰器语法。以下分享 reack hook 语法风格下使用 mobx v6 版本的状态管理配置使用方式。相关依赖版本："react": "^17.0.2","mobx": "^6.3.2","mobx-react-lite": "^3.2.2",一、mobxmobx 是 react 生态中常用的状态管理插

Vite 是新一代的前端开发与构建工具，相比于传统的webpack，Vite 有着极速的本地项目启动速度（通常不超过5s）以及极速的热更新速度（几乎无感知）。Vite 官网：https://cn.vitejs.dev/下面分享 Webpack 项目（vue-cli项目）迁移至 Vite 的过程步骤、遇到的问题及解决方式。一、项目背景首先不建议做同时支持webpack和vite，这种只适合自己玩玩，