Blog
Blog copied to clipboard
冴羽写博客的地方,预计写四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。
## 前言 实际上,Symbol 的很多特性都无法模拟实现……所以先让我们回顾下有哪些特性,然后挑点能实现的……当然在看的过程中,你也可以思考这个特性是否能实现,如果可以实现,该如何实现。 ## 回顾 ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。 **1. Symbol 值通过 Symbol 函数生成,使用 typeof,结果为 "symbol"** ```js var s = Symbol(); console.log(typeof s); // "symbol" ``` **2. Symbol 函数前不能使用 new...
## 前言 Location 是 Nginx 中一个非常核心的配置,这篇重点讲解一下 Location 的配置问题以及一些注意事项。 ## 语法 关于 Location,举个简单的配置例子: ```nginx http { server { listen 80; server_name www.yayujs.com; location / { root /home/www/ts/; index index.html; } }...
## 前言 在 [《一篇带你用 VuePress + Github Pages 搭建博客》](https://github.com/mqyqingfeng/Blog/issues/235)中,我们使用 VuePress 搭建了一个博客,最终的效果查看:[TypeScript 中文文档](http://ts.yayujs.com/)。 在搭建博客的过程中,我们出于实际的需求,在[《VuePress 博客优化之拓展 Markdown 语法》](https://github.com/mqyqingfeng/Blog/issues/251)中讲解了如何写一个 `markdown-it`插件,本篇我们将深入`markdown-it`的源码,讲解 `markdown-it`的执行原理,旨在让大家对 `markdown-it`有更加深入的理解。 ## 介绍 引用 [markdown-it Github 仓库](https://github.com/markdown-it/markdown-it)的介绍: > Markdown parser done right....
## 前言 [Svelte](https://svelte.yayujs.com),一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,**从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1**:  Svelte 以其独特的编译时优化机制著称,具有**轻量级**、**高性能**、**易上手**等特性,**非常适合构建轻量级 Web 项目**。 为了帮助大家学习 Svelte,我同时搭建了 Svelte 最新的[中文文档](https://svelte.yayujs.com)站点。 如果需要进阶学习,也可以入手我的小册[《Svelte 开发指南》](https://s.juejin.cn/ds/iycmvygA/),语法篇、实战篇、原理篇三大篇章带你系统掌握 Svelte! 欢迎围观我的[“网页版朋友圈”](https://yayujs.com)、加入[“冴羽·成长陪伴社群”](https://www.yuque.com/yayu/nice-people/xou8qr),踏上[“前端大佬成长之路”](https://t.zsxq.com/DfGhx)。 ## 概述 命令行接口 (CLI),`sv`,是一个用于创建和维护...
## 前言 [Svelte](https://svelte.yayujs.com),一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,**从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1**:  Svelte 以其独特的编译时优化机制著称,具有**轻量级**、**高性能**、**易上手**等特性,**非常适合构建轻量级 Web 项目**。 为了帮助大家学习 Svelte,我同时搭建了 Svelte 最新的[中文文档](https://svelte.yayujs.com)站点。 如果需要进阶学习,也可以入手我的小册[《Svelte 开发指南》](https://s.juejin.cn/ds/iycmvygA/),语法篇、实战篇、原理篇三大篇章带你系统掌握 Svelte! 欢迎围观我的[“网页版朋友圈”](https://yayujs.com)、加入[“冴羽·成长陪伴社群”](https://www.yuque.com/yayu/nice-people/xou8qr),踏上[“前端大佬成长之路”](https://t.zsxq.com/DfGhx)。 ## 无障碍 SvelteKit 默认努力为您的应用程序提供一个无障碍的平台。Svelte...
## 前言 [Svelte](https://svelte.yayujs.com),一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,**从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1**:  Svelte 以其独特的编译时优化机制著称,具有**轻量级**、**高性能**、**易上手**等特性,**非常适合构建轻量级 Web 项目**。 为了帮助大家学习 Svelte,我同时搭建了 Svelte 最新的[中文文档](https://svelte.yayujs.com)站点。 如果需要进阶学习,也可以入手我的小册[《Svelte 开发指南》](https://s.juejin.cn/ds/iycmvygA/),语法篇、实战篇、原理篇三大篇章带你系统掌握 Svelte! 欢迎围观我的[“网页版朋友圈”](https://yayujs.com)、加入[“冴羽·成长陪伴社群”](https://www.yuque.com/yayu/nice-people/xou8qr),踏上[“前端大佬成长之路”](https://t.zsxq.com/DfGhx)。 ## 图片 图片会对您的应用性能产生重大影响。为了获得最佳效果,您应该通过以下方式优化它们: *...
## 前言 [Svelte](https://svelte.yayujs.com),一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,**从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1**:  Svelte 以其独特的编译时优化机制著称,具有**轻量级**、**高性能**、**易上手**等特性,**非常适合构建轻量级 Web 项目**。 为了帮助大家学习 Svelte,我同时搭建了 Svelte 最新的[中文文档](https://svelte.yayujs.com)站点。 如果需要进阶学习,也可以入手我的小册[《Svelte 开发指南》](https://s.juejin.cn/ds/iycmvygA/),语法篇、实战篇、原理篇三大篇章带你系统掌握 Svelte! 欢迎围观我的[“网页版朋友圈”](https://yayujs.com)、加入[“冴羽·成长陪伴社群”](https://www.yuque.com/yayu/nice-people/xou8qr),踏上[“前端大佬成长之路”](https://t.zsxq.com/DfGhx)。 ## 性能 SvelteKit 开箱即用地做了很多工作来使您的应用程序尽可能高效:...
## 前言 在 [《一篇带你用 VuePress + Github Pages 搭建博客》](https://github.com/mqyqingfeng/Blog/issues/235)中,我们使用 VuePress 搭建了一个博客,最终的效果查看:[TypeScript 中文文档](http://ts.yayujs.com/)。 如果我们在本地运行项目,运行地址类似于`http://localhost:8080/learn-typescript/`,以 http 开头,这在大部分时候都满足了需要,但有的时候,比如兼容 PWA,就需要以 https 开头,那我们如何在本地使用 https 地址呢? ## 开启 HTTPS 在 VuePress 官方文档里,我们并没有搜到直接的答案,但我们可以在 StackOverflow 搜到一个[回答](https://stackoverflow.com/questions/62977236/vuepress-how-can-i-use-https-in-dev-server),其实可以直接在 `config.js`添加: ```javascript...
## 前言 [Svelte](https://svelte.yayujs.com),一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,**从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1**:  Svelte 以其独特的编译时优化机制著称,具有**轻量级**、**高性能**、**易上手**等特性,**非常适合构建轻量级 Web 项目**。 为了帮助大家学习 Svelte,我同时搭建了 Svelte 最新的[中文文档](https://svelte.yayujs.com)站点。 如果需要进阶学习,也可以入手我的小册[《Svelte 开发指南》](https://s.juejin.cn/ds/iycmvygA/),语法篇、实战篇、原理篇三大篇章带你系统掌握 Svelte! 欢迎围观我的[“网页版朋友圈”](https://yayujs.com)、加入[“冴羽·成长陪伴社群”](https://www.yuque.com/yayu/nice-people/xou8qr),踏上[“前端大佬成长之路”](https://t.zsxq.com/DfGhx)。 ## 身份认证 身份认证(Auth)指的是认证(authentication)和授权(authorization),这是构建 Web...
## 前言 [Svelte](https://svelte.yayujs.com),一个语法简洁、入门容易,面向未来的前端框架。 从 Svelte 诞生之初,就备受开发者的喜爱,根据统计,**从 2019 年到 2024 年,连续 6 年一直是开发者最感兴趣的前端框架 No.1**:  Svelte 以其独特的编译时优化机制著称,具有**轻量级**、**高性能**、**易上手**等特性,**非常适合构建轻量级 Web 项目**。 为了帮助大家学习 Svelte,我同时搭建了 Svelte 最新的[中文文档](https://svelte.yayujs.com)站点。 如果需要进阶学习,也可以入手我的小册[《Svelte 开发指南》](https://s.juejin.cn/ds/iycmvygA/),语法篇、实战篇、原理篇三大篇章带你系统掌握 Svelte! 欢迎围观我的[“网页版朋友圈”](https://yayujs.com)、加入[“冴羽·成长陪伴社群”](https://www.yuque.com/yayu/nice-people/xou8qr),踏上[“前端大佬成长之路”](https://t.zsxq.com/DfGhx)。 ## 浅层路由 当您在 SvelteKit...