小程序滚动穿透？ 小程序textarea穿透？

web前端面试题分享—微信小程序篇(一)

微信小程序基础 小程序的布局和样式：小程序的布局和样式以view为主，类似于html中的div。同时，小程序提供了scrollview组件，可以灵活控制滚动。 核心文件：APP.json与app.js共同构成小程序的核心。App.json用于配置全局信息，如页面路径、窗口表现等；app.js则处理小程序的生命周期函数和全局变量。

申请小程序账号。安装并配置微信开发者工具。创建并配置项目。进行开发、调试。上线发布小程序。微信小程序的兼容性问题及解决方案：遇到的兼容性问题包括日期格式不一致、wx.getUserInfo接口的更新以及部分API在不同平台下的差异。解决方法包括使用正则替换日期格式、调整API调用逻辑等。

微信小程序基础小程序的布局和样式以view为主，类似HTML的div，同时提供了scroll-view，可灵活控制滚动。app.json与app.js共同构成小程序的核心，前者配置全局信息，后者处理生命周期和全局变量。小程序的样式系统WXSS简化了CSS，引入了rpx适应不同设备，而微信提供了api以调用生态功能，如wx.chooseImage。

开发微信小程序时，使用与Web开发相似的过程，但需确保小程序在特定App中运行，如微信或支付宝。开发流程包括申请账号、安装开发者工具、配置项目、开发、调试和上线发布。遇到的兼容性问题包括日期格式、wx.GetUserInfo接口的更新以及部分API在不同平台下的差异。

答案：process是node.js中的一个全局对象，提供了有关当前Node.js进程的信息和控制当前进程的方法。 常用方法：process.exit（）退出进程，process.cwd（）获取当前工作目录，process.env获取环境变量等。

由于内容较多小编分开为大家介绍，今天首先来和小编一起看一看第一部分的内容，希望这些面试题能够对正准备找Web前端相关工作的小伙伴们有所帮助。

uniapp+vue3开发微信小程序踩坑集

1、注意点：理解uniapp小程序页面生命周期与Vue组件生命周期的概念，确保在组件中正确应用如onLoad等生命周期方法。通过关注这些常见问题和相应的解决方案，开发者可以更高效地解决在uniapp+vue3开发微信小程序过程中遇到的挑战。

2、理解生命周期的概念，uniapp小程序包含自身页面生命周期与Vue组件生命周期，确保在组件中正确应用如`onLoad`等生命周期方法。以上内容旨在提供在uniapp+vue3开发微信小程序过程中可能遇到的问题及解决方案，通过持续优化和学习，开发者能够更高效地解决开发中的挑战。

3、uni-app 在运行到微信小程序时，使用的并非是 vue 官方库，而是通过 vite 的 resolve.alias 配置指向了一个修改过的 vue 库（@dcloudio/uni-mp-vue）。这个修改过的 vue 库没有导出 TransitionGroup，而 @vueuse/core v10 在某些功能中依赖了从 vue-demi 导入的 TransitionGroup。

4、UniApp开发App的优点：跨平台开发：使用UniApp可以一次编写代码，然后将其转换成多个平台的应用程序，包括iOS、android、H5和小程序等，节省了开发人员的时间和精力，提高了开发效率。统一的开发语言和工具：UniApp基于Vue.js框架，开发者可以使用熟悉的Vue.js语法和开发工具进行开发，降低了学习成本。

5、在 @vueuse/core v10 发布后，尝试在 uni-app （vue3） 上使用时遇到报错。为解决此问题，首先复现了配置情况，包括拉取 uni-app 官方的 vue3 模板、安装依赖和引入 @vueuse/core。

6、mpvue基于vue，优化了vue的runtime和compiler实现，以前常用来开发小程序，后来停止维护了。uniapp和app有啥区别会造成APP的用户，和微信小程序之前的用户关联不上。因为这批客户是在开通微信开放平台账号之前注册进去的，只有openid，没有unionid。

微信小程序的常见面试题?

1、微信小程序的常见面试题主要包括以下几个方面：基础结构与样式元素：view、scrollview等组件的作用和使用场景。app.json、app.js和wxss文件的特性和作用，如如何配置小程序的全局设置、页面路径等，以及如何进行样式定义。原生组件与微信生态功能API：原生组件的分类及其在非浏览器环境下的特性。

2、小程序获取手机号的方法是：设置一个button组件，其open-type属性设为getPhoneNumber。当用户点击并同意后，通过bindgetphonenumber事件回调即可获取到动态令牌code。接着，将code传至开发者后台，使用微信后台提供的phonenumber.getPhoneNumber接口消费code换取用户手机号。每个code有效期为5分钟且只能使用一次。

3、答案：微信小程序中页面跳转的方式主要有wx.navigateTo（保留当前页面，跳转到应用内的某个页面）、wx.redirectTo（关闭当前页面，跳转到应用内的某个页面）、wx.switchTab（跳转到 Tabbar 页面，并关闭其他所有非 tABBar 页面）、wx.reLaunch（关闭所有页面，打开到应用内的某个页面）等。

4、uniapp进行条件编译的两种方法是使用宏定义和switch条件语句。小程序端代表值为wx环境变量，H5端代表值为window环境变量。 uniapp的配置文件为app.config.js，入口文件为main.js，主组件为App.vue，页面管理部分主要包括pages目录下的.vue文件。

前端开发小问题解决202007(iframe、IEJ兼容、动效、微信小程序web...

1、对于保存图片扫码的需求，用户可以保存或截屏图片，然后在其他地方扫码访问。一些产品如肯德基小程序，提供了将 app 下载入口作为图片的形式，让用户在小程序外扫码下载。本文总结了前端开发中解决常见问题的策略，包括 iframe、IEJ 兼容、动效、微信小程序 webview 等方面，旨在帮助开发者提升代码质量和用户体验。

【微信小程序】弹出层穿透问题的解决方案

1、第一种：小程序弹出层不滚动的时候，往上下拉时会连页面一起拉动，这个用户体验性很差的。解决方案：在wxml中，增加catchtouchmove=true，就ok了～第二种：小程序弹出层滚动的时候，加catchtouchmove没效果 解决方案：利用scroll-view和page的overflow：hidden组合使用 弹出层的时候，isshowPicker为false，就是禁止scroll-view滚动。

2、问题：使用dialog组件时，可能会出现滚动穿透现象。解决方案：禁用touchmove默认滚动行为，uniapp提供了.stop修饰符来阻止。若需内部滚动，则使用pagemeta标签作为根标签。插件不生效：问题：unpluginvuecomponents插件可能不生效。

3、遇到的问题与解决方案 弹窗覆盖问题：在uniapp开发中，弹窗覆盖问题可使用coverview组件解决。 日期格式兼容问题：需注意iOS对日期格式的要求，确保在不同平台上日期格式的一致性。 getUserInfo接口变化：随着微信接口的更新，getUserInfo接口的使用方式可能发生变化。

4、微信操作系统编程语言 |举报 答题抽奖 首次认真答题后 即可获得3次抽奖机会，100%中奖。 更多问题 可选中1个或多个下面的关键词，搜索相关资料。也可直接点“搜索资料”搜索整个问题。

5、针对小程序长按下载图片的需求，可以直接使用图片长按扫码的属性，或在非图片区域使用 api 授权、downloadFile 等方式实现长按下载功能。在小程序中显示网页时，需要在管理平台配置业务域名以避免谷歌广告等不兼容问题，通常需要部署专门的网站或寻找其他解决方案。

6、探索使用uniapp+vue3开发微信小程序时可能遭遇的挑战与解决方案，本文旨在记录常见问题及注意点（持续更新）。在面对自定义组件样式加不上去的问题时，需意识到组件默认可能为`display： inline`，导致块属性如`width`， `margin-top`， `margin-bottom`等不生效。