前端
文章平均质量分 79
LHL_C
这个作者很懒,什么都没留下…
展开
-
Node.js 模块化介绍
一、模块化介绍模块化模块化是一种处理复杂系统分解为更好的可管理模块的方式。模块化用来分割,组织和打包软件。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功能。模块具有以下几种基本属性:接口、功能、逻辑、状态,功能、状态与接口反映模块的外部特性,逻辑反映它的内部特性。在系统的结构中,模块是可组合、分解和更换的单元。模块化是一种处理复杂系统分解成为更好的可管理模块的方式。它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立、互相作用的组件,原创 2021-11-29 08:08:20 · 129 阅读 · 0 评论 -
Web服务器介绍以及HTTP基本介绍
一、Web服务器1. 什么是Web服务器?服务器(提供服务)指的是一台安装待定的软件的计算机,用于专门提供特地的服务,按照 服务类型的不同,又划分为:Web服务器、数据库服务器、文件服务器等等。客户端(使用服务)指的是再一次服务过程中使用这个服务的设备(网络端点)。目前咱们最常见的客户端就是浏览器。2. Web 服务器软件分类NginxApache-phpllS - c# .netTomcat - java二、请求响应的流程用户打开浏览器地址栏输入我们需要访问的网站网原创 2021-11-26 16:16:49 · 1316 阅读 · 0 评论 -
Node.js安装和基础使用
一、安装Node.jsNode.js安装方法二、Node.js功能Node可以作为前端的一个工具去使用,通过NPM安装好用的工具。Node可以开发一些前端的工具。Node可以做服务器。可以操作数据库并对外提供接口。可以实现即时聊天程序。可以制作一些好用的工具,比如编辑器。三、Node.js的镜像配置**配置淘宝镜像**由于每次安装包需要走国外的网络,速度很慢,所以,淘宝帮我们在国内创建了一个NPM包托管网站,能够提升使用NPM装包时候的速度!npm config set r原创 2021-11-26 08:15:27 · 244 阅读 · 0 评论 -
Node.js介绍
一、什么是前端和后端前端:前端主要和页面打交道,用户看到的基本上就是前端写出来的,比如:浏览器中展示的页面样式,手机上看到的App等…前端主要工作:页面编辑(HTML)、页面渲染(CSS)、调用后台提供的API接口去请求或提交数据(JS)、进行DOM方面操作(Jquery)、单页面应用程序(VUE)等…后端:后端主要工作:主要进行业务逻辑、比如数据的增删改查、操作数据库、对外暴露API接口。前后端协作流程:前端写页面,前端调用后台的接口;后台接受前端发送过来的请求,然后进行相关的业务处理原创 2021-11-25 15:04:29 · 84 阅读 · 0 评论 -
JavaScript 进阶 - 第4天
JavaScript 进阶 - 第4天了解函数中 this 在不同场景下的默认值,动态指定函数 this 的值,提升代码封装的灵活度。能够区分不同场景下函数中 this 的默认值知道箭头函数的普通函数的区别,掌握箭头函数的使用能够动指定函数中 this 的值了解基于类的面向对象的实现语法一、this了解函数中 this 在不同场景下的默认值,知道动态指定函数 this 值的方法。1.1 默认值this 是 JavaScript 最具“魅惑”的知识点,不同的应用场合 this 的原创 2021-11-23 15:44:22 · 235 阅读 · 0 评论 -
JavaScript 进阶 - 第3天
JavaScript 进阶 - 第3天了解构造函数原型对象的语法特征,掌握 JavaScript 中面向对象编程的实现方式,基于面向对象编程思想实现 DOM 操作的封装。了解面向对象编程的一般特征掌握基于构造函数原型对象的逻辑封装掌握基于原型对象实现的继承理解什么原型链及其作用能够处理程序异常提升程序执行的健壮性一、面向对象学习 JavaScript 中基于原型的面向对象编程序的`语法实现,理解面向对象编程的特征。面向对象编程是一种程序设计思想,它具有 3 个显著的特征:封装、原创 2021-11-23 08:12:15 · 493 阅读 · 0 评论 -
JavaScript 进阶 - 第2天
JavaScript 进阶 - 第2天了解面向对象编程的基础概念及构造函数的作用,体会 JavaScript 一切皆对象的语言特征,掌握常见的对象属性和方法的使用。了解面向对象编程中的一般概念能够基于构造函数创建对象理解 JavaScript 中一切皆对象的语言特征理解引用对象类型值存储的的特征掌握包装类型对象常见方法的使用一、面向对象了解面向对象的基础概念,能够利用构造函数创建对象。1.1 构造函数构造函数是专门用于创建对象的函数,如果一个函数使用 new 关键字调用,那么原创 2021-11-22 17:10:33 · 577 阅读 · 0 评论 -
JavaScript 进阶 - 第1天
JavaScript 进阶 - 第1天学习作用域、变量提升、闭包等语言特征,加深对 JavaScript 的理解,掌握变量赋值、函数声明的简洁语法,降低代码的冗余度。理解作用域对程序执行的影响能够分析程序执行的作用域范围理解闭包本质,利用闭包创建隔离作用域了解什么变量提升及函数提升掌握箭头函数、解析剩余参数等简洁语法一、作用域了解作用域对程序执行的影响及作用域链的查找机制,使用闭包函数创建隔离作用域避免全局变量污染。作用域(scope)规定了变量能够被访问的“范围”,离开了这个原创 2021-11-22 17:09:48 · 871 阅读 · 0 评论 -
冲击JavaScript - day05(Web API)
一、Web API 介绍1.1 概述JavaScript 是浏览器的内置脚本语言。也就是说,浏览器内置了 JavaScript 引擎,并且提供各种接口,让 JavaScript 脚本可以控制浏览器的各种功能。一旦网页内嵌了 JavaScript 脚本,浏览器加载网页,就会去执行脚本,从而达到操作浏览器的目的,实现网页的各种动态效果。因此这里也可以称为 网页编程或网页特效。1.2 什么是BOMBOM 是 JavaScript 操作浏览器的接口,全称为“浏览器对象模型”(Browser Obje原创 2021-11-01 20:54:42 · 238 阅读 · 1 评论 -
冲击JavaScript - day04(标准库)
1. String 对象1.1 概述String对象是 JavaScript 原生提供的三个包装对象之一,用来生成字符串对象。var s1 = 'abc';var s2 = new String('abc');typeof s1 // "string"typeof s2 // "object"s2.valueOf() // "abc"上面代码中,变量s1是字符串,s2是对象。由于s2是字符串对象,s2.valueOf方法返回的就是它所对应的原始字符串。字符串对象是一个类似数组的对象(原创 2021-10-28 20:46:32 · 152 阅读 · 2 评论 -
冲击JavaScript - day03(运算符与数据类型转换)
一、运算符1. 算数运算符 运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,覆盖了所有主要的运算。1.1概述JavaScript 共提供10个算术运算符,用来完成基本的算术运算。 加法运算符:x + y减法运算符:x - y乘法运算符:x * y除法运算符:x / y指数运算符:x ** y余数运算符:x % y自增运算符:++x 或者 x++自减运算符:--x 或者 x--数值运算符:+x负数值运算符:-x减法、乘法、除法原创 2021-10-28 20:05:08 · 71 阅读 · 0 评论 -
冲击JavaScript - day02(数据类型)
一、概述1.1 简介JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值。)数值(number):整数和小数字符串(string):文本布尔值(boolean):表示真伪的两个特殊值,即true(真)和false(假)。undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值。null:表示空值,即此处的值为空。对象(object):各种值组成的集合。通常原创 2021-10-28 14:44:29 · 49 阅读 · 0 评论 -
冲击JavaScript - day01(简介与语法)
一、简介1.什么是 JavaScript 语言JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”(script language),指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”。JavaScript 是一种嵌入式(embedded)语言。它本身提供的核心语法不算很多,只能用来做一些数学和逻辑运算。JavaScript 本身不提供任何与 I/O(输入/输出)相关的 API,都要靠宿主环境(host)提供,所以 JavaScript 只合适嵌入原创 2021-10-25 21:00:09 · 104 阅读 · 0 评论 -
CSS语法介绍(九) -- 定位
定位一、为什么需要定位?定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子。定位:将盒子定在某一个位置,所以定位也是在摆放盒子, 按照定位的方式移动盒子定位 = 定位模式 + 边偏移,定位模式 用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。二、边偏移边偏移 就是定位的盒子移动到最终位置。有 top、bottom、left 和 right 4 个属性。定位的盒子有了边偏移才有价值。 一般情况下,凡是有定位地方必定有边偏移。边原创 2021-10-07 17:04:31 · 176 阅读 · 0 评论 -
CSS语法介绍(八) -- 浮动
浮动一、 CSS布局的三种机制css提供了**3种机制**来设置盒子的摆放位置,分别是**普通流**(标准流)、**浮动**和**定位**,其中:1. **普通流**(标准流):**块级元素**会独占一行,**从上向下**排列;**行内元素**会按照顺序,**从左到右**排列,碰到父元素边缘自动换行;2. 浮动:让盒子从普通流中**浮**起来,主要作用让多个块级盒子一行显示。3. 定位:将盒子**定位**在某一个位置——CSS离不开定位,特别是后面的js特效。二、为什么需要浮动?**概念:原创 2021-10-07 16:26:03 · 382 阅读 · 0 评论 -
CSS语法介绍(七) -- 边框与盒子属性的使用
borderborder:给盒子等其他标签设置边框 单位是像素(px)dotted:以点状的样式设置border-top:设置上边框的像素大小border-top-style:设置顶部边框的线条的样式border-top-color:设置上边框的颜色border-right:设置右边框的样式border-bottom:设置下边框的样式border-left:设置左边框的样式<style> div { width: 100px; height:原创 2021-10-05 15:50:32 · 247 阅读 · 0 评论 -
CSS语法介绍(六) -- CSS三大特性
CSS三大特性1. 继承性子标签会继承父标签的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。恰当地使用继承可以简化代码,降低CSS样式的复杂性。比如有很多子级孩子都需要某个样式,可以给父级指定一个,这些孩子继承过来就好了。子元素可以继承父元素的样式(text-,font-,line-这些元素开头的可以继承,以及color属性)2. 层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那原创 2021-09-30 17:17:37 · 71 阅读 · 0 评论 -
CSS语法介绍(五) -- CSS背景属性
CSS背景属性1. 背景颜色background-color/* 默认的值是 transparent 透明的 */background-color:颜色值; 2. 背景图片background-imagebackground-image : none | url (url) 3. 背景平铺background-repeat语法:background-repeat : repeat | no-repeat | repeat-x | repeat-y 4. 背景附着backgr原创 2021-09-30 17:09:56 · 172 阅读 · 0 评论 -
CSS语法介绍(四) -- CSS模块显示模式
显示模式什么是标签的显示模式: 标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个作用:我们网页的标签非常多,再不同地方会用到不同类型的标签,以便更好的完成我们的网页。标签的类型(分类)HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。1. 块级元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>原创 2021-09-30 17:03:09 · 92 阅读 · 0 评论 -
CSS语法介绍(三) -- CSS复合选择器
CSS复合选择器CSS选择器分为 基础选择器 和 复合选择器 ,但是基础选择器不能满足我们实际开发中,快速高效的选择标签。目的是为了可以选择更准确更精细的目标元素标签。复合选择器是由俩个或者多个基础选择器,通过不同的方式组合而成的。1. 后代选择器概念:后代选择器又称为包含选择器。作用:用来选择元素或元素组的子孙后代。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,先写父亲爷爷,在写子孙。父选择器 子选择器 { 属性:属性值; 属性:属性值;}当标原创 2021-09-30 16:55:27 · 405 阅读 · 0 评论 -
CSS语法介绍(二) -- CSS的文本外观属性
CSS的文本外观属性CSS Text(文本)属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。1. color属性color 属性用于定义文本的颜色。div { color: red;}颜色表示属性值英文单词red、green等十六进制#FF0000、#FFF等RGBrgb(255,255,0) 或 rgb(100%,0%,0%)等2. text-align属性text-align 属性用于设置元素内文本内容的水平对原创 2021-09-29 11:42:16 · 1708 阅读 · 1 评论 -
CSS语法介绍
CSS基础语法介绍使用 HTML 时,需要遵从一定的规范,CSS 也是如此。要想熟练地使用 CSS 对网页进行修饰,首先需要了解 CSS 样式规则。 CSS 规则由两个主要的部分构成:选择器以及一条或多条声明。选择器是用于指定 CSS 样式的 HTML 标签,花括号内是对该对象设置的具体样式属性和属性值以“键值对”的形式出现属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等属性和属性值之间用英文“:”分开多个“键值对”之间用英文“;”进行区分CSS的注释在 CSS 中 只有一种原创 2021-09-28 15:30:23 · 181 阅读 · 0 评论 -
CSS简介 | 通俗易懂
CSS简介什么是CSS?CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、 边距等)以及版面的布局和外观显示样式。CSS 让我们的网页更加丰富多彩,布局更加灵活自如。简单理解:CSS 可以美化 HTML , 让 HTML 更漂亮, 让页面布局更简单。CSS的发展历程1994 年,H原创 2021-09-28 15:01:37 · 5833 阅读 · 0 评论 -
HTML语法规则(三)
表单表单目的是为了收集用户信息。在网页中, 我们也需要跟用户进行交互,收集用户资料,此时也需要表单。在HTML中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域3个部分构成。表单控件 包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。提示信息一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。表单域:他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器原创 2021-09-28 14:56:42 · 98 阅读 · 0 评论 -
HTML语法规则(二)
多媒体标签(图片、音频、视频)1.图片标签(图片格式,应用场景,特点)属性属性值描述srcURL图像的路径alt文本图像不能显示时的替换文本title文本鼠标悬停显示的内容width像素设置图像的宽度height像素设置图像的高度border数字设置图像边框的宽度border 后面我们会用css来做,这里大家就记住这个border 单词就好了width 和 height 作为了解即可,后续都会用CSS设置2.原创 2021-09-27 16:40:39 · 188 阅读 · 0 评论 -
HTML语法规则
网页的基本结构网页类似于一篇文章:每一页文章内容是有固定的结构的,如:开头、正文、落款等……网页中也是存在固定的结构的,如:整体、头部、标题、主体网页中的固定结构是要通过特定(固定)的 HTML标签 进行描述的标签的构成结构说明:标签由<、>、/、英文单词或字母组成。并且把标签中<>包括起来的英文单词或字母称为标签名常见标签由两部分组成,我们称之为:双标签。前部分叫开始标签,后部分叫结束标签,两部分之间包裹内容少数标签由一部分组成,我们称之为:单标签。自成一体,原创 2021-09-26 17:59:09 · 1207 阅读 · 0 评论 -
Visual Studio Code软件安装以及浏览器的简单实用
VsCode(Visual Studio Code)介绍vscode是一款由微软开发,同时支持windows、linux和macos操作系统的开放代码编辑器。vscode编辑器集成了所有一款现代编辑器所应该具备的特性,包括语法高亮、可定制的热键绑定、括号匹配、以及代码片段收集等。Visual Studio Code(国内一般都不喊全名,都是简称 VS Code),是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 操作系统的开放代码编辑器。VsCode安装打开浏览器 输入下原创 2021-09-26 17:12:21 · 1536 阅读 · 0 评论 -
HTML5简介 --- 小白一看就悟
什么是网页网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。网页是指网站中的一"页",通常是 HTML 格式的文件,他要通过浏览器来阅读。网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,唱见以.htm或.html后缀结尾的文件,因此将其俗称为 HTML 文件。HTML介绍HTML(Hyper Text Markup Language)中文译为:超文本标记语言,专门用于网页开发的语言,主要通过HTML标签对网原创 2021-09-26 16:55:19 · 111 阅读 · 1 评论