前端自学需要把大量时间放在 HTML、CSS 吗?

news2025/1/15 13:48:59

前言

html和css其实不需要花费太多的时间,html暂且不说,css各类的属性太多了,平时如果只是简单做一些小网站根本不需要全部掌握,只需要掌握一些基础常用的即可,一般遇到不会的也可以直接查文档,就我个人来看的话HTML、CSS查文档的效率是高于看视频的,看教学视频这些只用看个基础大概即可,如何看你是否基础入门了呢,能用html和css自己独立做出一个静态的网站页面,那我觉得基本这两部分就算是入门了,至于更加深入的知识,通过不断的边练习边查文档掌握比你一天花八小时看视频高效太多了。

然后便是js部分,作为前端基础的三部分之一,我觉得你需要在它身上花的时间理应是要比其他两部分多的,下面是我总结的js的一些重要知识点的学习路线图和文章资源整理,希望对你有帮助~

先放上路线图

部分重要知识点

基础性知识

·声明变量

·null 和 undefined

·详解JavaScript严格模式

运算符&流程控制

· 运算符

·三大流程控制语句

数组

·数组基础知识点

·数组操作函数汇总

对象

·对象详解教程

Set集合

·Set对象

· WeakSet

Map

· Map对象

· WeakMap

函数进阶

·函数声明的几种形式及用法

·立即执行函数(IIFE)

· 函数参数——深入理解参数传递、参数默认值、参数的收集与展开

·JS如何使用递归?

·全面解析this关键字

####

作用域和闭包

· 执行上下文和执行栈

·作用域和作用域链

·闭包的概念、原理、作用及应用

原型与继承

·原型与原型链

·常用八种继承方案

·类(class) 基础知识

·Static 方法

·类继承

模块化

模块化—模块暴露与模块引入

正则表达式

·正则表达式语法大全

·全网最全JavaScript正则表达式( 校验数字和字母)

Promise

·理解JavaScript Promise

·帮你弄懂Promise原型方法then、catch、finally

·图解 Promise 实现原理—— Promise 链式调用 

·理解 JavaScript 的 async/await )

DOM&BOM对象

·DOM绑定事件、事件流机制、事件委托、事件对象

·DOM操作整理

·BOM操作整理

· AJAX跨域

·本地存储详解

空间坐标

·空间坐标的使用

事件

·事件(event)处理

·事件参考手册

·HTML DOM 事件监听程序

网络请求

·XMLHttpRequest入门教程(非常详细)

·JS 通过 fetch 请求数据

canvas

[·Canvas 教程 - Web API 接口参考 ]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1108337.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

负载均衡、代理和动静分离的战略

一、Nginx简介 1.1 概述 Nginx (“engine x”) 是一个高性能的 HTTP 和 反向代理服务器,特点是占有内存少,并发能力强,能经受高负载的考验,有报告表明能支持高达 50,000 个并发连接数 。 1.2正向代理与反向代理 1.2.1正向代理 正向代理:如果把局域网外的 Internet 想象…

【数之道 06】神经网络模型中激活函数的选择

激活函数的选择 为什么使用激活函数激活函数的选择sigmoidtanhReLU(Rectified Linear Unit)Leaky ReLU( ReLU 函数的变形体)隐藏层的选择顺序 输出层的激活函数以业务要求为导向二分类问题多分类问题多标签问题线性回归问题 b站视频 为什么使用激活函数…

Linux内核8. Linux内核的经典调试方式

1 内核调试以及工具总结 内核总是那么捉摸不透, 内核也会犯错, 但是调试却不能像用户空间程序那样, 为此内核开发者为我们提供了一系列的工具和系统来支持内核的调试. 内核的调试, 其本质是内核空间与用户空间的数据交换, 内核开发者们提供了多样的形式来完成这一功能. 2 用户…

【一】Lambda表达式

1.Lambda表达式概述 ​ Lambda表达式是现代C在C 11和更高版本中的一个新的语法糖 ,在C11、C14、C17和C20中Lambda表达的内容还在不断更新。 lambda表达式(也称为lambda函数)是在调用或作为函数参数传递的位置处定义匿名函数对象的便捷方法。…

BookStack 详解及 Docker-Compose 部署

BookStack 是一款用于创建文档和文档管理的开源平台。它提供了一个直观且功能丰富的界面,可用于组织和管理各种文档,包括文档编写、编辑和共享。本文将介绍 BookStack 的核心功能,并展示如何使用 Docker-Compose 快速部署 BookStack。 BookS…

Qt 窗口常用位置API函数 绘图原理 双缓冲机制 总结

一、Qt 窗口API函数基础知识 在Qt窗口编程中,常用的API函数有: QWidget类的API函数:包括setWindowTitle()、resize()、move()、show()、hide()、setFixedSize()、setWindowFlags()等。 QMainWindow类的API函数:包括setCentralWi…

竞赛选题 深度学习二维码识别

文章目录 0 前言2 二维码基础概念2.1 二维码介绍2.2 QRCode2.3 QRCode 特点 3 机器视觉二维码识别技术3.1 二维码的识别流程3.2 二维码定位3.3 常用的扫描方法 4 深度学习二维码识别4.1 部分关键代码 5 测试结果6 最后 0 前言 🔥 优质竞赛项目系列,今天…

IDEA使用http client无法识别http-client.env.json的环境配置

http-client.env.json的配置 {"dev": {"baseUrl": "http://192.168.60.176:9160","accessToken": "eyJhbPNOQ"} }选择不到环境 问题原因: 安装了Alibaba Cloud Toolkit插件后,被Alibaba Cloud ROS …

vue3中使用百度地图

基本使用 在项目的index.html加入以下代码(记得替换成自己的key) <script type"text/javascript" src"https://api.map.baidu.com/api?v1.0&typewebgl&ak自己的key"></script>在组件中加入以下代码 <template><div id&qu…

CAN通信

通讯方式 UART&#xff1a;(Universal Asynchronous Receiver Transmitter&#xff1a;通用异步收发器/异步串行通信口)&#xff0c;是一种通用的串行数据总线&#xff0c;用于异步通信&#xff0c;支持全双工。它包括了RS232、RS499、RS423、RS422和RS485等接口标准规范和总线…

中文连续视觉语音识别挑战赛

视觉语音识别&#xff0c;也称唇语识别&#xff0c;是一项通过口唇动作来推断发音内容的技术。该技术在公共安全、助老助残、视频验真等领域具有重要应用。当前&#xff0c;唇语识别的研究方兴未艾&#xff0c;虽然在独立词、短语等识别上取得了长足进展&#xff0c;但在大词表…

FCKeditor编辑器漏洞

FCKeditor在网页上属于开发源代码的文字编辑器&#xff0c;FCK是作者的名字 搭建环境 查看版本http://192.168.246.20:89/_whatsnew.html 编辑器界面http://192.168.246.20:89/_samples/default.html 常用上传地址 FCKeditor/editor/filemanager/browser/default/browser.html…

华为云HECS服务器下docker可视化(portainer)

一、docker安装 华为云HECS安装docker-CSDN博客 二、portainer安装 portainer地址&#xff1a;Portainer: Docker and Kubernetes Management Platform 当前portainer分CE&#xff08;开源版&#xff09; 和 BE&#xff08;商业版&#xff09;&#xff0c;用CE即可 1 创建…

聚观早报 | 真我GT5 Pro即将登场;OPPO Find N3即将亮相

【聚观365】10月18日消息 真我GT5 Pro即将登场 OPPO Find N3即将亮相 小米澎湃OS正式版已完成封包 百川智能获3亿美元A1轮融资 理想MEGA实车曝光 真我GT5 Pro即将登场 8月28日&#xff0c;全新的真我GT5正式亮相&#xff0c;该机拥有安卓阵营最强悍的性能配置&#xff0c…

kali使用docker安装DVWA

上一篇文章我记录了如何使用kali安装DVWA&#xff0c;但是我是一个一个组件安装的&#xff0c;非常麻烦&#xff0c;比如数据库还需要配置&#xff0c;花费时间很多。昨天在逛github时&#xff0c;发现大佬的靶场都是通过docker打包好的&#xff0c;如果我也用docker安装DVWA&a…

[部署网站02]下载安装 unix PHP7.4 Swoole Loader扩展文件

1.下载地址&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/13FA0lu_9uu6yhpHHA0P2yA?pwdhft7 提取码&#xff1a;hft7 2 、安装Swoole Loader 将刚才下载的Swoole Loader扩展文件&#xff08;swoole_loader74.so&#xff09;上传到当前PHP的扩展安装目录中&#x…

DAQ进行准确的测量,为决策提供更可靠的依据

进行准确的测量&#xff0c;为决策提供更可靠的依据 DAQExpress提供了交互式分析面板&#xff0c;可帮助您轻松配置兼容的测量硬件&#xff0c;以及查看分析测量数据。无需编程即可立即捕获测量数据&#xff0c;或者在DAQExpress编辑器中创建一个基本的LabVIEW VI&#xff0c;…

BERT变体(1):ALBERT、RoBERTa、ELECTRA、SpanBERT

Author:龙箬 Computer Application Technology Change the World with Data and Artificial Intelligence ! CSDNweixin_43975035 *天下之大&#xff0c;虽离家万里&#xff0c;何处不可往&#xff01;何事不可为&#xff01; 1. ALBERT \qquad ALBERT的英文全称为A Lite versi…

【Leetcode】【简单】136.只出现一次的数字

力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台备战技术面试&#xff1f;力扣提供海量技术面试资源&#xff0c;帮助你高效提升编程技能&#xff0c;轻松拿下世界 IT 名企 Dream Offer。https://leetcode.cn/problems/single-number/description/ 给…

【AIFEM案例操作】水轮机转轮强度和模态分析

AIFEM是由天洑自主研发的一款通用的智能结构仿真软件&#xff0c;助力用户解决固体结构相关的静力学、动力学、振动、热力学等实际工程问题&#xff0c;软件提供高效的前后处理工具和高精度的有限元求解器&#xff0c;帮助用户快速、深入地评估结构的力学性能&#xff0c;加速产…