大家好，我是 CUGGZ。 css 方法论是一种面向 CSS、由个人和组织设计、已被诸多项目检验且公认有效的最佳实践。这些方法论都会涉及结构化的命名约定，并且在组织 CSS 时可提供相应的指南，从而提升代码的性能、可读性以及可维护性。 根据 State of CSS 2020 的调查结果显示，目前使用最多的五种分别为：BEM、ACSS、OOCSS、SMACSS、ITCSS。 下面就分别看看这五种 CSS 方法论！ BEMBEM 全称为 Block Element Modifier，分别表示块（Block）、蓝狮官网元素（Element）、修饰符（Modifier），它是由 Yandex 团队提出的一 ...
蓝狮注册如何修改 node_modules 里的文件
前言有时候使用 npm 上的包，发现有 bug ，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改 node_modules 里面的文件是不太行的，重新安装依赖就没有了。一般常用办法有两个： 下载别人代码到本地，放在 src 目录，修改后手动引入。fork 别人的代码到自己仓库，修改后，从自己仓库安装这个插件。这两个办法的缺陷就是：更新麻烦，我们每次都需要手动去更新代码，蓝狮注册无法与插件同步更新。如果 ...
蓝狮注册TYPESCRIPT 工具类型
类型是 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），那么如何在切换窗 ...