uni-app

微信小程序开源版 微信小程序uniapp配置 配置小程序的前提是必须部署好SSL证书 商城后台微信小程序操作 下面填写信息需要在微信小程序中找 登录微信小程序--找到菜单设置 微信小程序的APPID和APP密钥 将后台的合法域名填写到微信小程序中合法域名那 填写完以上之后下载小程序源码 下载完小程序源码之后需要把源码导入到hbuilder中,下载hbuilder([ https://www.dcloud.io/hbuilderx.html ]) 修改文件的api路径 安装一个运行插件 发行该项目小程序-微信 （如图） 如果微信开发者工具中登录的是该小程序的开发者，那么发行完 会直接运行到微信开发者工具中上传即可。 导入到微信开发者工具中有如下报错的时候，在截图的那个文件中把直播插件删除一下保存即可 点击上传，上传到微信小程序后台 上传到微信小程序后台为开发版本，然后提交审核，等待审核成功之后，进行发布，即可在线上搜索到该小程序。 来源： oschina 链接： https://my.oschina.net/u/4103048/blog/4759711

简述 近期，收到很多的开发者伙伴的留言和建议，让我们适配uni-app 平台，来满足他们的跨平台开发的需求。anyRTC秉承着为广大开发者提供便利的开发环境，和对开发者们的支持，经过半月的努力，终于完成了uni-app 跨平台SDK的开发和测试。 截止到今天为止，anyRTC跨平台SDK已经包括了Electron、Flutter、uni-app 框架，为众多的开发者们提供了更多的选择，和更加良好的开发环境。 什么是uni-app uni-app 是一个使用 Vue.js 开发 跨平台 应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。 uni-app 继承自 Vue.js，提供了完整的 Vue.js 开发体验。 uni-app 组件规范和扩展api与微信小程序基本相同。有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ，开发出兼容多端的应用。 uni-app的优点 uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势。 功能框架 从下面 uni-app 功能框架图可看出， uni-app 在跨平台的过程中，不牺牲平台特色，可优雅的调用平台专有能力，真正做到海纳百川、各取所长。 一套代码，运行多个平台 uni-app 实现了一套代码，同时运行到多个平台

uni-App使用自定义矢量图前，先在阿里巴巴矢量图标库选好自己的矢量图标。 地址：https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1460565 操作流程：寻找图标--添加到我的项目，如图： 然后uni-App项目开始使用矢量图： 方式一：在线使用，引用在线矢量库地址，然后直接使用起中的样式 参考资料：https://uniapp.dcloud.io/frame?id=%E5%AD%97%E4%BD%93%E5%9B%BE%E6%A0%87 方式二：导入自定义矢量库图标css，css文件可在阿里巴巴矢量图标库下载，在本地使用，如下图 1，导入css 2，使用矢量图 来源： oschina 链接： https://my.oschina.net/u/4164747/blog/3119232

最近使用Quill富文本编辑器，发现富文本中的图片太宽导致，在移动端超出屏幕 <view v-html="detail" class="detail-box"></view> 解决办法： 通过 >>> 穿透修改 <style scoped> .detail-box >>> img{ width: 100%; } <style> 2：通过正则来修改 this.detail = this.detail.replace(/\<img/gi, '<img style="max-width:100%;height:auto" '); 来源： oschina 链接： https://my.oschina.net/u/4302800/blog/4748733

uni-app 的uni-ui 的 Icon 图标组件，裡面的图标只是移动端常见的图标，对于一些其他需求所要显示的图标，这个是完全不够用。那么怎么办?模仿它的组件，用阿里巴巴图标矢量库的图标，自己定义一个图标组件呀。 一、uni-app 图标组件 1、组件文件m-icon里面有两个文件，一个是m-icon.css文件一个是m-icon.vue文件 2、m-icon.css 3、m-icon.vue 4、使用 上面就是uni-app 官网的例子。接下来我们就参考这个自己写一个组件。 二、新建组件 1、uni-icon ，里面有uni-icon.css 和uni-icon.vue 两个文件 uni-icon.css @font-face { font-family : uniicons ; font-weight : normal ; font-style : normal ; /* 暂时先用官网的url */ src : url('https://at.alicdn.com/t/font_1328537_gk9yl0aa13q.ttf') format('truetype') ; } .icon { font-family : uniicons ; font-size : 48upx ; font-weight : normal ; font-style : normal ;

移动端跨平台开发框架 UPDATE：2020/4/16 uniapp开始部分支持快应用开发 。 UPDATE：微信也正式加入多端大战了， https://github.com/Tencent/kbone 各框架比较 https://ask.dcloud.net.cn/article/35947 *上图严格来讲wepy不是多端框架，只是用vue写小程序；而myvue也是2.0版本后才加入 另一篇比较文章， 传送门 ，结论是： uni-app > taro > mpvue > 原生微信小程序、wepy https://cml.js.org/#/ 滴滴变色龙 https://weex.apache.org/ 阿里作品，Vue.js来开发的。vue和weex的整合解决方案 Eros https://taro.aotu.io/ 京东的一套遵循 React 语法规范的多端统一开发框架（ 几套小程序框架的比较 ） https://ionicframework.com/ angularjs编程语言 https://github.com/Tencent/omi 腾讯推出的 https://uniapp.dcloud.io/ 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。 效果体验 https://phonegap

功能简介 微信登录，发文本动态，发图文动态，发视频动态，关注，转发，评论，点赞，收藏等等 截图 技术栈 后端：Java，SpringBoot，MyBatis，MySQL，Redis 前端：uni-app 开发环境 后端：IntelliJ IDEA 前端：HbuilderX，微信开发者工具，QQ小程序开发者工具 项目运行 源码： 点击即可免费获取基于SpringBoot+uni-app 网易音乐云村项目 小结 开源不易，请尊重作者的付出，感谢！项目的发展离不开你的支持，请作者喝杯咖啡吧。 来源： oschina 链接： https://my.oschina.net/u/4309418/blog/4732157

前言 uni-app 是 DCloud 出品的新一代跨端框架，可以说是目前跨端数最多的框架之一了，目前支持发布到：App（Android/iOS）、H5、小程序（微信小程序/支付宝小程序/百度小程序/字节跳动小程序），目前市面上类似的框架还有：Taro（京东出品）、Megalo（网易出品）。 uni-app 的 nvue 说白了就是 weex 的那一套东西，uni-app 集成了 weex 的 SDK，也就实现了 App 端的原生渲染能力。 weex 支持的东西，在 nvue 里大多都是支持的，所以这里就不详细讲述 weex 的相关组件和 api 调用，只讲述一些在实际开发过程中遇到的一些小问题。 Hello World 开始创建第一个 nvue 页面。 目录结构： index.nvue 代码如下： <template> <div> <text>{{text}}</text> </div> </template> <script> export default { data() { return { text: 'Hello World' } } } </script> 如此真机运行可能遇到如下错误： 造成这个问题的原因是 uni-app 项目里必须有一个 vue 的页面，新建一个 vue 页面然后重新运行就不会有问题了。 image 设置 border-radius 在 nvue

前言 uni-app 是 DCloud 出品的新一代跨端框架，可以说是目前跨端数最多的框架之一了，目前支持发布到：App（Android/iOS）、H5、小程序（微信小程序/支付宝小程序/百度小程序/字节跳动小程序），目前市面上类似的框架还有：Taro（京东出品）、Megalo（网易出品）。 uni-app 的 nvue 说白了就是 weex 的那一套东西，uni-app 集成了 weex 的 SDK，也就实现了 App 端的原生渲染能力。 weex 支持的东西，在 nvue 里大多都是支持的，所以这里就不详细讲述 weex 的相关组件和 api 调用，只讲述一些在实际开发过程中遇到的一些小问题。 Hello World 开始创建第一个 nvue 页面。 目录结构： index.nvue 代码如下： < template> < div> < text> {{text}} </ text> </ div> </ template> < script> export default { data() { return { text: 'Hello World' } } } </ script> 如此真机运行可能遇到如下错误： 造成这个问题的原因是 uni-app 项目里必须有一个 vue 的页面，新建一个 vue 页面然后重新运行就不会有问题了。 image 设置 border

什么是“CSDN开源加速器计划”？ 纵观近 30 年的科技创新，开源已成为全球技术应用和行业数字化发展的基石，尤其最近几年，开源的商业化得到了极大突破，开源正在成为全球科技的强劲驱动力。 在开源生态中，开发者是最重要的核心生产力，中国开发者的数量已经成为世界第一，同时，随着以 AI 为代表的国产开源工具崛起，中国也正逐渐成为全球开源软件的主要使用者和核心贡献者，中国开源正在迎来黄金时代。 在这样的大环境下，2020 年 9 月 10 日，中国专业 IT 开发者社区 CSDN，隆重推出全新升级的以“秉承 CSDN 成就一亿技术人的使命，致力于服务全球中文开发者，参与开源、贡献开源、创造开源！”为使命的开源平台— CODE CHINA 而 “开源加速器计划”就是在此背景下，由CSDN发起的，通过利用CSDN平台的整合资源，帮助更多开源项目、开源社区、图书作者、课程讲师等个人/组织，更轻松运营开源社区的全新战略计划。 目前，“开源加速器计划”已经启动，并吸引到了一批知名开源项目、开源社区及一些技术社区运营者入驻，如：　Google　tensorflow、鸿蒙技术社区、 RT-Thread物联网操作系统、蚂蚁技术、 Uni-app技术社区、 Greenplum技术社区... 另外，百度、腾讯、滴滴等多家知名的开源技术社区也即将入驻。 为了更好地协助这些开源技术社区做优质内容的沉淀