首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

uni-app实战之社区交友APP(3)Vue.js和uni-app基础

文章目录 前言 一、基础组件、CSS选择器和flex布局的使用 1.view、text组件和动画的使用 2.uni-app中的CSS选择器 3.flex布局基础 二、数据渲染和动态绑定 1.数据渲染...2.class和style绑定 3.条件渲染 4.列表渲染 三、事件和属性处理 1.事件处理器 2.监听属性 3.计算属性 总结 前言 本文主要介绍了uni-app和Vue的基础使用: 基础组件的使用...微信小程序 space String 无 显示连续空格 App、H5、微信小程序 decode Boolean false 是否解码 App、H5、微信小程序 测试如下: <...2.uni-app中的CSS选择器 uni-app中支持的选择器如下: 选择器 举例 举例说明 .class .intro 选择所有拥有 class=“intro” 的组件 #id #firstname...总结 作为以Vue为基础的框架,uni-app很多方面都依赖于Vue的用法,因此要想更高效地进行uni-app跨端开发,掌握Vue基础用法是很有必要的,只有将其灵活地应用于uni-app项目中,才能达到事半功倍的效果

2.1K20

Vue.js源码分析:计算属性如何工作

这篇文章我们我会用很简单的方法来实现类似计算属性的效果,以此学习Vue.js的计算属性的运行机制。...这个例子只说明运行机制,不支持对象、数组、watching/unwatching等Vue.js已实现的一大堆优化 看完源代码带着我有限的理解写的这篇文章,可能会有一些错误,如发现错误,请联系我 JS的属性...基础的Vue.js Observable Vue.js有一个基础结构,它可以帮你把一个常规的对象转换成一个“被观察”的值,这个值就叫做“observable”。...---- 某译者的胡说八道 如作者所说这个例子只是简化版,像官网说计算属性是基于它们的依赖进行缓存的这点没有表现出来,所以更多细节请研究Vue的源码 但是读了这篇文章我们可以知道计算属性更新是依赖data

1.6K30

uni-app: 使用Vue.js需要注意哪些问题?

uni-app 在发布到 H5 时,是支持所有 vue 的语法的。但是发布到App或者小程序时,由于各个平台等限制,无法实现全部 vue 语法,本文将详细讲解差异。...相比Web平台, Vue.js 在 uni-app 中使用差异主要集中在两个方面: 新增:uni-app除了支持Vue实例的生命周期,还支持应用启动、页面显示等生命周期 受限:相比web平台,在小程序和...App端部分功能受限,具体见下。...应用生命周期包括下列函数 1、onLaunch 当uni-app 初始化完成时触发(全局只触发一次) 2、onShow 当 uni-app 启动,或从后台进入前台显示 3、onHide 当...uni-app 从前台进入后台 4、onUniNViewMessage 对 nvue 页面发送的数据进行监听 注意 (1)、应用生命周期仅可在App.vue中监听,在其它页面监听无效。

5.4K20

Vue.js高仿饿了么外卖App学习记录

开发一款vue.js开发一款app,使用vue.js是一款高效的mvvm框架,它轻量,高效,组件化,数据驱动等功能便于开发。使用vue.js开发移动端app,学会使用组件化,模块化的开发方式。...Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。...vue-cli,vue.js的开发利器,脚手架 vue-cli可以搞定,目录结构,本地调试,代码部署,热加载,单元测试。 vue-cli的安装方法: ​ ?...然后把项目放进你的编辑器 mode_modules文件夹:npm install 安装的依赖代码库 src文件夹是我们存放的源码 ​ ? 这个文件跟我不一样也没事。 ​ ?.../App.vue';importrouterfrom'.

2.3K11

Vue.js 源码分析—— Slots 是如何实现的

今天主要分析 Vue.js 中常用的 Slots 功能是如何设计和实现的。本文将分为普通插槽、作用域插槽以及 Vue.js 2.6.x 版本的 v-slot 语法三部分进行讨论。...本文属于进阶内容,如果有还不懂 Slots 用法的同学,建议先移步 Vue.js 官网进行学习。 1 普通插槽 首先举一个 Slots 使用的简单例子。... 重新渲染后,效果如下图所示: Slots 的用法大家肯定都很清楚了,那么这背后 Vue.js 执行了怎样的逻辑呢?...接下来我们一起看看 Vue.js 底层对 Slots 的具体实现。 1.1 vm.$slots 首先看看 Vue.js 的 Component 接口上对 $slots 属性的定义。...接下来,我们将一起看看 Vue.js 2.6.x 版本的 v-slot 语法。

3.2K20

Apollo 源码解析 —— Portal 创建 App

摘要: 原创出处 http://www.iocoder.cn/Apollo/portal-create-app/ 「芋道源码」欢迎转载,保留摘要,谢谢! 1. 概述 2. App 3....彩蛋 ---- 阅读源码最好的方式,是使用 IDEA 进行调试 Apollo 源码,不然会一脸懵逼。...胖友可以点击「芋道源码」扫码关注,回复 git018 关键字 获得艿艿添加了中文注释的 Apollo 源码地址。 阅读源码很孤单,加入源码交流群,一起坚持! 1....第 31 至 36 行:授予 App 管理员的角色。详细解析,见 《Apollo 源码解析 —— Portal 认证与授权(二)之授权》 。 第 38 行:返回创建的 App 对象。...对于每个 App ,都会有一个默认 Namespace 。具体的代码实现,我们在 《Apollo 源码解析 —— Portal 创建 Namespace》 第 35 行:初始化 App 角色。

1.8K20

直播APP开发搭建,直播APP源码涉及方方面面

最近直播APP源码的热度持续上升,究其原因还是因为直播市场的繁荣。 直播APP开发搭建到底能做哪些事呢? 1....玩家用户观看手机直播 玩家可以通过手机APP观看主播的直播。 3. 用户之间聊天互动 用户可以通过聊天窗口进行文字和表情的聊天,聊天部分使用node.js实现。 4....播放列表 直播APP开发的媒体播放器提供下面的方法来访问播放列表中的剪辑: Next 方法,跳到节目(播放列表)中的下一个剪辑; Previous 方法,跳回到节目中的上一个剪辑; 媒体播放器的一个特性是能够预览节目中的每一个剪辑...,使用如下属性: PreviewMode 属性,决定媒体播放器当前是否处于预览模式; 了解流媒体(直播APP开发搭建需要用到流媒体) 流媒体开发:网络层(socket或st)负责传输,协议层(rtmp...直播APP的开发说难也难,说容易也相当容易。 难,是因为搞个直播要考虑的东西太多了,根本不是一个人能够搞定的。

1.8K10
领券