ych1274816963的博客

【代码】3d模型文件存入浏览器indexDB，加快模型加载速度。

前言 uniapp没有现成的刻度尺滑块实现调整字体大小的功能，通过找到u-view的slider滑块来实现刻度尺方式设置全局字体大小的二次封装。 总体思路：通过刻度尺的方式选择用户合适的字体效果，上面显示用户调整的字体大小来看效果，设置成功后将 像素值 存入vuex以及本地localstorage，防止下次进入App后字体恢复原样，通过uniapp 提供的 <page-meta>标签的 root-font-size 属性来控制页面根文字大小，页面内容采用r...

前言“响应式”是指当数据改变后，Vue会通知到使用当前数据的代码，并且更新视图数据。接下来，简单的实现一个vue的响应式。第一步：实现一个对象的响应式// 对象的响应式const info = { name: "chuan", age: 20}// 假如 infoChange() 函数是info对象被修改时而触发的函数function infoChange() { console.log(info.name)}const infoProx...

前面我们知道了父组件向子组件传值通过props，接下来我们再总结下子组件传递给父组件。子组件传递给父组件什么情况下子组件需要传递值给父组件呢？当子组件有一些事件发生的时候，而父组件需要更改展示的内容，那么就需要子组件向父组件传递值； 当子组件需要传递一些内容给父组件的时候；比如：父组件跳转时需要子组件的值传递到下一个页面；vue2中的用法（vue3也可以使用）：// App.vue<template><div><h2>当前数为：{...

前言：在开发工程中，我们经常会遇到组件之间相互进行通信，比如在一个组件内使用多个Button，每个地方的Button展示内容不同，执行方法不同，那么我们就需要该组件传递给Button一些数据，让Button组件进行展示。又比如子组件中发生一些事件，需要由父组件来完成某些操作来修改父组件里的值，那么需要子组件向父组件传递事件以及一些参数。这儿记录一下Vue3 中组件之间通信之props。父子组件之间的通信方式：父组件传递给子组件： 通过 props 属性； 子组件传递给父组件：...

这个key属性有什么作用呢？我们先来看一下官方的解释：key属性主要用在Vue的虚拟DOM diff算法中，在新旧nodes对比时辨识Vnodes； 如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法 而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除/销毁 key 不存在的元素。先简单提一下我对VNode的理解：VNode的全称是Virtual Node，也就是虚拟节点； Vnode的本质是一个JavaScript的

前言目前的主流框架Vue、React 都是通过Virtual Dom（虚拟Dom）来实现的，通过Virtual Dom技术提高页面的渲染效率。Vue中我们通过在template模板中编写html代码，React中我们通过在内部的一个 render 函数里编写html代码，这个函数通过 jsx 编译后，实际会输出一个h函数，也就是我们的Virtual Dom（虚拟Dom），下面简单来实现一个虚拟dom渲染真实dom，以及更新的方法。目标主要实现以下三个功能:通过h函数返回Vnodes；...