luoyushan

一. 数据请求和转化 1.1. 网络请求简单封装 目前我还没有详细讲解网络请求相关的知识，开发中我们更多选择地方的dio。 1.2. 首页数据请求转化 前端开发者很容易没有面向对象的思维或者类型的思维。 但是目前前端开发正在向TypeScript发展，也在帮助我们强化这种思维方…

6. vue中组件间传值 7. 动态组件 <component> 是vue官方提供的标签，通过更改 is 指向的子组件名来动态切换组件。 8. v-once 指令 只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。 …

上一篇文章 「前端面试题系列1」今日头条 面试题和思路解析 中提到了 async/await。它是在 ES8 中正式提出的，但是我发现，身边的朋友用到 async/await 的并不多。那么今天，我们就具体地聊聊什么是 async 函数，与 Promise 相比较，有哪些写法与…

最近在用 Vue 重构一个历史项目，一个考试系统，题目量很大，所以核心组件的性能成为了关注点。先来两张图看下最核心的组件 Paper 的样式。 从图中来看，分为答题区与选择面板区。 答题模式与学习模式可以相互切换，控制正确答案显隐。 单选与判断题直接点击就记录答案正确性，多选是…

我们一般控制换行所用到的CSS属性一共有三个：word-wrap; word-break; white-space。这三个属性可以说是专为了文字断行而创造出来的。首先我们得知道这三个属性到底是做什么用地： normal: 允许内容顶开指定的容器边界。 break-word: 内…

腾讯 Omi 框架正式发布 5.0，依然专注于 View，但是对 MVVM 架构更加友好的集成，彻底分离视图与业务逻辑的架构。 MVVM 其实本质是由 MVC、MVP 演化而来。 目的都是分离视图和模型，但是在 MVC 中，视图依赖模型，耦合度太高，导致视图的可移植性大大降低，…

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

HTMLElement.offsetWidth 是一个只读属性，返回一个元素的布局宽度。一个典型的（各浏览器的offsetWidth可能有所不同）offsetWidth是测量包含元素的边框(border)、水平线上的内边距(padding)、竖直方向滚动条(scrollbar)…

这篇文章主要围绕Vue的SPA单页面设计展开。 关于如何展开Vue多页面设计请点击查看。 这里指的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。 换句话说，vue-router就是WebApp的链接路径管理系统。 vue-router是Vu…