小程序开发踩过的坑

坑一：使用 web-view 内嵌富文本编辑器

微信小程序没有支持的原生富文本组件，开发者可以通过 web-view 内嵌 H5 实现富文本编辑功能。起初使用的是 wangEditor 富文本编辑器，因为项目使用的是七牛云存储，wangEditor 在 PC 端上传是没有问题的，但是在移动端调用不了本地图片，于是换了个功能强大二次开发较强的富文本编辑器 kindeditor。

坑二：直接把服务端数据填充到表单元素

小程序的表单元素和服务端的数据类型不一致，直接把服务端数据填充到表单元素，会导致小程序表单元素的值无法被正确解析。为了解决这个问题，需要对服务端的数据进行转换，使其与小程序表单元素的数据类型一致。

坑三：在小程序中使用 JavaScript 的内置对象

小程序中的一些 JavaScript 内置对象与浏览器中的 JavaScript 内置对象不一致，直接使用浏览器中的 JavaScript 内置对象会导致小程序无法正常运行。例如，小程序中没有 window 对象，需要使用 wx 对象来代替 window 对象。

坑四：在小程序中使用 CSS 的伪类选择器

小程序中的一些 CSS 伪类选择器与浏览器中的 CSS 伪类选择器不一致，直接使用浏览器中的 CSS 伪类选择器会导致小程序无法正常运行。例如，小程序中没有 :hover 伪类选择器，需要使用 :active 伪类选择器来代替 :hover 伪类选择器。

坑五：在小程序中使用 JavaScript 的 eval() 函数

小程序中没有 JavaScript 的 eval() 函数，直接使用 JavaScript 的 eval() 函数会导致小程序无法正常运行。

坑六：在小程序中使用 CSS 的 !important 规则

小程序中没有 CSS 的 !important 规则，直接使用 CSS 的 !important 规则会导致小程序无法正常运行。

坑七：在小程序中使用 CSS 的 position: fixed 规则

小程序中没有 CSS 的 position: fixed 规则，直接使用 CSS 的 position: fixed 规则会导致小程序无法正常运行。

坑八：在小程序中使用 JavaScript 的 alert() 函数

小程序中没有 JavaScript 的 alert() 函数，直接使用 JavaScript 的 alert() 函数会导致小程序无法正常运行。

坑九：在小程序中使用 JavaScript 的 confirm() 函数

小程序中没有 JavaScript 的 confirm() 函数，直接使用 JavaScript 的 confirm() 函数会导致小程序无法正常运行。

坑十：在小程序中使用 JavaScript 的 prompt() 函数

小程序中没有 JavaScript 的 prompt() 函数，直接使用 JavaScript 的 prompt() 函数会导致小程序无法正常运行。