lh_lh_24

Vue

CSS(34) HTML(10) JavaScript(67) OpenLayer(4) TypeScript(1) 前端工程化(14) 数据结构(2) 浏览器(12) 算法(28) 计算机网络(19)

/ 注册

全部文章 / Vue （共28篇）

跨域来自专栏

跨域 1. 跨域是什么跨域本质是浏览器基于同源策略的一种安全手段。同源策略，是一种约定，是浏览器最核心也最基本的安全功能。同源具有以下三个相同点：协议相同（protocol）主机相同（host）端口相同（port）反之非同源请求，也就是协议、端口、主机其中一项不相同的时候，这时候就...

2022-03-09

1 361

SSR 来自专栏

SSR 1. 是什么 Server-Side Rendering 称为 SSR，意为服务端渲染。指由服务端完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。先来看看 Web 3个阶段的发展史：传统服务端渲染 SSR 单页面应用 SP...

Vue

2022-03-09

1 554

Vue 的性能优化来自专栏

Vue 的性能优化 1. 编码阶段尽量减少 data 中的数据，data 中的数据都会增加 getter 和 setter，会收集对应的 watcher； v-if 和 v-for 不能连用；如果需要使用 v-for 给每项元素绑定事件时使用事件代理； SPA 页面（单页面应用）采用 keep...

前端 Vue 性能优化

2021-08-13

2 531

Vue 中v-for和v-if 来自专栏

Vue 中v-for和v-if 1. v-for和v-if的渲染优先级首先：永远不要把 v-if 和 v-for 同时用在同一个元素上。其次：当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级，这句话代表着，当 v-if 和 v-for 同时出现。渲染函数会先执行到 v-for。...

前端 Vue

2021-08-09

1 1177

Vue 组件中的data为什么是函数来自专栏

Vue 组件中的data为什么是函数参考：https://blog.csdn.net/qq_42072086/article/details/108060494 1. 总结（1）vue 中组件是用来复用的，为了防止 data 复用，将其定义为函数。（2）vue 组件中的 data 数据都应...

前端 Vue

2021-08-09

1 583

Vue 插槽来自专栏

Vue 插槽参考：https://zhuanlan.zhihu.com/p/114502325 1. 具名插槽子组件：component3 <template> <div class="button"> <button>插槽...

前端 Vue

2021-08-04

1 454

diff 算法来自专栏

diff 算法参考：https://www.infoq.cn/article/uDLCPKH4iQb0cR5wGY7f 1. 概念概念：diff 算法是一种优化手段，将前后两个模块进行差异化对比，修补（更新）差异的过程叫做patch（打补丁）为什么 vue，react 这些框架中都会有...

前端 Vue

2021-08-02

1 607

Vue-Router 实现原理来自专栏

Vue-Router 实现原理参考：https://www.jianshu.com/p/d59971198082 需要明白的是，router-link 和 router-view 是两个 Vue 全局组件，必定是在 vue-router 中实现了全局定义两个组件，他们分别用来跳转路由和展示路由...

2021-08-01

1 667

Vue 路由导航守卫来自专栏

Vue 路由导航守卫在路由跳转前做一些验证。 1. 全局前置守卫 beforeEach // 全局路由守卫 router.beforeEach((to, from, next) => { // console.log("进入全局路由守卫"); // console...

2021-08-01

1 603

Vue 中activated的用法来自专栏

Vue 中activated的用法 1. keep-alive 被 <keep-alive> 包裹的组件其会被缓存创建两个子组件conpoment1,compoment2 ，其内容如下： <template> <div class="wrapper&quo...

2021-08-01

1 2437