同源策略 同源策略是web页面安全中心最基础、最核心的安全策略。 如果两个URL的协议、域名和端口都相同，我们就称这两个URL同源。 同源策略的表现 1. DOM层面 同源策...
IP属地：广东
-
前端笔记（14）web网页安全
-
-
前端笔记（13）nuxt js sitemap.xmpl配置
sitemap.xml通过@nuxtjs/sitemap模块根据前端路由自动生成。 ./config/sitemap.jssitemap路由列表 nuxt.config.js...
-
前端笔记（12）nuxt js 多语言方案
使用vue-i18n实现国际化,多语言数据保存在locales文件夹内； 通过URL的params与vuex共同维护当前语言状态； 路由改变时触发middleware/i18...
-
前端笔记（11）提升首屏加载速度
首屏加载速度影响着用户对整个网站的第一体验尤为关键。那么如果才能够优化首次加载时的白屏时间？上一篇文章简单介绍了在浏览器里，从输入 URL 到页面展示的过程。现在我们将整个过...
-
前端笔记（10）浏览器导航流程
在浏览器里，从输入 URL 到页面展示，这中间发生了什么？ 此处以chrome浏览器为例进行说明。 首先先介绍几个多进程浏览器里的基本概念。 浏览器进程：主要负责用户交互、子...
-
svelte教程（8）stores
有时，您将需要多个不相关的组件或常规的JavaScript模块访问这些值。 在Svelte，我们通过store来做到这一点。store只是一种对象，该对象具有一种subscr...
-
svelte教程（7）生命周期
onMount onMount将在组件首次呈现到DOM之后运行。除了onDestroy之外，生命周期函数不会在SSR期间运行，这意味着一旦组件挂在到DOM上，我们就可以避免在...
-
svelte教程（6）数据绑定
双向数据绑定 双向绑定意味着当我们更改name的值时会更新input输入框的值，更改input输入框值的时候name的值同样会改变。 如果您有多个与同一个值相关的输入，则可以...
-
svelte教程（5）事件
DOM 事件 事件绑定 您还可以内联声明事件处理程序,并且因为svelte实际上是一个编译器，所以并不会影响性能。 事件修饰符 事件可以拥有改成其行为的修饰符。 preven...
-
svelte教程（4）逻辑
条件逻辑 有条件的渲染一些元素，使用 "if" 代码块: 使用else代码块 多条件可以使用 else if： 循环逻辑 each 可以遍历数组、类数组对象、以及可迭代对象 ...
-
svelte教程（3）props
在任何实际应用程序中，您都需要将数据从一个组件传递到其子组件。为此，我们需要声明properties，通常将其缩写为'props'。注意：Svelte中，我们使用export...
-
svelte教程（2）反应性
Svelte的核心是功能强大的反应系统，用于使DOM与您的应用程序状态保持同步-例如，响应事件。 声明 当组件的状态更改时，Svelte会自动更新DOM。通常，组件状态的某些...
-
饥人谷的导师和同学共同创作的前端技术博客 饥人谷官网：www.jirengu.com 前端技术交流群：222459918 博客内容包括前端方面的： 1、原创文章 2、 学习心得 3、读书笔记 4、外文翻译 推荐翻译： 1. http://javascript.info/tutorial/variables-and-statements 2. http://javascript.info/tutorial/number-math ❤通知： 1、每日评选最优博客，教导员打赏，赏金可积累起来在钱包提现 2、除夕夜评出当年获“最优”数量最多的同学为“饥人谷年度博客王”，将有神秘大奖 ---------------------------------------------------------- ★本专栏所有文章转载须注明出处，版权属作者和饥人谷所有
-
svelte教程（1）简介
什么是svelte? Svelte是用于构建快速Web应用程序的工具。 它类似于React和Vue这样的JavaScript框架。但是有一个关键的区别：Svelte在构建时将...
