-
让品牌有温度、有情感
专注品牌策划15年
微信小程序原生开发
发布时间：2023-03-22 12:27:44
稿源：
创意岭 阅读：
1390
问大家
大家好！今天让创意岭的小编来大家介绍下关于微信小程序原生开发的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等
只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端
本文目录:
一、微信小程序(Mini Program)技术栈与框架简介
关键字：微信小程序、Mini Program、技术栈、框架、WePy、MPVue
整体小程序开发类似Web App开发，尤其是使用了Vue或React框架的Web App开发。
小程序原生技术栈与框架WePY、MPVue之间的比较，参考 博客
二、盘点 7 个超棒的微信小程序项目
小程序上线后，改版了很多次，包括一些 Api 接口也有改动。如果你学习一个很久之前的小程序项目是没有意义的，本文推荐的小程序都是最近有更新的。相信在你学习、部署的过程中，不会遇到很多问题。
本文推荐的项目从入门到进阶都有，收藏起来吧。
02. 小程序书店
技术栈：Taro + Taro UI + Redux + Webpack + ES6 + Mock。这个项目可以作为你第一个小程序练手项目。
这个小程序非常简单，可以作为初学者第一个实战项目。帮助新手理解 Taro 与 Redux 的配合方式与 Taro 的基本使用。本项目还提供了一个快速搭建本地 mock 服务的解决方案。
除此之外，这个项目还提供了学习文档：
03. 高仿喜马拉雅
如果你仅仅有 HTML CSS Js 的知识储备，想开发一个属于自己的小程序，这个 Demo 再适合你不过了，这个高仿喜马拉雅是一个初级项目完全使用微信小程序原生开发，没有使用自定义组件，非常的适合微信小程序开发新手。
04. 网易云音乐小程序
基于Taro与网易云音乐 api 开发，技术栈主要是：typescript+taro+taro-ui+redux+react-hooks。
目前主要是着重小程序端的展示，主要也是借此项目强化下上述几个技术栈的使用，打造一个最佳实践项目，通过这个项目也可以帮助你快速使用 Taro 开发一个属于你自己的小程序。
这是该小程序实现的一些功能：
小程序 GitHub Trending Hub 是一个以 Feed 流形式查看 GitHub Trending 仓库集合的工具，通过它可以及时查看最近更新的热门仓库。
刚刚提及的项目适合新手入门，这个小程序适合进阶选手。这个程序涉及很多组件的使用比如：
07. 情书站点
第一个项目是校园小情书的微信小程序，该项目功能包括表白墙、树洞、校园论坛。
下载。
三、微信小程序开发的原则，规范和限制有哪些
小程序开发应该遵循从简原则，尽可能严格意义上的按照客户的要求以及想法来进行相关功能的开发，除非是客户在开发的过程中有特别强调的，不然自作主张很容易跑题的，这样造成了后期功能的没办法闭环使用。小程序开发应该严格把控开发进程，严格按照合同期限进行相关功能的开发和推荐，除非有一些特殊情况下的影响下，可以跟客户商量小程序开发的延期以及具体时间。【点击查看小程序开发底价】
想要了解更多有关小程序开发的相关信息，推荐咨询猪八戒网。猪八戒网成立于2006年，是中国领先的企业服务平台，服务交易独角兽企业。猪八戒网现有注册用户2800万、在全国布局线下数字化创业园区超过100个。十余年来，累计有10万余个人通过平台孵化成长为公司，超过100万人通过平台实现灵活就业，千万企业通过平台解决专业服务需求；专业性值得选择。
四、uniapp开发微信小程序富文本编辑器（样式仿腾讯文档）
照着腾讯文档小程序开发了微信小程序富文本编辑器组件，这几天做个整理，如有这个需求可以前往腾讯文档小程序操作看看实际效果。毕竟参照的是微信自家小程序，无法做到百分百效果，只能按现有开放api尽可能实现。
项目地址：
https://github.com/chellel/wechat-editor-project
uniapp插件市场：
https://ext.dcloud.net.cn/plugin?id=6365
editor富文本编辑器组件官方文档：
https://developers.weixin.qq.com/miniprogram/dev/component/editor.html
否则会受到小程序css影响。小程序本身editor标签有css样式：
editor {
display: block;
position: relative;
box-sizing: border-box;
-webkit-user-select: text;
user-select: text;
outline: 0;
overflow: hidden;
width: 100%;
height: 200px;
min-height: 200px;
}
that.updatePosition(keyboardHeight)
that.editorCtx.scrollIntoView()
在插入目标文字时，将值设为n'，可以实现换行
this.editorCtx.insertText({ text: 'n' });
参考：请问editor组件控制拉起键盘操作支持吗？
https://developers.weixin.qq.com/community/develop/doc/0006eeb6ae8cf0e7f3293e13f56400?highLine=editor%25E6%2598%25BE%25E7%25A4%25BA%25E9%2594%25AE%25E7%259B%2598
小程序技术专员-sanford 2019-09-20
不支持的。iOS无法通过接口拉起键盘，必须用户点击；安卓则可以。所以，终究是不一致，不行。。
该组件主要为微信editor组件的api调用集成封装，因此受到的限制同文档描述一致，即编辑器内支持部分 HTML 标签和内联样式，不支持class和id，支持的标签详见： https://developers.weixin.qq.com/miniprogram/dev/component/editor.html 。
不满足的标签会被忽略，<div>会被转行为<p>储存。
这也是为什么在做富文本解析时，仅仅用rich-text组件无法有效还原html内容，在解析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签。因此最好方式是引入市场封装好的富文本解析插件去解析html。
所以，开发者需要自行权衡在做富文本编辑开发时，是否使用微信自带的editor组件，或者参考腾讯文档小程序采用webview内嵌网页等方式去渲染。
小程序富文本编辑器editor初体验：( https://www.jianshu.com/p/a932639ba7a6 )
如果是微信原生开发，将demo组件中的相关dom元素标签和api换成微信原生即可。
以上就是关于微信小程序原生开发相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
