ref和toRef区别: ref->复制, 修改响应式数据不会影响原始数据 toRef->引用, 修改响应式数据会影响原始数据 ref->数据发生改变, 界面就会自动更新 toRef->数据发生改变, 界面也不会自动更新 toRef应用场景: 如果想让响应式数据和以前的数据关联起来, 并且更新响应式 ...
分类：
其他好文 时间：
2021-03-06 14:15:25
阅读次数：
0
来自：https://mp.weixin.qq.com/s/DVcoTFO4wvMp5eD-eAjBpw 页面展示： 整体布局；底部footer；处理动态内容 — 文本超长，处理动态内容 — 保护边界 图片相关： 给图片同时设置宽高；考虑屏幕 dpr -- 响应式图片；图片丢失 交互式设计优化： 过 ...
分类：
Web程序 时间：
2021-03-05 12:58:25
阅读次数：
0
Object.defineProperty 劫持数据 只是对对象的属性进行劫持 无法监听新增属性和删除属性 需要使用 vue.set, vue.delete 深层对象的劫持需要一次性递归 var obj = { a: 1, o: { b: 2, o1: {} } } 无法监听原生数组，需要特殊处理， ...
分类：
其他好文 时间：
2021-03-05 12:56:07
阅读次数：
0
vue绑定style直接给css的var变量传递一个值，然后结合css的var()函数使用这个值。 在data里面定义一个变量然后给定一个值，后期修改这个值之后，所有依赖这个变量的css样式都会被响应式地修改。css用var()函数来使用这个变量，变量前要加--。 代码演示： html <div i ...
分类：
Web程序 时间：
2021-03-02 11:42:00
阅读次数：
0
ref和reactive使用上的区别（vue3 组合式api中） 在vue3中对响应式数据的声明官方给出了ref()和reactive()这两种方式 响应式数据：是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。 定义数据 reactive ...
分类：
其他好文 时间：
2021-02-16 12:17:09
阅读次数：
0
Vue3 使用 Proxy 来监听数据的变化 响应性是 VueJS 的核心，数据必须具有依赖性，可以观察并进行更新以响应任何更改，Vue2 使用 Object.defineProperty 创建 getter 和 setter 来实现响应式。 使用Object.defineProperty有两个主要 ...
分类：
其他好文 时间：
2021-02-05 10:30:11
阅读次数：
0
Flex布局的基本内容： felx布局意为“弹性布局”，主要用于为盒状模型提供最大的灵活性。被广泛的应用于移动端，PC端的响应式布局。 首先：定义盒子为flex布局： .box{ display:flex; // 行内元素也可使用flex布局 // display:inline-flex;} 设置为 ...
分类：
其他好文 时间：
2021-02-02 10:31:03
阅读次数：
0
##vue-数据响应式 与 双向数据绑定 数据响应式（单向：将数据填充到页面） 如何理解响应式 html5中的响应式（屏幕尺寸的变化导致样式的变化） 数据的响应式（数据的变化导致页面内容的变化） 什么是数据绑定 将数据填充到标签中 数据响应式：script中的数据驱动html的内容发生改变，不需要去 ...
分类：
其他好文 时间：
2021-01-25 10:44:00
阅读次数：
0
WXSS,WeiXin Style Sheets是一套样式语言,用于描述WXML的组件样式. 与CSS相比,WXSS扩展的特性有: (1) 响应式长度单位rpx (2) 样式导入 尺寸单位 rpx,responsive pixel: 可以根据屏幕宽度进行自适应. 规定屏幕宽为750rpx. 在iph ...
分类：
微信 时间：
2021-01-19 12:29:06
阅读次数：
0
vue3用composition api 取代了之前的options api，并且加强了支持typescript，另代码可读性和可改性更强了，用习惯了setup函数真的可以说句，真香。 但是不可避免的，需要趟一些雷，比方说element-plus的表单验证功能。由于setup里取消了this获取实例 ...
分类：
其他好文 时间：
2021-01-15 11:42:05
阅读次数：
0
