前端基础知识总结（完善ing）

最新推荐文章于 2022-10-04 17:57:28 发布
置顶 最新推荐文章于 2022-10-04 17:57:28 发布
阅读量181 收藏 1
点赞数 1
分类专栏： # 基础-知识点总结 文章标签： javascript css html html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37877794/article/details/114214209
版权

前端基础知识总结

学习前端知识的过程中，我对所学的基础知识（HTML / CSS / JavaScript / 开发环境 / 运行环境等）做了思维导图框架总结。
现在在此分享~ 欢迎大家指正分享~~

*页面布局

两栏布局1、两栏布局2、两栏布局3、两栏布局4
三栏布局1、三栏布局2
页面布局总结
HTML5新特性

*CSS 盒模型

CSS盒模型、BFC
CSS3新特性

*Javascript

原型和原型链
面向对象（类与实例、类与继承）
作用域和闭包
JS 运行机制（异步 单线程）
日期 Math 数组API 对象API
DOM
BOM
DOM 事件、事件
ES6新特性
HTTP协议
通信、AJAX
存储

*运行环境

渲染机制、页面加载
性能优化
安全

*开发环境

IDE
GIT
模块化
上线回滚

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

爱吃松果的美美
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
前端基础知识整理汇总（上）
qsj0606的博客
02-26 239
前端基础知识整理汇总（上） HTML页面的生命周期 HTML页面的生命周期有以下三个重要事件： 1、DOMContentLoaded —— 浏览器已经完全加载了 HTML，DOM 树已经构建完毕，但是像是 和样式表等外部资源可能并没有下载完毕。 2、load —— 浏览器已经加载了所有的资源（图像，样式表等）。 3、beforeunload —— 当用户即将离开当前页面（刷新或关闭）时触发。正要去服务器读取新的页面时调用，此时还没开始读取； 4、unload —— 在用户离开页面后触发。从服务器上读到了需
前端基础知识点总结
m0_48397544的博客
02-23 186
前端基础知识点总结
[C++基础]-入门知识
分享技术
10-04 3113
C++的发展历史，命名空间，缺省参数，函数重载，输入和输出；想知道的小伙伴快来看吧！
c++介绍与入门基础（详细总结）
includeevey的博客
09-18 9707
该文章讲述c++的背景和基本知识。若认真看完就是对我最大的肯定。
前端-javascript-基础知识-总结笔记
02-25
个人学习javascript的笔记总结
Web前端.DAY10-ing对象.avi
05-17
Web前端.DAY10-ing对象.avi
blog:我的前端知识体系
07-24
前端基础 HTML H5 中一些知识点详解 CSS CSS 中一些知识点详解 JAVAScript ECMAScript 原生数据类型 数据类型检测 null 与 undefined 包装对象与原始类型: number,string,boolean 其他内置对象类型 正则对象类型 ...
java基础知识点思维导图
最新发布
07-14
java基础知识点思维导图
Vue//总结
weixin_37877794的博客
02-26 1360
Vue vue是什么？有什么功能？有什么优点？ 1、vue 是一个轻量级的前端框架语言。用于创建 web 交互界面的库，是一个精简的 MVVM。通过双向数据绑定把 view 层和 model 层连接了起来。 2、功能： ① 数据渲染 / 数据同步 ② 模块化 / 组件化 ③ 其它：路由、ajax、数据流 3、优点： ① 体积小，压缩后只有33k； ② 运行效率高，虚拟dom，预先通过JavaScript进行各种计算，把最终的dom操作计算出来并优化； ③ 双向数据绑定，可减少dom操作，专注于业务逻辑上；
JS//HTTP 协议
weixin_37877794的博客
02-28 1279
JS//（先占坑）2
JS//作用域和闭包
weixin_37877794的博客
02-27 542
JS——作用域和闭包 1 知识点 1.1 执行上下文 执行上下文的范围：① 一段script（全局）； ② 一个函数 在 “全局” or “函数” 范围内，以下变量会提升 全局：变量定义、函数声明 函数：变量定义、函数声明、this、arguments （PS：注意“函数声明”和“函数表达式”的区别） 1.2 this this 要在执行时才能确认值，定义时无法确认。 ———————————————— *作为构造函数执行 *作为对象属性执行 *作为普通函数执行 *call apply bind（区.
JS//JS部分实战题
weixin_37877794的博客
12-14 404
复习//JS部分实战题 文章目录复习//JS部分实战题1、写一个原型链继承的例子2、创建10个`a`标签，点击对应标签时弹出对应序号（作用域问题）3、实际开发中闭包的应用4、写一个能遍历对象和数组的通用 forEach 函数5、DOM 操作常用 API 有哪些？1.引入库1.引入库1.引入库1.引入库总结 1、写一个原型链继承的例子 <div id="root"></div>在这里插入代码片 function Elem(id) { this.elem = document.g
基础//HTML5/CSS3/ES6新特性
weixin_37877794的博客
02-28 244
JS//（先占坑）1
基础//开发环境之IDE、git、上线回滚
weixin_37877794的博客
03-01 220
基础//开发环境之IDE、git、上线回滚 1 IDE 2 git 3 模块化 4 上线回滚
基础//页面布局——三栏布局1
weixin_37877794的博客
09-09 211
文章目录一、题目二、我的代码详情三、总结 一、题目 根据题目给出你的答案。 二、我的代码详情 https://codepen.io/janmie-cjm/pen/gOrvBEw?editors=1100 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia.
基础//页面布局总结
weixin_37877794的博客
02-27 208
1 方案 不管三栏布局、还是两栏布局， 只要左右布局的方式，多 float，（float、absolute、flex、table、grid）； 上下布局的方式，没有 float，（absolute、flex、table、grid）。 2 各方案有什么优缺点？ 1）浮动 float 优：简单 缺：脱离文档流，需结合BFC应用 注意：需把浮动的块级写在前面！！！float在左右布局中才有用 diaplay: left/right 2）绝对定位 absolute 优：简单 缺：脱离文档流，需结合BFC应用，.
基础//页面布局——两栏布局1
weixin_37877794的博客
09-16 199
文章目录一、题目二、我的代码详情三、总结 一、题目 根据题目给出你的答案。 （左栏宽度固定，右栏自适应） 题目：已知高度100px，左宽度固定150px，右宽度自适应。 二、我的代码详情 https://codepen.io/janmie-cjm/pen/ExKpVdO <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co.
JS//对象
weixin_37877794的博客
03-02 194
JS——对象 1 JS Array 属性 constructor、length、prototype 方法 增 —— （push、unshift）（join、concat） 删 —— （pop、shift、splice） 改 —— （reverse、copyWithin、fill）（toLocaleString、toString） 查 —— （indexOf、lastIndexOf、includes、sort）（slice） 迭代 —— （forEach、every 、some、 fliter、.
计算机网络复习关键点：从基础到高级
"网络基础复习提纲.pptx 是一份针对计算机网络基础知识的复习资料，内容涵盖局域网、网卡、传输层等多个关键概念。这份资料适合学习计算机网络的人员参考，旨在帮助理解网络的基本原理和工作方式。" 网络基础知识是...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值