同源策略 同源策略是web页面安全中心最基础、最核心的安全策略。 如果两个URL的协议、域名和端口都相同，我们就称这两个URL同源。 同源策略的表现 1. DOM层面 同源策...
IP属地：广东
同源策略 同源策略是web页面安全中心最基础、最核心的安全策略。 如果两个URL的协议、域名和端口都相同，我们就称这两个URL同源。 同源策略的表现 1. DOM层面 同源策...
sitemap.xml通过@nuxtjs/sitemap模块根据前端路由自动生成。 ./config/sitemap.jssitemap路由列表 nuxt.config.js...
使用vue-i18n实现国际化,多语言数据保存在locales文件夹内； 通过URL的params与vuex共同维护当前语言状态； 路由改变时触发middleware/i18...
首屏加载速度影响着用户对整个网站的第一体验尤为关键。那么如果才能够优化首次加载时的白屏时间？上一篇文章简单介绍了在浏览器里，从输入 URL 到页面展示的过程。现在我们将整个过...
在浏览器里，从输入 URL 到页面展示，这中间发生了什么？ 此处以chrome浏览器为例进行说明。 首先先介绍几个多进程浏览器里的基本概念。 浏览器进程：主要负责用户交互、子...
有时，您将需要多个不相关的组件或常规的JavaScript模块访问这些值。 在Svelte，我们通过store来做到这一点。store只是一种对象，该对象具有一种subscr...
onMount onMount将在组件首次呈现到DOM之后运行。除了onDestroy之外，生命周期函数不会在SSR期间运行，这意味着一旦组件挂在到DOM上，我们就可以避免在...
双向数据绑定 双向绑定意味着当我们更改name的值时会更新input输入框的值，更改input输入框值的时候name的值同样会改变。 如果您有多个与同一个值相关的输入，则可以...
DOM 事件 事件绑定 您还可以内联声明事件处理程序,并且因为svelte实际上是一个编译器，所以并不会影响性能。 事件修饰符 事件可以拥有改成其行为的修饰符。 preven...
条件逻辑 有条件的渲染一些元素，使用 "if" 代码块: 使用else代码块 多条件可以使用 else if： 循环逻辑 each 可以遍历数组、类数组对象、以及可迭代对象 ...
在任何实际应用程序中，您都需要将数据从一个组件传递到其子组件。为此，我们需要声明properties，通常将其缩写为'props'。注意：Svelte中，我们使用export...
Svelte的核心是功能强大的反应系统，用于使DOM与您的应用程序状态保持同步-例如，响应事件。 声明 当组件的状态更改时，Svelte会自动更新DOM。通常，组件状态的某些...
什么是svelte? Svelte是用于构建快速Web应用程序的工具。 它类似于React和Vue这样的JavaScript框架。但是有一个关键的区别：Svelte在构建时将...
