自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 Express的中间件

从字面意思,我们可以了解到中间件大概就是做中间代理操作,事实也是如此。大多数情况下,中间件就是在做接收到请求和发送响应中间的一系列操作。事实上,Express是一个路由和中间件的web框架,Express应用程序基本上是一系列中间件函数的调用。

2022-09-20 19:18:50 436 1

原创 Express脚本的安装

在cmd中:使用命令行进行项目目录,执行以下命令,安装express-generator:执行以下命令,创建一个名为Study的Express应用,并使用ejs模板引擎:进入Study,并安装依赖:$ cd Study使用以下命令启动Express应用:在powershell中:创建文件夹——>在集成终端打开——>输入命令 express --view = ejs Study——>安装——>cd Study——>npm install——>npm start。

2022-09-19 20:01:52 1821

原创 TypeScript函数

传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件,但对于熟悉使用面向对象方式的程序员来讲就有些棘手,因为他们用的是基于类的继承并且对象是由类构建出来的。从ECMAScript 2015,也就是ECMAScript 6开始,JavaScript程序员将能够使用基于类的面向对象的方式。使用TypeScript,我们允许开发者现在就使用这些特性,并且编译后的JavaScript可以在所有主流浏览器和平台上运行,而不需要等到下个JavaScript版本。// 创建一个类}

2022-09-08 22:34:14 245

原创 TypeScript介绍

自ECMAScript 2015起,symbol成为了一种新的原生类型,就像number和string一样。symbol类型的值是通过Symbol构造函数创建的。// Symbol类型} else {}

2022-09-08 19:58:42 1577

原创 Bootstrap简介

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

2022-08-18 23:05:21 117

原创 express的基本使用与原生Ajax

Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。Express 提供精简的基本 Web 应用程序功能,而不会隐藏您了解和青睐的 Node.js 功能。使用您所选择的各种 HTTP 实用工具和中间件,快速方便地创建强大的 API。输入node+文件名(express的基本使用.js)// response 是对响应报文的封装。// request 是对请求报文的封装。// 1、引入express。// 2、创建应用对象。...

2022-08-18 09:50:59 187

原创 Ajax的使用

客户端发送请求,请求交给XMLHttpRequest,XMLHttpRequest 把请求提交给服务,服务器进行业务处理,服务器响应数据交给XMLHttpRequest对象,XMLHttpRequest对象接收数据,由javascript把数据写到页面上。同步就相当于是当客户端发送请求给服务端,在等待服务端响应的请求时,客户端不做其他的事情。异步就相当于当客户端发送给服务端请求时,在等待服务端响应的时候,客户端可以做其他的事情,这样节约了时间,提高了效率。该参数规定Ajax请求的一个或多个名称/值对。...

2022-08-15 19:52:05 417

原创 JQuery节点

animate()方法用于创建自定义动画。必需的params参数定义形成动画的CSS属性可选的speed参数规定效果的时长,它可以取以下值:'slow'、'fast'或者毫秒。可选的callback参数是动画完成后所执行的函数名称。...

2022-08-13 20:22:40 141

原创 JQuery一些方法的使用小案例

利用一些事件与选择器实现小案例。

2022-08-12 23:45:46 279

原创 什么是JQuery

JavaScript库封装了很多预定义的对象和实用函数,能帮助使用者建立有高难度的交互Web2.0特性的富客户页面,并且兼容各大浏览器。交集选择器: $('div.reaClass');并集选择器: $('div,p,li');事件处理 、DOM操作(CUD) 、央视操作、 动画 、浏览器兼容 、丰富插件支持。类选择器: $('.class');标签选择器: $('div');ID选择器: $('#id');轻量级:封装后的库只有不到100k,下载的时候很快。强大的选择器:方便快速查找DOM元素。...

2022-08-11 19:33:50 321

原创 JavaScript BOM对象及定时器的操作

BOM对象又称浏览器对象模型,它是JavaScript的组成部分之一,BOM赋予了JavaScript程序与浏览器交互的能力。window对象是BOM的核心,用来表示当前浏览器窗口,其中提供了一系列用来操作或访问浏览器的方法和属性。Window对象:浏览器窗口对象Navigator:浏览器对象Screen:浏览器所处客户端的显示器屏幕对象History:浏览器当前窗口的访问历史记录对象Location:浏览器当前窗口的地址栏对象。...

2022-08-09 17:13:45 167

原创 JavaScript函数事件

event.stopPropagation() 阻止事件传播,但此方法对于早期的IE浏览器并不起作用。reset重置事件 submit提交事件:这两个事件必须在form表单中才能使用。3、触发以后做什么:事件处理函数。第一种方式:将前面的事件进行覆盖。2、事件目标阶段:最开始选择的那。2、触发的什么事件:事件类型。1、事件捕获阶段,从外向内。3、事件冒泡阶段,从里向外。1、触发谁的事件:事件源。...

2022-08-08 19:06:16 297

原创 JavaaScript函数的预解析

全选/全不选苹果西瓜

2022-08-06 20:10:30 186

原创 JavaScript常用的属性和方法

字符串所有的方法,都不会修改字符串本身(字符串是不可变的),操作完成会返回一个新的字符串charAt():获取指定位置字符charCodeAt() 获取指定位置处字符的ASCII码concat() 拼接字符串,等效于+,+更常用slice() 从start位置开始,截取到end位置,end取不到substring() 从start位置开始,截取到end位置,end取不到substr() 从start位置开始,截取length个字符。...

2022-08-04 19:24:48 278

原创 JavaScript

continue语句跳出本次循环,继续执行下一个循环;break语句 , continue语句;break语句跳出整个循环,循环不再继续。

2022-08-02 20:14:49 731

原创 JavaScript的一些基础用法

JavaScript的核心,定义了JavaScript的语法规范,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关。表达式操作数和接怍符组成,可以产生一个值,有可能是运算、函数调用,也有可能是字面量。案例二输入两个整数,如果两个数相加的结果为奇数则输出该结果,否则输出提示信息结果。案例四利用for循环实现1-100的和与1-100之间偶数的和?分支结构(if...else)根据不同的情况执行对应的代码。规范-建议遵守的,不遵守不会报错。...

2022-08-01 20:00:16 106

原创 音悦商城项目

音悦商城项目共分为几个页面首先写头部、底部部分,使用iframe标签与其它页面进行拼接的官方微博、关注微信设置了悬浮效果,利用hover属性设定悬浮上显示图片二维码;搜索框利用精灵图点击搜索框变色;代码如下html代码CSS代码先利清除图片,再使用伪类设置悬浮进行显示。...

2022-07-29 20:39:55 345

原创 CSS flex布局(弹性布局/弹性盒子)

Flex是FlexibleBox的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。

2022-07-26 19:15:35 186

原创 Sass的选择器

支持多属性叠写,如果我们需要一次性指定,Border-widthBorder-style,直接嵌套写入,注意border后面有冒号,括号内填对应属性即可Sass编译器会自动链接。将该符号后面的内容与其父元素直接进行链接,不像平常的嵌套子元素一样与父元素是空格链接的,适用于各种伪类。子元素和父元素一一配对,反之亦然,如果父元素使用逗号隔开,那么每个父元素都会与子元素一一配对。可以在嵌套层内使用多种选择器,如+相邻兄弟选择器,>子元素选择器,~后继兄弟选择器。...

2022-07-25 21:10:01 1875

原创 Sass预处理

CSS本身语法不够强大,导致重复编写一些代码,无法实现复用,而且在代码也不方便维护。Sass引入合理的样式复用机制,增加了规则、变量、混入、选择器、继承、内置函数等等特性。

2022-07-23 19:11:29 278

原创 CSS3 3D转换、文本阴影

实现正方体首先要创建六个面,并给六个面设上宽高与颜色,再设个透明度,以便于观察后面的面。

2022-07-22 21:47:01 207

原创 CSS3的动画效果与过渡、边框、圆角

动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。请用百分比来规定变化发生的时间,或用关键词"from"和"to",等同于0%和100%。0%是动画的开始,100%是动画的完成。为了得到最佳的浏览器支持,您应该始终定义0%和100%选择器。...

2022-07-21 17:55:29 754

原创 HTML5拖放及Web存储

使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookie。但是Web存储需要更加的安全与快速.这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能.数据以键/值对存在,web网页的数据只允许该网页访问使用。客户端存储数据的两个对象为用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。小案例1。...

2022-07-19 19:29:28 154

原创 HTML5中SVG的阴影以及渐变

元素是用于创建阴影效果。我们的想法是采取一个SVG图形(图像或元素)并移动它在xy平面上一点儿。

2022-07-18 19:35:53 361

原创 HTML5中SVG的认识及使用

HTML5中SVG的简单认识及使用。

2022-07-16 17:58:06 308

原创 画布canvas的概念及canvas的作用

快速入门HTML5 画布canvas中。

2022-07-15 17:06:36 318

原创 【无标题】表格的基础认识

HTML表格的使用

2022-07-14 22:08:32 117

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除