写在前面：分享技术，共同进步，有不足请见谅，相关意见可评论告知 ~有道无术，术尚可求；
有术无道，终止于术!多端运行，架式简化；
编程路漫，学无止尽！目录NVUE介绍区别组件视图容器视图容器（view）可滚动视图（scroll-view）滑块视图（swiper）可拖动区域（movable）movable-areamovable-view基础内容图标（icon）使用iconfont文本组件（tex
Nvue/Weex 使用Uniapp做了一个App，感觉性能不是很好，了解过Uniapp的Nvue，就想做一个纯Nvue项目，其实基本就是做一个Weex项目，不得不说坑是真的多，但是渲染性能真的是没得比 本项目开发环境为 UNIAPP 的 纯NVUE 项目，与WEEX有不同之处 "https://g
原创
2022-05-27 22:52:38
386阅读
最近我在用uni-app做一个app，涉及到了类似抖音的那种播放视频。我在网上找了个别人讲解相关内容的博客，用.vue的文件照着敲下来，在小程序上可以运行，美滋滋。结果放到app上真机调试就翻车了，只能看到一整个视频。我本来准备放在视频上面的东西全被盖住了，所以选择用nvue进行重构。这是我第一次使用nvue，感觉特别艰辛。我翻了uni-app官网的文档，weex的文档，还有一些别人的博客，好不容
转载
2021-05-17 14:09:22
1636阅读
点赞
3评论
web-view是什么web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。本文最下面还有一些常见或者奇怪问题解决方案哦~为什么使用这种方式搞页面？有什么好处呢？之前开发好的H5页面，不想重新开发，想要直接放进项目用页面热更新，不需要重新打包复杂需求使用H5比较方便，比如复杂的echarts等不想要使用uniapp搞其他好处等你
前言 uni-app 是 DCloud 出品的新一代跨端框架，可以说是目前跨端数最多的框架之一了，目前支持发布到：App（Android/iOS）、H5、小程序（小程序/支付宝小程序/百度小程序/字节跳动小程序），目前市面上类似的框架还有：Taro（京东出品）、Megalo（网易出品）。 uni ...
转载
2021-07-14 15:46:00
1287阅读
2评论
1.vue文件走的webview渲染,nvue在app端走的原生渲染（Weex？）； 2.uni-app的vue文件里支持所有web排版方式，不管是
注意是 id<uni-card id='uni-card' class="uni-card" is-shadow="true"> <view> <text style="width: 200rpx;font-size:
原创
2023-02-22 10:42:51
422阅读
# 如何实现uniapp iOS nvue tab栏
## 一、流程概述
下面是一个通过uniapp在iOS设备上使用nvue实现tab栏的简单流程表格：
| 步骤 | 内容 |
| --- | --- |
| 1 | 创建uniapp项目 |
| 2 | 在pages目录下创建各个tab对应的nvue页面 |
| 3 | 在pages.json中配置tabBar |
| 4 | 在App.
由于前段时间开发出来的vue版本的聊天页，性能、用户体验等方面十分不尽人意，故开启了新的征途，nvue版本聊天页的开发。
痛点一、进入页面保持在最底部
这次重构nvue版本的聊天页，使用了标新立异的渲染方式。众所周知，前端渲染页面都是由上而下渲染的，那么如果需要进入页面的时候，便保持在页面的最底部，就需要等待页面渲染完毕后跳转至最底部。这样的渲染方式就会导致在进入页面时，用户能很明显的感受到页面抖
原创
2021-07-08 11:21:13
828阅读
使用 组件 rich-text（nvue 专有） 富文本 <view class="bottom-msg-area lst"> <scroll-view class="msg-area-scroll" scroll-y="true" scroll-with-animation :scroll-int ...
转载
2021-11-03 18:42:00
2593阅读
3评论
# 如何实现nvue去除ios底部安全区域
## 1. 流程概述
为了实现nvue去除iOS底部安全区域，我们需要在uni-app中进行一系列操作，包括修改页面的样式和配置文件。下面是实现这一目标的详细步骤：
```mermaid
gantt
title nvue去除iOS底部安全区域实现流程
section 准备工作
创建项目文件 :done,
第一种：由于把路由模式mode设置成history了，默认是hash。解决方法：路由里边router/index.js路由配置里边默认模式是hash，如果你改成了history模式的话，打开也会是一片空白。所以改为hash或者直接把模式配置删除，让它默认的就行 。如果非要使用history模式的话，需要你在服务端加一个覆盖所有的情况的候选资源：如果URL匹配不到任何静态资源，则应该返回一个inde
由于前段时间开发出来的 vue 版本的聊天页，在性能、用户体验等方面不尽人意，于是决定开启新的征途 —— nvue 版本聊天页的开发。本期来给大家分享一下，这次开发过程中的踩坑记录。痛点一：进入页面保持在最底部这次重构 nvue 版本的聊天页，使用了标新立异的渲染方式。众所周知，前端渲染页面都是由上而下渲染的，那么如果需要在进入页面的时候，便保持在页面的最底部，这就需要等待页面渲染完毕
原创
2022-01-19 15:04:32
532阅读
今天要使用到 nvue 页面，在使用过程中发现 iconfont 图标不好使了，这里记录一下如何在 nvue 页面中引入使用 iconfont 图标。 1、JS部分 const domModule = weex.requireModule('dom'); domModule .addRule('fo
转载
2021-05-28 17:45:00
761阅读
2评论
总结对于没有宽度的元素，margin-left，margin-right的负值会增加元素的宽度，此时相当于padding，但不会影响布局。对于有宽度的元素，margin-left，margin-right负值会往对应的方向位移，并且会处于后面的元素位移后覆盖前面的元素。对于margin-left，margin-top，负值是将元素往左往上平移，对于margin-right，margin-botto
开启VScode的nvue、vue文件类型支持 - 代码高亮
原创
2022-09-05 17:19:07
1871阅读
基本思路： 1、设置一个 UIScrollView 作为视图底层，而且设置分页为两页 2、然后在第一个分页上加入一个 UITableView 而且设置表格可以上提载入（上拉操作即为让视图滚动到下一页） 3、 在第二个分页上加入一个 UIWebView 而且设置能有下拉刷新操作（下拉操作即为让视图滚动到上一页）ps：以上所提及UITableView与UIWebView 可以自行更改为其它滚动控
