webpack

Webpack 是一个强大的 模块打包工具,广泛应用于前端项目中。它的主要作用是将各种资源(JavaScript、CSS、图片等)当作模块进行处理,最后生成优化后的静态文件,提升项目的加载性能和开发体验。 简单来说,Webpack 可以将多个文件合并...

Vue路由传参

路由传参方式可划分为 params 传参和 query 传参,而 params 传参又可分为在 url 中显示参数和不显示参数两种方式方式A :这种需要在路由配置好可以传递参数 xxx 的,不是最方便的路由配置 1234{ pat...

cloudflare

在当今的数字时代,网站的性能、安全性和可靠性对各种规模的企业都至关重要。而Cloudflare正是革新了网站内容交付和保护方式的公司。 Cloudflare是什么?Cloudflare是一家美国公司,提供一系列旨在提高网站和互联网应用程序的安全性、性...

Vue中$nextTick的使用

$nextTick官方解释:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM因为vue中不是数据一发生改变就马上更新视图层的,如果这样会带来比较差的性能优化,而是在vue中会添加到任务队列中,待执行栈的任务...

Vue中的ref

ref常用来辅助开发者,获取DOM元素或组件的引用,以及用于在父子组件中获取对方的某个元素进行取值,调用方法等。在每个Vue的组件实例上,都包含一个$refs对象,里面存储着对应的DOM元素或组件的引用·默认情况下,组件的$refs指向一个空对象·如...

Vue中的key

关于key,我们常常在v-for中会接触到,当我们需要进行列表循环的时候,如果没有使用key,就会有警报提示。 123456//场景一:循环列表<div v-for="num in numbers" :key="i...

computed和watch的区别

computed和watch的区别一、这两者解决的问题当我们的数据发生改变的时候,所有和该数据有关的数据都自动更新,执行我们定义的方法。不同于methods是需要相关的方法和交互来实现调用执行的。二、computed和watch以及methods的区...

v-show和v-if的区别

1 、本质上 v-show 是把标签里的 display 设置为 none ,所以页面上是可见的 v-if 是动态的操作 DOM 元素,页面上不可见的 2 、性能上 要是需要频繁的操作的话,肯定是v-show ,因为他只是操作css的值,不会频...

Vue-router中hash模式和history模式的区别

最明显的是在显示上, hash 模式的 URL 中会夹杂着#号,而 history 没有。 Vue 底层对它们的实现方式不同。 hash 模式是依靠 onhashchange 事件(监听 location.hash 的改变),而 history 模...

ajax

AJAX(Asynchronous JavaScript and XML)是一种用于创建交互式网页的技术。它允许网页在不重新加载整个页面的情况下,与服务器交换数据和更新部分网页内容。以下是AJAX的一些核心概念: 1. 同步与异步 同步请求:在发送请...

12345