2024-11-14 厉飞雨 阅读(241) 评论(0) 赞(18)

前端目前两个当家花旦框架 VUE React，它们能够流行开来，响应式原理做出了巨大贡献。毕竟，它通过数据的变更就能够更新相应的视图，极大的将我们从繁琐的DOM操作中解放出来。 所以掌握它们的响应式原理，对掌握前端框架的精髓就很重要了。 Vue2.x的响应式 {#vue2x的响应式} ----------------------- Vue2中通过 Object.defin...

2024-11-13 厉飞雨 阅读(342) 评论(0) 赞(18)

<p>运行安装命令：</p> <pre><code class="language-lang-bash">npm install vue-router@next -S </code></pre> <p>报错信息如下：</p> <pre><code...

2024-11-13 厉飞雨 阅读(368) 评论(0) 赞(24)

20 道常见的面试题 摘自 boss 直聘`陈大鱼头` > 尽量减少 data 中的数据，data 中的数据都会增加 getter 和 setter，会收集对应的 watcher 从镜片的厚度和黄黑相见的格子衬衫我察觉到，面前坐着的这位面试官应该是来者不善。我像以往一样，准备花 3 分钟的时间进行自我介绍。 在此期间，为了避免尴尬，我盯着面试官的眉毛中间，不过面试官...

2024-11-13 厉飞雨 阅读(242) 评论(0) 赞(18)

声明式和命令式 {#声明式和命令式} ================== 原生开发和 Vue 开发的模式和特点，我们会发现是完全不同的，这里其实涉及到`两种不同的编程范式`: 命令式编程声明式编程 命令式编程关注的是 `how to do`自己完成整个 how 的过程; 声明式编程关注的是 `what to do`, 由框架(机器)完成 `how`的过程; &...

2024-11-13 厉飞雨 阅读(218) 评论(0) 赞(22)

复杂 data 的处理方式 {#复杂-data-的处理方式} ============================== **我们知道，在模板中可以直接通过`插值语法`显示一些`data 中的数据`。** **但是在某些情况，我们可能需要`对数据进行一些转化`后再显示，或者需要`将多个数据结合起来`进行显示;** * 比如我们需要对`多个 data 数据进行运算、三元运...

2024-11-13 厉飞雨 阅读(332) 评论(0) 赞(17)

v-model 的基本使用 {#v-model-的基本使用} ============================== **表单提交**是开发中非常常见的功能，也是和用户交互的重要手段: * 比如用户在`登录、注册`时需要提交账号密码; * 比如用户在`检索、创建、更新`信息时，需要提交一些数据; 这些都要求我们可以在**代码逻辑中获取到用户提交的数据** ，我们通常...

2024-11-13 厉飞雨 阅读(303) 评论(0) 赞(31)

<h1>什么是响应式? {#什么是响应式}</h1> <blockquote> <p>我们先来看一下响应式意味着什么?我们来看一段代码:</p> </blockquote> <p>|---------------|-----------------------------------------...

2024-11-06 厉飞雨 阅读(390) 评论(0) 赞(18)

<h2>Preface {#preface}</h2> <p>在 Vue 前端项目中不可避免的要使用 icon svg 图标组件，对于这个组件它需要两种能力：</p> <ol> <li>显示外部 svg 图标。</li> <li>显示项目内的 svg 图标。</li> &...

2024-11-06 厉飞雨 阅读(494) 评论(0) 赞(18)

<p>在做一个用vite构建的vue3项目时，动态拉取菜单导入页面，然后一直报错，偶尔可以，偶尔不行。</p> <p><img src="http://static.51tbox.com/static/2024-11-06/col/2c08cd8a55b67bfef67b1d01f1cc8fc8/a694aff2a20746d...

2024-11-06 厉飞雨 阅读(439) 评论(0) 赞(17)

<h2>动态路由</h2> <p>如果你的网页有管理员、普通用户等多种角色类型，不同的角色能看到的页面/菜单应该是不同的，所以不同的用户登录之后应该监听到不同的动态路由和渲染不同的菜单，这个时候就需要用到动态路由。</p> <p>简单来说就是根据用户信息获取其对应的权限，生成对应的路由挂载，然后动态渲染有权限的菜单于侧...