[前端学习笔记1]蓝桥杯Web应用开发组考点内容

蓝桥杯新推出了前端组，正好在找实习的方向，决定先学学前端，以赛促学，希望明年暑假能找到一个前端的实习（导师允许的前提下）。

我完全是前端小白一个呀（准确的说开发小白一个，后端我也不会，但是我也想成为全栈工程师啊！！），所以今天先看看蓝桥杯考的东西都是干啥用的，百度搜一搜。

学习路线：鱼皮-前端路线
————————————————————
HTML(Hyper Text Markup Language)
HTML 是一种标记语言，使用特殊的语法或标记来向浏览器描述网页的结构。HTML 元素由开始和结束标签构成，标签之间是文本内容。不同的标签可以让文本内容以标题、段落、列表等形式展现。
CSS(Cascading Style Sheets)
CSS（级联样式表）告诉浏览器如何显示你在 HTML 中写入的文本和其他内容。你可以使用 CSS 控制 HTML 元素的颜色、字体、大小、间距等许多属性。
JavaScript
JavaScript 是一种用于网页交互的脚本语言。它和 HTML 和 CSS 一样，是网站的核心技术之一。所有现代浏览器都支持 JavaScript。
ES6
ECMAScript（ES）是 JavaScript 的标准。因为所有主流浏览器都遵循此规范，所以 ECMAScript 和 JavaScript 是可以互换的。截至目前你所学到的 JavaScript 大多是在 2009 年定稿的 ES5（ECMAScript5）。你仍然可以使用 ES5 编写程序。JavaScript 在不断迭代，每年都会发布新功能。
jQuery
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
Bootstrap
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。
Vue.js
Vue 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用（SPA）提供驱动。
ElementUI
ElementUI是配合Vue使用的UI框架。
ECharts
ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。2021年1月26日晚，Apache基金会官方宣布ECharts项目正式毕业。1月28日，ECharts 5线上发布会举行。
Less
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。
Node.js
Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型，让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好，V8引擎执行Javascript的速度非常快，性能非常好，基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。
webpack
本质上，webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。

——————————————————
总的来说，考点就是前端三剑客还有围绕三剑客的框架，还有运行环境、打包工具这个样子。

一项一项学啦，这周事还是蛮多的，但是都不是很上心，下周开一个软件课设，很期待。

今天报了y总的Django框架课，等拼完团先跟一跟，买个服务器，然后把项目整体学一学。

[前端学习笔记1]蓝桥杯Web应用开发组考点内容相关推荐

蓝桥杯 Web 应用开发模拟赛首次公开！参赛选手速进！
第十三届蓝桥杯大赛报名通道正式开启,你行动起来了吗? 很多细心的小伙伴一定看到了,这届蓝桥杯大赛中新增了 Web 应用开发组.这是 Web 应用开发首次出现在杯赛中,所以没有历年真题可以供参赛选手刷题 ...
蓝桥杯Web应用开发
文章目录介绍策略课程题目学习笔记 1.水果拼盘 2.分一分 3.冬奥大抽奖 4.灯的颜色变化 5.购物车 6.类型判断 7.商品销量和销售额实时展示看板 8.粒粒皆辛苦 9.水果叠叠乐 10 ...
第十三届蓝桥杯Web应用开发（大学组）
文章目录前言 01.水果盘 **题目:** **解答:** 02.展开你的扇子题目解答: 03.和手机相处的时光题目解答 04.灯的颜色变化题目解答 05.冬奥大抽奖题目解答 06蓝 ...
2023年第十四届蓝桥杯Web应用开发(职业院校组)省赛真题
前言: 因博主申请的线上考试所以留下了真题,本篇文章只有题目没有答案,因博主技术有限(请理解一下),博主只拿了省二蓝桥杯真题网盘地址: 链接:https://pan.baidu.com/s/1x_J ...
第13届蓝桥杯 Web应用开发赛道题解
01水果拼盘(5分) /* TODO:待补充代码 */ #pond {flex-flow: column wrap; } 这一题真的挺有意思的,如果我们自己来写这个页面的话应该会按照下面的进行布局 3 ...
蓝桥杯大学本科B组考点整理
翻出考纲,查了csdn几个博客,然后根据之前做过的蓝桥题目,整理了下面的考点. 不保证全,但是希望对整体复习有帮助. 考纲和参考链接放在了最后. 新增:感谢cygg zggg xygg的补充考点: ...
Web前端学习笔记10：移动web开发流式布局_flex布局
文章目录移动web开发之rem布局 1 rem基础 1.1 rem单位 2 媒体查询 2.1 什么是媒体查询 2.2 媒体查询语法规范 3 less 基础 3.1 维护css弊端 3.2 Less ...
Web前端学习笔记09：移动web开发流式布局_flex布局
文章目录移动web开发流式布局 1.0 移动端基础 1.1浏览器现状 1.2 手机屏幕的现状 1.3移动端调试方法 2.0 视口 2.1 布局视口 layout viewport 2.3理想视口 i ...
第十四届蓝桥杯Web应用开发—模拟赛3期--网页PPT--蓝桥校园一卡通--心愿便利贴
文章目录 1:网页PPT (5分) ✔✔✔ 2:蓝桥校园一卡通 (10分)✔✔✔ 3:心愿便利贴 (15分) ✔✔✔ 1:网页PPT (5分) ✔✔✔ switchPage( ) switchPage ...

[前端学习笔记1]蓝桥杯Web应用开发组考点内容

[前端学习笔记1]蓝桥杯Web应用开发组考点内容相关推荐

最新文章

热门文章