基础教程
关注
分享
扫一扫
文章平均质量分 79
程序员的生活1
知乎-程序猿的生活同号：免费讨论学习交流群（562708969）。
展开
-
《前端之路》- TypeScript (四) class 中各类属性、方法，抽象类、多态
一、TypeScript 中的类1、先来举个例子： class Persons { name: any; age: number | undefined; constructor(name: string, age: number) { this.name = name; this.age = age; } getName(): void { console.log(`${this....原创 2021-06-30 21:08:25 · 385 阅读 · 3 评论 -
测试代码质量的唯一方式：别人看你代码时说 “卧槽”的次数
代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。本文并不是代码风格指南，而是关于代码的可读性、复用性、扩展性探讨。我们将从几个方面展开讨论：变量 函数 对象和数据结构 类 SOLID 测试 异步 错误处理 代码风格 注释前端进阶暗号：csdn变量用有意义且常用的单词命名变量Bad:const yyyymmdstr = moment().format('YYYY/MM/DD');Good:const cur..原创 2021-06-29 15:49:27 · 385 阅读 · 0 评论 -
CSS垂直居中的10个方法
前言前端开发中元素居中是最常见和最经常使用到的css技巧，不仅开发中经常会用到，面试官出题考核基础时有时候也会问道这类问题。本文主要介绍10种垂直居中的方法。希望对你我都有帮组。1、line-height+height实现如果子元素是行内文本元素的话，只要设置父元素的height和line-height高度一样就可以垂直居中。HTML "parent"> "child">我是行内元素</span> </div> ...原创 2021-06-27 18:46:22 · 717 阅读 · 0 评论 -
快毕业了发现自己前端学的不够扎实怎么办
一、基础（重新学一遍比第一次学效率快很多）1、HTML基础笔记：实践建议HTML给你的网页赋予了结构。它就像是人的骨架那样让你保持站立。首先你需要去学习语法以及它必须提供的一切。你的学习应该聚焦在下面这些东西上：学习HTML基础，了解如何编写语义HTML 理解如何把网页分成section（段落），以及如何正确组织DOM（文档对象模型） 现在很多html5的新标签也很有用，需要进行了解实践建议：一旦你学习了HTML基础，至少要制作5个HTML网页。我建议你随便找一个网站，比如看看Git原创 2021-06-26 21:11:03 · 723 阅读 · 0 评论 -
HTML静态页面之（盒子模型）
盒子模型描述每一个元素都可以叫做是盒子模型 盒子模型的组成 内容区 - 元素中内容（文本、图片、等等） 内边距 - 内容区到边框的距离 边距 - 内容区的边界 外边距 - 盒子与盒子之间的距离 border属性表示设置元素的边框 border属性是简写属性,可以分为 border-width - 表示边框的宽度 border-style - 表示边框的样式 border-color - 表示边框的颜色 简写顺序: 边框宽度 边框样式 边框颜色原创 2021-06-26 16:38:19 · 791 阅读 · 0 评论 -
html中div使用CSS实现水平/垂直居中的多种方式
CSS中的居中，在工作中，会经常遇到。它可以分为水平居中和垂直居中，以下是几种实现居中的方式。以下例子中，涉及到的CSS属性值。.parent-frame { width: 200px; height: 200px; border: 1px solid red;}.child-frame { width: 100px; height: 100px; border: 1px dotted blue;}1: text-align:c...原创 2021-06-22 15:17:46 · 339 阅读 · 0 评论 -
TypeScript高级用法
typescript高级用法引言作为一门强大的静态类型检查工具，如今在许多中大型应用程序以及流行的JS库中均能看到TypeScript的身影。JS作为一门弱类型语言，在我们写代码的过程中稍不留神便会修改掉变量的类型，从而导致一些出乎意料的运行时错误。然而TypeScript在编译过程中便能帮我们解决这个难题，不仅在JS中引入了强类型检查，并且编译后的JS代码能够运行在任何浏览器环境，Node环境和任何支持ECMAScript 3(或更高版本)的JS引擎中。最近公司刚好准备使用TypeScript来对现原创 2021-06-19 13:42:47 · 706 阅读 · 0 评论 -
web前端之TypeScript的类class 中各类属性、方法，抽象类、多态
一、TypeScript 中的类class Persons { name: any; age: number | undefined; constructor(name: string, age: number) { this.name = name; this.age = age; } getName(): void { console.log(`${this.name}今年已经${this.age}岁了`); }} let p11 = new原创 2021-06-18 19:32:06 · 662 阅读 · 0 评论 -
原生JavaScript实现五子棋（直接上代码干货点赞收藏拿走）
HTML页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no"> <title>五子棋</title> <原创 2021-06-15 21:42:02 · 1758 阅读 · 2 评论 -
回顾Java基础知识 你还记得吗
面向对象与面向过程的区别首先面向过程和面向对象的语言没有具体的性能高下之分，要依据每种语言的设计来做参考。个人认为面向过程和面向对象的最大区别在于：面向过程的语言是结构化的，面向对象的语言是模块化的。模块化的代码比结构化的代码更易于维护，复用与扩展。OracleJDK与OpenJDK的区别OpenJDK是基于Sun捐赠的HotSpot的源代码开发的，是开源的。OracleJDK是Oracle对JDK商业化版本，由Oracle发布并维护，因此OracleJDK比OpenJDK更可靠。J...原创 2021-06-12 14:12:06 · 1090 阅读 · 1 评论 -
适合移动和桌面应用的JavaScript框架是什么
当听到JavaScript这个词的时候，“web开发”会一下子出现在我们的脑海中，因为JavaScript在很长一段时间里一直是web应用开发最广泛使用的语言，Angular、React和Vue等框架目前也很有名。尽管JavaScript主导着web开发领域，但是在移动和桌面应用开发领域，它不得不屈居于Java、C#和C++之下。然而，很多人可能没注意到JavaScript对移动和桌面应用开发也产生了影响。本文就将讨论一些主要的JavaScript框架，以及它们在移动和桌面应用开发领域的优缺点。1原创 2021-06-11 19:32:05 · 1346 阅读 · 3 评论 -
JavaScript实现九九乘法表四种方法（附代码）
几行代码就能轻松学会原创 2021-06-10 14:44:14 · 9694 阅读 · 0 评论 -
最近好多人问我，前端现在有发展前途吗？
下面我就告诉大家吧欢迎大家一起来讨论：点击观看：-->前端现在有发展前途吗？原创 2020-07-17 13:57:16 · 283 阅读 · 0 评论 -
CSS 知识点总结
CSS 定位之前已经介绍了布局，那么布局和定位的区别是什么呢？布局是在屏幕平面上的 定位是在垂直于屏幕的定位通过 position 属性进行创建，一共分为五个值static 默认值，待在文档流里 relative 相对定位，升起来，但不脱离文档流 absolute 绝对定位，定位基准是祖先元素里的非 static，最近的定位元素 fixed 固定定位，定位基准是 viewport 视口 sticky 粘滞定位，在移动端存在太多bug，不做过多介绍position: relativ原创 2020-07-15 20:24:54 · 212 阅读 · 0 评论 -
form标签的action属性怎么用？form标签action属性的用法介绍（附实例）
本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例，还有关于form标签的action属性的定义和语法介绍，最后徐还有关于form标签的action属性的作用解释。现在让我们一起来看吧。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）我们先来介绍HTML中form标签的action属性的含义：action属性规定当提交表单时，向何处发送表单数据。（是必需的属性）属性值的介绍：（看图）熟悉了action属性的含义和语原创 2020-05-28 21:00:32 · 64657 阅读 · 2 评论 -
html form标签的action属性是什么意思？又有哪些用法？（附实例
本篇文章主要的介绍HTML form表单标签的action属性的用法，用法介绍和实例等都在里面，现在让我们一起来看吧打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）首先我们先来介绍一下关于HTML form标签的action属性的意思：form标签的action属性是一个表单当中必须的属性，action属性规定当提交表单时，向何处发送表单数据。先看个第一个关于form标签action属性的实例：下面的表单拥有两个输入字段以及一个提交按钮，当提交表原创 2020-05-28 20:58:10 · 24743 阅读 · 0 评论 -
input表单如何制作多行文本输入框？一篇文章教你学会使用input标签
本篇文章主要的为大家讲述了HTMLinput标签如何制作一个登陆界面的介绍，有文本框、密码框、单选框、多选框、提交和重置按钮的使用说明，完全的解释了HTML表单input标签的使用详情了。现在让我们来看看这篇文章吧打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）一、首先我们来看看如何制作文本框：<form action="url地址" method=“get/post” name="表单名称"><p>这是文本框</p&g原创 2020-05-28 20:57:22 · 8416 阅读 · 6 评论 -
html table表格标签内容如何居中显示？表格的align属性的用法介绍
本篇文章主要的介绍了关于HTML 表格table标签的居中使用，还有关于align属性在table表格标签中的使用方法，可以帮助表格对齐和表格中的文本对齐。接下来让我们来看看这篇文章吧。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）首先我们先来看看table表格的内容居中的使用：我们先给大家介绍个属性，它就是align属性。align 属性规定表格相对于周围元素的对齐方式。通常来说，HTML表格的前后都会出现折行。通过运用align属性，可实现原创 2020-05-28 20:55:07 · 21770 阅读 · 0 评论 -
html表单边框怎么加颜色？html form标签的边框颜色实例
本篇文章主要的讲述了HTML表单的边框加颜色，可以更改任何你想要的颜色都可以，有实例解析，方便观看，接下来让我们一起来看看这篇关于HTML表单的边框颜色的文章吧打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）首先我们说的是表单的边框怎么添加颜色？<input>标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。提示：在 HTML 中，<inpu原创 2020-05-28 20:53:42 · 9975 阅读 · 0 评论 -
怎么去掉html a超链接下划线
我们在HTML网页制作过程中，相信大家对css文本超链接这个概念并不陌生。我们都知道想要给某段文本或者指定元素添加一个锚点也就是超链接需要用到HTML中的a标签。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）那么有的新手可能就会发现，在使用a标签时文本超链接会自动出现下划线！这就让一些小白们感到苦恼了，因为从视觉美观上来说枯燥单调的文本超链接显示显然并不好看。所以如何使html css超链接去掉下划线，即怎么去掉文本超链接下划线成了新手们暂时较为棘手的问题原创 2020-05-28 20:52:48 · 10445 阅读 · 0 评论 -
HTML中的图片如何自适应屏幕？这篇文章有图片的自适应用法介绍
首先我们看看HTML中的图片是如何自适应屏幕的：让图片自适应屏幕大小最简单的方法，保证管用，你把那个图片写在div里面的背景里，也就是background:url(../img/1.jpg) center no-repeat;这样就能够自适应屏幕大小了，而且不会出现横向的滚动条首先是设置background:url(图片地址) 0 0 no-repeat scroll transparent;background-size:100% 100%;打造全网web前端全栈资料库（总目录）看完学的更原创 2020-05-27 15:59:39 · 32449 阅读 · 0 评论 -
HTML中添加图片的代码是什么？html如何正确的添加图片路径？
首先我们先认识一下html中添加图片的代码：html中添加图片的就是<img>标签，是一个单标签，是可以从任何地方拉来图片添加的，但是你得正确的确定添加图片的路径，不然就显示不出来图片，这就是我们今天要说的两个知识点。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）我们先认识一下img标签的正确用法，这样才能确定怎么添加图片。一般添加图片的语法如下：<img src="url">如上，src属性是img中必备的属性，原创 2020-05-27 15:58:34 · 8700 阅读 · 1 评论 -
html单选按钮默认选中怎么做？input标签的单选按钮用法实例
本篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法，还有关于HTML input标签的单选默认按钮的做法。接下来我们一起来看看这篇文章吧打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）首先我们介绍的是在html input标签中的单选按钮的做法：<input> 标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。话不多说，上代原创 2020-05-27 15:57:54 · 7522 阅读 · 0 评论 -
html图片怎么等比例缩放？html img图片缩放方法总结(附实例)
本篇文章主要的介绍了关于html img标签图片的等比例缩放的介绍和使用实例，最后还有关于html img标签图片等比例缩放的总结，接下来让我们一起来看这篇文章吧打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）首先我们先看看html img图片如何等比例缩放：在DIV CSS布局中对于图片列表或图片排版时，图片不是固定宽度高度大小，但图片占位是固定宽度高度，这个时候如果使用CSS固定死图片大小（宽度 高度），这个时候如果图片相对于这个位置不是等比例大小，原创 2020-05-27 15:56:09 · 19669 阅读 · 3 评论 -
HTML点击图片跳转到新页面怎么实现？（示例）
我们在设计网页开发过程中，“跳转链接”这个需求是最普遍不过了。相信那些对HTML有一定了解的朋友，想要实现点击某个元素然后跳转到新链接新页面的功能，是非常简单的事情。比如点击按钮实现跳转，比如给文字添加超链接等等这些都可以实现。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）那么即便是新手对文字添加超链接这个功能也并不陌生，也就是给某段文字添加a标签。然后在a标签中加上要跳转的新地址就可以了。即便不能完全理解，只要照葫芦画瓢，依然能用的得心应手。但是有的原创 2020-05-27 15:55:12 · 28945 阅读 · 1 评论 -
html中滚动条的代码是什么？如何设置html滚动条？
本篇文章主要介绍了关于html中的滚动条的代码，还有关于html 滚动条代码marquee标签属性的用法，具体的让我们一起来看这篇文章吧打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）首先我们介绍html中的滚动条代码：今天我们介绍这个html滚动条标签是marquee.<marquee>标签，它是成对出现的标签，首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee&g原创 2020-05-27 15:54:00 · 1467 阅读 · 0 评论 -
如何制作一个简单的HTML登录页面（附代码）
几乎每个网站都会有登录页面，那你知道如何写HTML登录页面吗？这篇文章就和大家分享一个HTML简单登录界面的代码，有一定的参考价值，感兴趣的朋友可以看看。实例：制作一个HTML登录页面，包含邮箱，登录密码，立即注册，忘记密码等，代码如下：HTML部分：<div class="dowebok"><div class="logo"></div><div class="form-item"><input id="username" t原创 2020-05-26 19:43:44 · 67344 阅读 · 4 评论 -
web前端要学什么内容？前端入门需要注意什么
随着html5的快速发展，很多学生都加入进来，那么如此具有前景的前端我们该怎么入门呢？新手在学习前端的时候要学习那些内容呢？下面我们来总结一下web前端学什么内容？前端入门需要注意什么？打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）一：web前端学什么内容刚刚入门web前端，学习的东西有很多，比如html基础，和css样式，javascript。html和css是在一起的，学起来也是比较的简单，但是随着html5和css3的出现，让一些前端又有了新原创 2020-05-26 19:43:13 · 276 阅读 · 0 评论 -
利用HTML实现一个个人信息表的网页（代码实例）
本篇文章给大家带来的内容是关于利用HTML实现一个个人信息网页（代码实例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）对HTML标签的总结1、学习的行内标签和 块级元素分别有哪些?行内标签:span, strong, a, img, input, textarea块级元素:p, h1-h6, p, hr, pre, ul, ol, dd, dt, th. tr, td2、两者原创 2020-05-26 19:42:07 · 19042 阅读 · 0 评论 -
HTML怎么给文本添加删除线？（代码示例）
本篇文章主要给大家介绍HTML删除线标签的具体使用方法。web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）下面我们通过简单的代码示例，为大家介绍如何用HTML中<s>标签实现文字中间添加删除线的方法！html删除线代码示例如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>html删除线代码示例</title>原创 2020-05-26 19:40:55 · 6049 阅读 · 0 评论 -
html如何引入css文件？HTML引入外部css文件的四种方法
在学习前端的时候，我们应该知道css给html标记添加各种样式，用来告诉浏览器，因该如何显示这些标记里面的内容。既然css是用来给html添加各种样式的，那么，html中如何引入外部的css文呢？本篇文章将给大家来介绍关于html引入css文件的四种方法，下面我们就来看看具体的内容。1、html引入css文件之直接在div中使用css样式制作div+css网页<div style="border:1px red solid;">html引入css文件</div>说明：ht原创 2020-05-26 19:40:06 · 12911 阅读 · 2 评论 -
html怎么换行？换行代码是什么？九种html文字换行方法总结
在用html写网页时，为了让网页中内容看起来整洁流畅，我们需要将其中的文字内容进行换行，那么，html怎么来换行呢？本篇文章就来给大家介绍一下html中给文字换行的方法。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）html中换行的方法有很多，其中最为简单的就是利用<br>标签，但是有时我们为了网页的设计，就需要灵活的运用各种不同的方法来实现文字的换行。具体有哪些方法可以实现换行，我们就来看一看。1、HTML换行的代码是<br>原创 2020-05-26 19:36:58 · 75544 阅读 · 1 评论 -
什么是html文件？html格式如何打开？（图）
有时我们会遇到html格式的文件需要打开，那么什么是html格式？该怎么打开html格式的文件？这就需要我们知道什么是html格式的文件，html格式的文件其实就是超文本标记语言文件，就是后缀名为.html或者.htm都为html格式的文件。如下图：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）对于html文件格式如何打开，下面我将给大家来介绍三种html文件格式打开的基本方法。html文件格式打开的基本方法一：用浏览器打开右击html文件原创 2020-05-26 19:34:45 · 4623 阅读 · 0 评论 -
html input标签的属性有哪些？input标签的用法总结（附实例）
首先先来说说html input标签的属性：1.type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = "text"。具体它有那些值，我们后面再讨论。2.required：标记一个字段是否为必须。如果一个字段被标记为required = "required"（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个字段的值为空，或者填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern属性。web原创 2020-05-26 19:32:22 · 14146 阅读 · 2 评论 -
如何创建HTML表单?html表单代码怎么写
html表单代码是什么？如何创建HTML表单？这些对于新手会感到陌生，下面我们为你总结一下html表单代码怎么写？以及html表单的创建？打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）一：构建表单标签在文本编辑器中打开HTML文档，必须在<form>和</form>标签中键入HTML表单的内容。这些标签充当表单的容器，就像<div> </div>容器标签一样。您可以在<form> <原创 2020-05-25 15:25:26 · 1299 阅读 · 0 评论 -
html文本输入框代码是什么？如何创建html文本输入框
何创建html文本输入框？html文本输入框代码是什么？HTML表单是获取用户输入所需的内容。但是首先，你需要制作一个文本框，那么如何创建是一个问题，下面我们来讲一下Windows系统是如何创建html文本输入框。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）一：首先创建一个HTML文件，打开记事本或任何其他纯文本编辑器，在Windows上，您可以通过“开始”菜单访问记事本，位于“附件”，然后是“记事本”。或者，使用Windows键+ R，然后键入记事本并原创 2020-05-25 15:24:42 · 14965 阅读 · 0 评论 -
为什么html中文是乱码？html中文乱码怎么解决
很多程序员在开发网站的时候，都会遇到html文件出现乱码，那么，为什么html中文是乱码？html乱码怎么造成的？html中文乱码怎么解决呢，下面php高手为您解决这些问题。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）一：为什么html中文是乱码1.现在网页的编码有三种，gbk和utf-8，另外一种就是gb2312，不同的内容对应的编码也是不一样的，但是常见使用编码也就是gb2312与utf-8。2.出现中文乱码可能一个重要的因素就是网页可能没有原创 2020-05-25 15:23:46 · 91318 阅读 · 1 评论 -
iframe是什么？html中iframe标签的用法详解
经常进行页面布局的人对于HTML中的iframe标签一定不陌生，iframe标签是一个内联框架，说白了就是用来在当前 HTML 页面中嵌入另一个文档的。刚刚接触前端的小伙伴可能不知道html中iframe标签的用法，这篇文章就结合实例给大家讲解html中iframe标签的使用用法，有一定的参考价值，感兴趣的朋友可以看看。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）<iframe> 标签是一个内联框架，即用来在当前 HTML 页面中嵌入另一个文原创 2020-05-25 15:23:10 · 15424 阅读 · 1 评论 -
HTML如何制作百度首页？代码是什么
本篇文章给大家带来的内容是关于HTML如何制作百度首页？代码是什么，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）制作百度首页时候，除了要用到p进行分块，还需要对快的位置进行控制，一般有对p进行规范大小width，height分别对应宽度高度margin：有对p进行定位有margin-top,margin-left,margin-right,margin-buttomfloat-le原创 2020-05-25 15:21:52 · 9304 阅读 · 1 评论 -
如何迅速有效学习web前端开发？（收藏）
什么是高效率学习？一：追求学习的性价比学习性价比 = 所学到的有用的知识 ÷ 花费的时间ps：如果你用了一年时间，还不能仿站，显然效率是低的。想要学习性价比高，就尽力向这两点努力：1.尽量学有用的知识，暂时用不到的可以放在后面学。2.保证学习速度，能一下午学完的知识点就坚决不要拖两个下午。打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）我们来看看前端哪些知识是有用的。而且我们要精简。1. 英语2. HTML + CSS +..原创 2020-05-23 15:52:58 · 469 阅读 · 0 评论