黑马程序员官方博客

今天，为大家准备了关于创建网页文件的学习内容，具体包括网页文件创建、HTML标签语法规范、HTML标签的关系以及HTML整体结构。完成以上内容的学习，零基础学习者基本上就能学会如何创建一个有简单内容的网页文件，快一起来看吧！（1）网页文件的扩展名在讲解标签的具体语法规范前，我们首先要创建一个网页文件。说到文件，我们知道文件有类型，也就是有扩展名。例如，记事本文件，它的扩展名为：.txt。那么，网页文件的扩展名是什么呢？网页文件的扩展名为：’.html’ 或者是’.htm’。所以，看到以’.htm

JavaScript对象的创建方式有几种？怎么用？对象是JavaScript的基本数据类型，对象不仅是字符串到值的映射还保持自有属性，JavaScript对象可以从一个称为原型的对象继承属性，对象的方法通常是继承的属性。1. JavaScript对象是什么？JavaScript中的所有事物都是对象：字符串、数值、数组、函数等都可以认为是对象，此外JavaScript 允许自定义对象对象可以拥有属性和方法。2. JavaScript创建对象操作创建自定义javascript对象有两种方式：①通过顶

前端学习路线图概览：HTML+CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程-->Node.js-->Vue2+Vue3-->React核心技术-->微信小程序

学习目标:掌握API和Web API的概念掌握常见浏览器提供的API的调用方式能通过Web API开发常见的页面交互功能能够利用搜索引擎解决问题typora-copy-images-to: mediaWeb APIWeb API介绍API的概念API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。任何开发语.

js中那么多循环，for for…in for…of forEach，有些循环感觉上是大同小异今天我们讨论下for循环和forEach的差异。我们从几个维度展开讨论：for循环和forEach的本质区别。for循环和forEach的语法区别。for循环和forEach的性能区别文章目录本质区别for循环和forEach的语法区别forEach 的参数forEach 的中断for循环和forEach的性能区别本质区别for循环是js提出时就有的循环方法。forEach是ES5提出的，挂载在可迭

前置基础知识：Vue3.0入门：基本使用以及vue的调试工具文章目录一、vue的指令与过滤器1.1 指令的概念1.2 内容渲染指令v-text{{ }} 语法v-html1.3 属性绑定指令属性绑定指令的简写形式：使用 Javascript 表达式1.4 事件绑定指令事件绑定的简写形式事件对象 event绑定事件并传参$event事件修饰符按键修饰符1.5 双向绑定指令v-model 指令的修饰符1.6 条件渲染指令v-elsev-else-if1.7 列表渲染指令v-for 中的索引使用 key 维护

文章目录Vue 简介1.1 什么是vue1.2 解读核心关键词：构建用户界面1.3 构建用户界面的传统方式1.4使用 vue 构建用户界面1.5 解读核心关键词：框架1.6 总结：什么是vue二、Vue的特性2.1 数据驱动视图2.2 双向数据绑定2.3 MVVM2.4 MVVM 的工作原理三、Vue的版本3.1 vue3.x和vue2.x 版本的对比四、vue的基本使用4.1 基本使用步骤4.2 基本代码与MVVM的对应关系五、vue的调试5.1. 安装 vue-devtools 调试工具5.2. 配置

保持网站方便可能是最终的生产力技巧，以下是我用来让我的生活更轻松的一些最好的网站。让我们一起来看看它们。1、图片API地址：https://source.unsplash.com/世界上最强大的照片引擎。Unsplash API 是一种现代 JSON API，它为用户构建任何体验所需的所有信息。2、Notion可嵌入小部件应用程序地址：http://apption.co/添加第三方应用程序或为您的 Notion 文档创建自定义。3、Carbon地址：https://carbon.now

文章目录前言一、方向>语言的选择1.1 语言vs方向1.2 重要观点！二、自学方法另外说到计算机相关基础推荐书籍：三、自学资源前言非计算机专业，又想通过自学找到计算机相关工作的同学还是很多的。并且这条路也是可行的，毕竟计算机专业的同学也要自学。一、方向>语言的选择其实在校生如果你打算学计算机的话，我建议是C>C++>Java…这样的顺序，因为你们有大把的时间可以自学。如果说已经毕业了想要抓紧学计算机然后就业的话，这样是建议直接学Java。1.1 语言vs方向很多在门

CSS 选择器的种类有哪些？怎么用？CSS 选择器的种类有标签选择器、类选择器、层级选择器(后代选择器)、id选择器、组选择器、伪类选择器，作为程序员应该具备根据不同的场景选择适合的CSS选择器。CSS 选择器学习目标：熟悉掌握CSS 选择器的种类。1、CSS 选择器是什么？CSS 选择器是用来选择标签的，选出来以后给标签加样式。2、CSS 选择器的种类有哪些？六种CSS 选择器：标签选择器、类选择器、层级选择器(后代选择器)、id选择器、组选择器、伪类选择器3、标签选择器根据标签来选择标签，

HTML基本结构包含几个部分？完整HTML页面包括HTMLDOCTYPE声明、title标题、head、网页编码声明等内容。学习HTML需要能够写出html的基本结构并学以致用。HTML结构代码：（1）第一行 是文档声明, 用来指定页面所使用的html的版本, 这里声明的是一个html5的文档。（2）… 标签是开发人员在告诉浏览器，整个网页是从 这里开始的，到 结束,也就是html文档的开始和结束标签。（3）… 标签用于定义文档的头部,是负责对网页进行设置标题、编码格式以及引入css和js文件

JavaScript 是一门单线程执行的编程语言。也就是说，同一时间只能做一件事情。如果前一个任务非常耗时，则后续的任务就不得不一直等待，从而导致程序假死的问题。所以为了防止某个耗时任务导致程序假死的问题，JavaScript 把待执行的任务分为了两类：1. 同步任务（synchronous）又叫做非耗时任务，指的是在主线程上排队执行的那些任务，只有前一个任务执行完毕，才能执行后一个任务。2. 异步任务（asynchronous）又叫做耗时任务，异步任务由JavaScript 委托给宿主环境进行执

文章目录一、入门级（选秀阶段）能够解决一些问题：怎么进阶：二、解决问题（常在阶段）本阶段特征：进阶之路：三、优化方案（贵人阶段）特征提升之路：四、全局观（嫔位）特征：提升之路：五、深度（妃位）特征：进阶：六、广度（贵妃）特征晋升：七、领军人（皇后）一、入门级（选秀阶段）能够解决一些问题：常见HTML标签和属性、时间、方法，常见的CSS属性也了解，也掌握了JavaScript最基础的语法、条件、语句和循环还有简单常用的算法。起码可以完成一些前端的需求。要了解一些常用工具比如：Webstrom、Subl

文章目录一、什么是vue1.1 解读核心关键词：构建用户界面1.2 构建用户界面的传统方式1.3 使用vue构建用户界面1.4 解读核心关键词：框架1.5 总结：什么是vue二、vue的特性2.1 数据驱动视图2.2 双向数据绑定2.3 MVVM2.4 MVVM的工作原理三、vue的版本3.1 vue3.x 和vue2.x版本对比四、vue的基本使用4.1 基本代码与MVVM的对应关系一、什么是vue官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。

必备的Web前端技术有哪些？需要掌握Web前端开发必备核心技能，在IT行业快速更新迭代的行业，保持不断地学习钻研，才能在前端之路上走得更远。你需要打好HTML、CSS、和JavaScript前端开发的三大基础知识，熟练掌握主流的前端框架有Vue、React和Angular，了解服务端开发，掌握前端工程化。1、基础技术前端三大基础HTML、CSS和JSHTML,翻译过来就是超文本标记语言，而不是江湖上的HOW TO ML。方向不能搞错了，我们整的东西可是老少咸宜的。HTML学习最重要的标签的学习，di

写在前面上集在这里：前端项目品优购上集完整笔记和源码！万字教程，肝了！文章目录目标品优购项目首页制作main 主体模块制作左侧 focus 模块制作右侧 newsflash 模块制作推荐模块制作 -- `recom`家用电器模块`box_hd` 制作`box_bd` 制作tab栏切换需求列表制作（★★★）品优购列表页制作准备工作列表页 `header` 和 `nav` 修改列表页主体 `sk_container``sk_hd` 制作`sk_bd` 制作注册页面（★★★）准备工作`header` 头部实

多年前都没有前端这个岗位，都是后端大包大揽。今天从前端的技术发展，和复杂程度聊聊前端到底简单不简单。一、前端的深度和广度（1）复杂度前端算是逆袭了，层出不穷的技术，显得越来越难。之前是切图+HTML+CSS+Js，看着很简单，实际开发起来是非常复杂的，单单的 DOM操作就有大量的API，为了降低开发成本就有了DOM的操作框架，就是我们现在都知道的jQuery。下一个阶段引入了MVC分层思想，接着就有了框架，前端开发不需要关注视图层的更新，只需要关注逻辑层、数据层。这时候复杂APP的开发就变得容易了，

文章目录一、表格的主要作用二、表格属性三、总结四、合并单元格方式：一、表格的主要作用1.表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理2.表格不是用来布局页面的,而是用来展示数据的。3.表格的具体用法<table> <tr> <td>单元格内的文字</td>

Web前端工程师需要掌握的技能有哪些？Web前端开发技术包括HTML、CSS、Js，随着时代的发展前端开发技术逐渐演变成html5，css3，JQuery。Web前端开发工程师要与交互设计师、视觉设计师以及产品经理沟通，同时还要与服务端工程师沟通。Web前端工程师必备技能：1、前端基础HTML、CSS、和JavaScript并成为Web前端开发的三大基础知识是必备的核心技能。HTML+CSS可以做出简单的静态页面，而JavaScript可以提供更好的用户体验。在历经多次版本更新之后，HTML5和CSS

在互联网技术岗位中，前端一直被定义为入门简单，发展潜力巨大的技术方向。尤其对于新接触编程的同学们而言，非常容易理解并掌握HTML和CSS的基本知识，但是作为一门技术岗位，前端开发依旧具有一定的挑战性。因此我们一定要注意前端学习中的重点难点知识，在学习的过程中尽量掌握其要点，保障在实际工作中减少踩雷的风险。充分掌握JavaScript开发在前端的知识框架中，除了少数部分在学习HTML和CSS以外，大部分知识内容都是围绕JavaScript展开的，因此掌握JavaScript是真正学好前端的基础。HTML和

文章目录总结一、前端需要掌握什么技能1.1 前端基础1.2 主流前端框架1.3 服务端开发1.4 前端工程化二、如何高效入门2.1 前端技术2.2 前端需要掌握的软件三、如何进阶学习总结前端知识那么多，想要高效有效的学习，看这一篇内容就够了。「一站式」解决前端学习问题，先来一张前端必知必会（文末有学习线路图）：![在这里插入图片描述](https://img-blog.csdnimg.cn/50b3b0931a144da5a2fd31df359627d6.png?x-oss-process=im.

文章目录品优购项目-上目标品优购项目规划网站制作流程品优购项目介绍品优购项目的学习目的开发工具以及技术栈开发工具技术栈品优购项目搭建工作创建的文件夹如下（称为项目结构）创建文件如下项目模块化开发网站 favicon 图标（★★★）制作favicon图标使用favicon图标**favicon图标放到网站根目录下**HTML页面引入favicon图标TDK三大标签SEO优化（★★）SEO是什么TDK是什么T -- Title（网站标题）D -- description（网站描述）K -- keywords （

前端基础CSS今日目标能够说出 为什么要用定位能够说出 定位的 4 种分类能够说出 4 种定位各自的特点能够说出 为什么常用子绝父相布局能够写出 淘宝轮播图布局能够说出 显示隐藏的 3 种方式以及区别1. 定位(position) 介绍1.1 为什么使用定位我们先来看一个效果，同时思考一下用标准流或浮动能否实现类似的效果？场景1： 某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子.场景2：当我们滚动窗口的时候，盒子是固定屏幕某个位置的。结论**：要实现以上

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言第一阶段：前端入门HTML5 +Css3+电商网页制作第二阶段：JavaScript系列JavaScript 基础语法JavaScript核心数据可视化 ECharts 实战第三阶段 服务端编程AjaxGitnodejs基础第四阶段 Vue.js第五阶段 小程序小程序基础+电商项目uni-app第六阶段 React.js 基础TypeScript 基础+高级前言本文链接戳进去均为黑马程序员课程，一下顺序是前端从0基础到

前端好找工作吗？现在还值得入行吗？好不好找是一个相对的概念，目前，市场出现两个极端景象：中高级软件工程师如“火”般缭燃，初级程序员却如“冰”般逐渐冷却。工作到处有，好不好找关键还是要看自身技术，技术好的人，到哪都受欢迎，技术不OK的人，如履薄冰。不过，很多人都会疑惑，都2021年了，前端这个行业，到底还值不值得入？首先，我们先来明确一个概念，什么是前端？视野所及，唯有前端。通俗的讲，我们能看到的，各种网页、APP、应用程序所呈现出来的界面展示、用户交互就是前端！因此，前端工程师的就业行业几乎是没有

文章目录HarmonyOS应用开发-入门01-HarmonyOS介绍02-DevEco IDE安装03-创建HarmonyOS应用04-项目结构介绍05-预览JSUI界面06-极客园首页搭建07-完成tab切换内容08-获取文章列表09-文章详情界面10-实现路由跳转11-总结&下期展望HarmonyOS应用开发-入门个人介绍周老师，曾从事Java开发，Android开发，前端开发。现传智教育总部前端研院–研究员。前置知识只要你需要一些前端基础知识HTML CSS JavaS

文章目录HTML第一天我们接下来是进行的网页开发网页的相关概念:什么是网页：网页的组成：什么是HTML：网页的总结：浏览器：web标准的构成：HTML标签的导读：HTML语法规则：基本结构标签：开发工具：什么是语义化标签：添加语义标签：常用的标签：标题标签段落标签：换行标签文本格式化标签：div和span标签图片标签：路径：链接标签：注释特殊字符：HTML第一天我们接下来是进行的网页开发网页的相关概念:什么是网页?什么是HTML?网页的形成?什么是网页：1.网站是指在因特网上根据一定的

学习目标：从认识小程序开始搭建开发环境，以案例结尾。学习内容：1.认识小程序（相关概念）2.知识储备3.搭建开发环境4.目录介绍5.代码编写6.文件配置学习时间：抽出20分钟基本就可以完成前期学习文章目录学习目标：学习内容：学习时间：一、认识微信小程序1.了解应用如何开发2.微信、公众号、小程序3.小程序和公众号的区别3.小程序和APP的区别二、知识储备三、搭建开发环境1.安装开发环境2.安装：傻瓜式安装>>一直下一步3.长江见一、认识微信小程序1.了解应

前端学习路线图火热出炉啦，还在为如何系统学习苦苦寻觅资源么？2021年新版前端学习路线图这不就来了么！小伙计们甩开膀子学起来吧。只要能坚持学下来走上人生巅峰不再是梦。PS：别忘了收藏呦，此套路线图不定期更新呦第一阶段：前端入门HTML5 +Css3+电商网页制作课程内容：1、HTML5 是网页开发的基础，从最简单的网页开发基础入手，使用常见的标签制作网页内容2、Css3通过浮动、定位、Flex 精细控制网页布局，通过背景、圆角、阴影、渐变等美装饰美化网页内容，结合转换、过渡、

WEB基本攻击大致可以分为三大类—— “资源枚举”、“参数操纵” 和 “其它攻击”资源枚举：遍历站点所有可访问的目录，然后把一些常见的备胎文件名(比如“sql.bak”、“index-副本.html”)一个个都枚举一下，如果运气好枚举到了就直接下载。参数操纵：包括了SQL注入、XPath注入、cgi命令执行，还有XXS和会话劫持等，xxs攻击指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入的恶意html代码会被执行，从而达到恶意用户的特殊目的cookie劫持：通过获取

XML和HTML都是标记文本，它们在结构上大致相同，都是以标记的形式来描述信息。但实际上它们有着本质的区别，为了让初学者不产生混淆，接下来对HTML和XML进行比较，具体如下：1.HTML中的标记是用来显示数据的，而XML中的标记用来描述数据的性质和结构。2.HTML是不区分大小写的，而XML是严格区分大小写的。3.HTML可以有多个根元素，而格式良好的XML有且只能有一个根元素。4、HTML中，属性值的引号是可用可不用的，而XML中，属性值必须放在引号中。5.HTML中，空格是

坦克大战是很多80、90后不可磨灭的童年 记忆，借着这次公开课，我们一起使用 JavaScript面向的方式实现这个小游戏。让大家在这个小游戏的过程中学习面向对象在es6中的实现方式，以游戏制作的方式是希望增加大家的学习兴趣。JavaScript面向对象实现坦克大战（逻辑图）实现坦克大战所需知识点部分es6语法et关键字在es6中，js可以使用let关键字声明一个块级变量语法：let变量名=值；这个变量只能在变量所在的｛｝内使用()=>{} 箭头函数在es6

想要学习前端，黑马重磅来袭前端速学计划，这里你能领到：5个精品教程+12个案例+1本图书搞定前端，即刻点击！全部免费~原创前端书籍（任选图一）常用案例+demo源码前端人气精品教程+资料获取方式：（到黑马程序视频库公众号，回复“前端活动”即可获取）...

自学前端需要达到什么水平？当然是水平越高，越容易找到工作。在竞争这么激烈的2020年，就需要更加的努力，充实自己，让自己不被代替！看了好多的回答，大家都是再说学到什么水平能找到工作，我就来分享干货吧！祝看到这篇干货的小伙伴，工作步步高升！黑马程序员学习路线图及能掌握的能力（总，以下会分阶段，加上配套学习视频，小伙伴可继续往下看！）第一阶段：HTML5+css配套学习视频：前端小白零基础入门HTML5+CSS3完整视频：http://yun.itheima.co.

该项目前端使用Vue技术栈，后端使用Koa2框架，前后端数据的交互采取WebSocket来保证数据的实时性。项目还支持主题切换, 展示酷炫的图表效果.同时也能够支持大屏和小屏的切换,保证了图表在不同屏幕上呈现的效果.该项目提供了地区销售趋势,商家销量趋势,商品销量趋势,商家销售统计,商家地图分布,地区销售排行,热销商品占比,库存销量分析等丰富强大的图表数据展示功能。本项目适用于具备Vue基础，需要深入数据可视化的同学们学习。演示地址基本信息业务功能：6个地区销量趋势/商家..

Node.js是前端学习必学的，今天就给大家分享的就是Node.js做的一个服务器项目教程~~课程简介：基于Node.js开发的Express框架快速搭建web服务器，配合Mongodb数据库，让前端开发者也能将静态页面功能化。【主讲内容】1.Express框架快速搭建服务器。2.Node.js操作Mongodb数据库。3.formidable实现文件上传。网盘视频资源：完整视频：Node服务器项目《听歌识曲》...

一定位介绍定位的基本思想很简单，它允许你定义元素出现在页面的任何位置. 是通过position属性配合left,right...等来实 现的.二定位类别1.相对定位相对定位就是相对于自己以前在标准流中的位置来移动语法:position: relative; 配合left, top, right,bottom等属性使用 特点相对定位是不脱离标准流的, 会继续在标准流中占用一份空间在相对定位中同一个方向上的定位属性只能使用一个 eg: left和right, top和bott

39天前端入门教程课程内容：福利：课程包含完整视频+笔记+源码+开发工具39天前端入门教程，免费领！！还送原创书籍+限量鼠标垫关注：黑马程序员视频库，回复518，即可免费领取哦

箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return。箭头函数是匿名函数，不能作为构造函数，不能使用new箭头函数不绑定arguments，取而代之需要用展开运算符解决...解决箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值箭头函数通过 cal...

前言在前端项目开发中，有很多地方会遇到绘制图表的需求，一般的图表可以通过canvas来绘制，但是遇到复杂一点的图表怎么办呢？不要慌，在下今天就给大家推荐一个前端大佬们用的非常火的图表插件——ECharts。ECharts特性简介ECharts是一个使用 JavaScript 实现的开源可视化库 ，啥叫开源呢，通俗点说，就是免费！不要钱！小伙伴们可以大胆放心的使用，可视化工具呢，就是将一系列的数据，转化成非常直观的图表，来供大家查看，ECharts可谓是制作图表的良心之选，并且可以流畅的运行在 P