类型是 TypeScript 的灵魂，很多时候我们需要种种新的类型。工具类型是 TypeScript 的一种特殊类型，为了解决某一特定的类型问题，得到一种新的类型。有的就是一种通用类型；有的则可以对现有类型进行一定的转换，从而得到一种新的类型。 TypeScript 内置了很多工具类型，熟练运用它们，可以让我们开发工作事半功倍。 TypeScript 的工具类型文档：https://www.typescriptlang.org/docs/handbook/utility-types.html 本文出自：https://fjolt.com/series/typescript-utility-types，在此表示感谢下面我们将逐一介绍这些 ...
蓝狮注册TypeScript与JavaScript的区别
TypeScript 是一种由微软开发的自由和开源的编程语言,是一种非常受欢迎的 JavaScript 语言扩展,它也是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。它在现有的 JavaScript 语法之上加入了一层类型层，而这一层即使被删除，蓝狮注册也丝毫不会影响运行时的原有表现。许多人认为 TypeScript “只是一个编译器”，但更好的理解其实是把 TypeScript 看作两个独立的系统：编译器（即处理语法的部分）和语言工具（即处理与编辑器集成的部分）。通过独立看待这两个系统，就可以 ...
蓝狮注册JavaScript框架的四个时代
早在2012年，我开始主要用JavaScript进行编码。我曾为一家本地企业从头到尾做了一个php应用，一个基本的CMS和网站，公司决定要重写它并增加一些功能。 项目经理希望我使用.NET，部分原因是这是他所知道的，但也因为他希望这个应用感觉像一个本地应用程序–没有页面刷新或操作动作长时间等待。经过一番研究和原型设计，我说服了经理，可以使用当时刚开始出现的全新JS框架，它能做到这些事项。 我选择的第一个框架实际上是 angular 1。在我遇到路由器的一些问题之前，蓝狮官网已经建立了一个相当大的应用程序，并使用Fu ...
蓝狮官网JavaScript 条件语句优化小技巧
大家好，我是 CUGGZ。 在日常的开发中，我们经常会编写一些条件语句，过多的 if…else 会导致代码难以理解和维护，今天来分享几个优化条件语句的小技巧！ 1、Array.includes来看下面的代码： function test(animal) {if (animal == ‘lion’ || animal == ‘dog’) {return animal;}return ”;}test(‘dog’);在test方法中包含一个 if 语句，用来判断传入的参数animal是不是lion或者dog。这么写从语法上是没问题的，但是如果 if 的判断条件中不只有两个动物，蓝狮注册登陆而是有四只 ...
蓝狮官网Vue 3是一个错误，我们不应该再犯
文本是翻译的，作者Fotis Adamakis， 他是 vue.js雅典会议的共同组织者，文中的第一人称指的是该大佬。 从最初引入Vue 3开始，已经过去了4年多。经过多次RFC的讨论，以及其他现代框架（包括react和Svelte）的影响，Vue 可能已经成为最强大和最全面的框架，蓝狮官网能够逐步支持任何规模和架构的应用。 听起来很刺激，对吗？嗯，事实远非如此。从那时起，就发生了很多延迟和降级的情况。尽管Vue 3最近成为了新的默认版本，但很多重要的支持库还没有准备好，甚至没有计划与两个版本兼容。这说明很多代码库还停留在Vue 2上， ...
蓝狮官网如何把前端项目写成一座屎山？
前言最近几年前端发展的非常快，SPA的繁荣让前端的工程化也越来越重。在很多场景下，前端的复杂度和难度也早已经超过了后端。但快速的发展下，前端也逐渐暴露出了许多问题。众所周知，前端从业人员很少谈程序的设计原则或设计思想。设计模式也顶多是在八股面试时千篇一律的问答“观察者模式”和“发布订阅者模式”。“内聚”和“解耦”这样的词语也很少从前端嘴里蹦出。这就难免导致前端代码写成一座大屎山。而这还是在基于类MVVM框架开发模式的前提下，前端代码天然具有了组件级别的抽象，如果是刀耕火种的MVC时代，更是难以想象。 ...
蓝狮官网盘点 10 个 GitHub 上的前端高仿项目
大家好，我是CUGGZ。今天来分享 Github 上的 10 个高仿前端项目。 概览： 高仿QQ音乐（vue）高仿网易云音乐（Vue）高仿网易云音乐（react）高仿B站（React）高仿掘金（Vue）高仿饿了么（Vue）高仿微信（Vue ）高仿 Instagram（React）高仿 Stackoverflow（React）高仿 Spotify（React） 高仿 QQ音乐（Vue）一个使用 Vue3+TS 开发的音乐播放器，界面模仿 QQ 音乐 Mac 客户端，支持黑夜模式。 Github：https://github.com/SmallRuralDog/vue3-music 高仿网易云音乐（Vue）一个基于 Vue2 和 Vue-CLI3 的高仿网易云 M ...
蓝狮官网Iframe在Vue中的状态保持技术
Iframe是一个历史悠久的html元素，根据MDN WEB DOCS官方介绍，Iframe定义为HTML内联框架元素，表示嵌套的Browsing Context，它能够将另一个HTML页面嵌入到当前页面中。Iframe可以廉价实现跨应用级的页面共享，并且具有使用简单、高兼容性、内容隔离等优点，蓝狮注册登陆因此以Iframe为核心形成了前端平台架构领域第1代技术。 众所周知，当Iframe在dom中初始渲染时，会自动加载其指向的资源链接Url，并重置内部的状态。在一个典型的平台应用中，一个父应用主页面要挂载多个窗口（每一个窗口对应一个Iframe），那么如何在切换窗 ...
蓝狮官网Chrome 102：新增两个 HTML 属性、两个 JS API !
Chrome 在上月发布了 102 版本，我们一起来看看都有哪些新东西把！ inert 属性inert 属性是一个全局的 html 属性，它可以告诉浏览器忽略元素的用户输入事件，包括焦点事件和来自辅助技术的其他事件。主要是下面两种用例： 元素是 dom 树的一部分，但在屏幕外或隐藏；元素是 DOM 树的一部分，但应该是非交互的。这个属性的在切图的时候还是挺有用的。例如，蓝狮注册登陆我们想开发一个模态框，你希望在模态框可见时将焦点聚焦在模态框内。或者，对于用户并不总是可见的抽屉，添加 inert 可确保当抽屉不在屏幕上时，键盘用户 ...
蓝狮官网什么是HTML标签？
什么是HTML标签？ 【P2H观点】HTML是一门专门描述网页外观的语言。HTML一共由很多不同的标签构成，HTML包含了所有网页标签的一个合集，我们常见的DIV就是HTML的一种。 HTML专业名称是超文本标记语言 (Hyper Text Markup Language)，这句话很值得揣摩，真正理解了这句话也就真正理解了HTML！网页内容可以分为两类，蓝狮官网一类是纯文本，另一类不是纯文本即超文本，纯文 本的内容无需任何标签即可在浏览器中正常预览；而不是纯文本的内容就需要对应的标签加以标识，如图片，除些之外，你没有办法将图片放在网页上！怎么来 ...