前端语言

三剑客

html

标签分类

css

伪类和伪元素

伪类:可以独立于文档的元素来分配样式，且可以分配给任何元素，逻辑上和功能上类类似，但是其是预定义的、不存在于文档树中且表达方式也不同，所以叫伪类
伪元素:所控制的内容和一个元素控制的内容一样，但是伪元素不存在于文档树中，不是真正的元素，所以叫伪元素。设计伪元素的目的就是去选取诸如元素内容第一个字（母）、第一行，选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文档中，所以叫伪元素。
伪类有：:first-child ，:link:，vistited，:hover:，:active , :focus，:lang
伪元素有：::first-line，::first-letter，::before，::after

引入方式

内联样式

<p style="color: red;"> this is a p </p>

内部样式

<head>
    <style type=text/css>
        body {
            backgroundcolor: blue;
            border: 0;
        }
    </style>
</head>

外部引入

<head>
    <link rel="stylesheet" type="text/css" href="style.css"/>
</head>

javascript

历史

1995年Brendan Eich用了10天发明的

浏览器

引擎

分为渲染引擎和Javascript引擎
渲染引擎 JavaScript引擎（V8引擎为例）

大前端

MVC | MVVM | MVP

mvc：经典MVC模式中，M是指模型，V是视图，C则是控制器，使用MVC的目的是将M和V的实现代码分离，从而使同一个程序可以使用不同的表现形式。其中，View的定义比较清晰，就是用户界面
mvvm：MVVM模式，应用的UI以及基础表示和业务逻辑被分成三个独立的类：视图，用于封装UI和UI逻辑；视图模型，用于封装表示逻辑和状态；以及模型，用于封装应用的业务逻辑和数据。、
mvp：MVP则在MVC基础上，限定了通信方式，即Model和View之间不直接通信，都通过Presenter通信，这个Presenter和MVC中的Controller一脉相承，代表应用中的逻辑层。Presenter负责项目中的逻辑，并且直接与View和Model通信，操作数据更新更新后手动同步到View上。

前端语言 | 青训营笔记