写在前面的话:继续上一篇文章,来学习一下vue的指令。 指令 指令 (Directives) 是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式 ...
分类:
Web程序 时间:
2020-07-04 18:42:22
阅读次数:
69
为什么要写自适应的页面(响应式页面)? 众所周知,电脑、平板、手机的屏幕是差距很大的,假如在电脑上写好了一个页面,在电脑上看起来不错,但是如果放到手机上的话,那可能就会乱的一塌糊涂,这时候怎么解决呢?以前,可以再专门为手机定制一个页面,当用户访问的时候,判断设备是手机还是电脑,如果是手机就跳转到相应 ...
分类:
Web程序 时间:
2020-07-03 19:19:56
阅读次数:
214
rem自适应 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <script> var deviceWidth = window.inner ...
分类:
移动开发 时间:
2020-07-03 19:15:14
阅读次数:
92
问题的说明与解决 说明 问题就在于vue页面视图的不更新 在这里要注意一点,根据官方描述所得:当vue的data里面声明或者已经赋值过的对象或数组(包含对象值),向对象里面添加新的属性和更新这个新属性的值,页面视图是不会更新的。 解决 要想更新数据的时候视图也更新,可以使用 $set 或者 Obje ...
分类:
其他好文 时间:
2020-06-30 20:33:47
阅读次数:
141
一、react和vue设计上的共同理念 1、使用 Virtual DOM 2、提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。 3、将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库(比如我们后面要提到的vue-router、react-rou ...
分类:
其他好文 时间:
2020-06-30 20:25:20
阅读次数:
67
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式地 ...
分类:
其他好文 时间:
2020-06-30 10:28:51
阅读次数:
76
Reactor 操作符 上篇文章我们将 Flux 和 Mono 的操作符分了 11 类,我们来继续学习转换类操作符的第 2 篇。 转换类操作符 转换类的操作符数量最多,平常过程中也是使用最频繁的。 Flux#concatMap 将响应式流中元素顺序转换为目标类型的响应式流,之后再将这些流连接起来。该 ...
分类:
其他好文 时间:
2020-06-30 00:59:41
阅读次数:
72
Flex(弹性布局),是一种响应式布局,能自动伸缩盒模型达到自适应的效果。 弹性布局由弹性容器(flex container)和弹性项目(flex item)组成。 在弹性容器中,水平方向称为主轴(main axis)(起点main start,终点main end);垂直方向称为纵轴(cross ...
分类:
Web程序 时间:
2020-06-29 21:27:31
阅读次数:
87
1.vue中inject与provide的用法 provide/inject提供了一种新的组件间通信的方法。它允许父组件向子孙组件间进行跨层级的数据分发,但是provide/inject是非响应式的。一般用于子组件调用父组件的共有方法。它们两个需要一起使用,允许一个祖先组件向其所有子孙后代注入一个依 ...
分类:
其他好文 时间:
2020-06-28 15:23:12
阅读次数:
64
WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 与 CSS 相比,WXSS 扩展的特性有: 尺寸单位 rpx(响应式长度单位),可以根据屏幕宽度进行自适应 样式导入 1.尺寸单位:rpx(responsive pixel): 可以根据屏幕宽度进行 ...
分类:
微信 时间:
2020-06-28 00:03:31
阅读次数:
116