前端三件套速成

一、HTML

1、基本的文档结构



  
    
    
    My test page
  
  
    My test image
  

2、标记文本:标题

、段落

、列表

              属性

      3、图像

      My test image
      

      4、超链接

      Mozilla Manifesto
      

      5、表格

      速成视频:为初学者准备的:HTML 速成_哔哩哔哩_bilibili

      网站:菜鸟教程、HTML 基础 - 学习 Web 开发 | MDN

      二、CSS

      1、四种类型选择器

      标签选择器、Id选择器、类选择器、属性选择器

      2、三种html引入CSS方式

      1. 外部引入CSS文件 import xxx.css
      2. 嵌入式:在head下body外嵌入选择器
      3. 内联式(特殊情况用,极少用) 在标签内部写style=""

      3、文本大小、类型、颜色。。。

      4、盒子模型 :

      在html构建结构时,常使用

      多层嵌套

      前端三件套速成_第1张图片

      然后针对每个div进行style渲染

      速成教程:为初学者准备的:CSS 速成_哔哩哔哩_bilibili

      三、JavaScript

      常识:JavaScript解释性语言,不用编辑器,必须要使用JavaScript引擎来运行,但一般浏览器才会内置JS引擎,一位天才使用c++编写了node.js 内置了JS引擎,实现外部环境也可以运行JS代码

      1、变量

      原生数据类型也就是String、boolean、number、null、Array、

      语法中只有const常量、let变量、var(少用)

      2、数组

      let arr = new Array(1,"xiaowang","shiixna",2,4);

      数组内部元素数据类型可不同。

      3、对象

      const person = {
          lastName: "houhh",
          age: 30,
          hobbies: ["football","eat","sports"],
          address: {
              street: "34 main st",
              city: "Boston",
              state: "MA",
          },
      
      }

      4、构造函数、条件语句、循环语句也都差不多 多写几道算法题就好了。

      5、事件、操作网页啥的 也用不到。用到再学。

      教程:为初学者准备的:JavaScript 速成_哔哩哔哩_bilibili

你可能感兴趣的:(前端组件-框架技术,前端)