-小屁虫-CSDN博客

原创 vue2和vue3响应式原理(二)

这样，所有属性都会把当前的user Watcher收集到自己的dep中。因此，深层的属性值修改（触发set派发更新能通知到user Watcher），watch自然就能监测到数据改变～感兴趣的同学可以自己去看看源码中。毕竟真正搞懂一门框架的源码并非易事，我也是通过不断debugger调试，一遍遍走核心流程，才能较好的学习理解vue的实现原理～总体来说，Vue的源码其实是比较好上手的，整体代码流程非常的清晰。对象属性经过深度遍历后，最终就是以一个基本类型的数据为单位收集依赖，但是数组仍然是一个。

2024-08-13 09:58:51 803

原创 vue2和vue3响应式原理（一）

原理：在vue2中利用的是原生js下边的object.defineProperty()进行数据劫持，在通过里面的getter和setter方法，进行查看数据的修改，通过发布、订阅者模式进行数据与试图的响应式。为了实现响应式，在javascript中，Object.defineProperty()给每个初始数据都形成了get和set的写法，只要读取数据就会执行get方法，编辑数据执行set方法

2024-07-28 20:31:01 964

原创 VUE路由(二)

制作父页面导航：定义父组件：定义路由规则。

2024-07-20 19:29:09 452

原创 VUE路由(一)

根据参数的不同，匹配不同的路由想象一下，两个路由 /about/:id 和 /about/:name，两者会匹配完全相同的 URL，所以我们需要一种方法来区分它们。可以通过给路由参数定义正则表达式，来严格匹配路由。注意：对于转移字符\ ，必须多加一层 \如果你需要匹配参数不固定的的路由，可以使用三个符号* 0个或多个+ 1个或多个？

2024-07-13 16:37:20 956

原创 Axios

专门用来发起异步请求的工具。就类似于之前学习到的ajax,但是因为ajax不太符合我们现代化的项目，所以，axios应运而生。

2024-06-22 16:02:15 1862 1

原创网页适配（移动端网页布局方案）

原因是在dpr为2或者更高的屏幕上，1px其实占据的真实物理像素为2px或更多，设计师的本意肯定是1px就是1px，所以就会出现1px的问题。可以采用rem单位去制作1px的边框，虽然可以一定程序上避免1px的问题，但是会出现不精准的情况，这就需要跟设计师沟通看这个问题是否可以接受。，使用flexible适配方案可以避免iphone端1px的问题，因为flexible方案考虑了iphone端的dpr问题，但是安卓端是没有考虑dpr的，所以安卓端1px问题根据需求需要处理;

2024-06-15 15:51:59 2273

原创网页适配（pc端）

静态布局内容在一屏内显示,采用了内容框左右居中的办法,里面的内容绝对于这个内容框定位。这样一来,在不同大小屏中,内容总是在中间,看起来较正常。（目前市面上最常见的pc端布局方式）就是为了使网页自适应的显示在不同大小终端设备上的新网页设计方式及技术，需要开发多套界面来适应不同的终端。自适应是为了解决如何才能在不同大小的设备上呈现同样的网页。以前自适应布局会开发多套程序，以适配不同的设备大小；不过目前实际开发中，更多的是通过media媒体查询，实现几个关键断点的自适应。

2024-06-01 15:57:57 1937