自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(85)
  • 资源 (21)
  • 收藏
  • 关注

原创 Json数据格式要求

       1、JSON文件都是被包裹在一个大括号中 {},通过key-value的方式来表达数据。       2、JSON的Key必须包裹在一个双引号中,在实践中,编写 JSON 的时候,忘了给 Key 值加双引号或者是把双引号写成单引号是常见错误。       3、JSON的值只能是以下几

2021-08-01 17:56:05 64

原创 在vue-cli2中使用Echarts

vue-cli2中使用Echarts一、安装Echarts插件二、在main.js中引入插件三、在组件中写代码一、安装Echarts插件在已经建好的脚手架的终端中输入        错误输入:npm install echarts --save        正确输入:npm install echarts@4.9.0 --save下面演示

2021-06-18 09:20:14 100 1

原创 面试前必看布局-BFC详解

BFC详解一、定位方案基本概念二、BFC基本概念三、BFC的实际应用3.1、解决父子盒子外边距塌陷问题3.2、解决浮动高度坍塌的问题一、定位方案基本概念在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案:普通流 (normal flow)在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新行,除非另外指定,否则所有元素默认都是普通流定位,也可以说,普通流

2021-06-16 11:33:31 23

原创 computed传值(解决vue3不在支持过滤器的问题)

最近我在使用vue3建立的脚手架中发现过滤器不能使用了。为了解决我项目的日期格式化,因此我复习了computed,了解其如何传值。我也在网上查了很多资料但我觉得都不是很适用,下面是我总结我的方法,以备以后忘记了可以翻翻。如果有错误,希望各位大佬多多指出。一、computed基本用法定义: 当其依赖的属性的值发生变化的时,计算属性会重新计算。反之则使用缓存中的属性值, 其设计的目的就是为了解决模板中放入太多的逻辑而导致模板过重且难以维护的问题。二、computed传值2.1、利用计算属性的set.

2021-06-03 11:18:55 446 2

原创 js日期格式化函数封装

1、函数如下function formatDatetime(date, fmt) { if (!date) { return '' } if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))

2021-06-02 17:51:25 14

原创 01-css经典布局整理-圣杯布局

圣杯布局一、圣杯布局基本概论二、圣杯布局的原理三、圣杯布局的完整代码一、圣杯布局基本概论圣杯布局指的是左右两栏固定宽度,中间部分自适应。如下二、圣杯布局的原理三、圣杯布局的完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2021-06-02 10:05:45 19 1

原创 02-github项目管理(git简单管理以及多人协作管理远程仓库问题总结)

本篇文章记录的是如何利用git对github进行命令操作,以及利用git创建一个github项目的具体步骤,如果想要git详细命令点击这里;如果是想要快速学习的大佬,按照以下步骤一步一步的来吧。github项目管理一、前期准备1.1、git安装1.2、初始化个人信息1.3、github一、前期准备1.1、git安装打开Git官网下载安装程序,然后按照默认选项安装即可。当我们鼠标右键出现如下图所示证明安装成功。1.2、初始化个人信息鼠标右键打开Git bash herre命令行管理,并输入以.

2021-05-22 10:22:39 36

原创 06-快速上手mockjs---免费的仿真接口

快速上手mockjs一、mockjs介绍二、快速上手1、前期准备2、mockjs使用实例2.2.1、安装mockjs2.2.2、引入mockjs2.2.3、创建mockjs并使用一、mockjs介绍       相信很多小伙伴都有和我一样的经历,想写一个前端的网站,但又没有接口。自己不会后端或者写一个接口太过于麻烦了,老是去求助别人或者买一个接口也不是一个好办法。       此时我

2021-05-04 20:27:02 105 2

原创 07-快速上手axios

Axios,可以理解为 ajax i/o systemAxios ,是一个基于 promise 网络请求库,作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests:在浏览器中创建 XMLHttpRequest 请求在 node.js 中发送http请求支持 Promise API拦截请求和响应转换请求和响应数据取消.

2021-05-04 16:26:38 88

原创 01-快速上手git学习

快速上手git一、git基本介绍1.1、什么是版本控制?1.2、什么是分布式?二、安装git并初始化个人信息2.1、安装2.2、初始化个人信息2.3、初始化git项目2.3.1、在已有项目的基础上初始化git项目2.3.2、使用git新建一个项目2.3.3、查看git项目是否初始化成功一、git基本介绍git关键词:分布式版本控制1.1、什么是版本控制?        版本控制(Revision control)是一种在开发的过程中用于管理

2021-05-01 14:46:27 74 1

原创 06-快速上手Vuex

这是我学习vue的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教。快速上手VueX一、基本概念二、VueX安装以及基本使用2.1、安装一、基本概念        Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。 其核心就是 store,采用集中式存储管理应用的所有组件的状态。store中文的意思是仓库,其可以简单的理解为一个公共仓库,所有的组件都可以直接向仓库拿取变量,.

2021-04-30 13:17:57 88 1

原创 浅析es6中Promise

浅析es6中Promise一、基本概念二、基本使用三、Promise链式调用一、基本概念       Promise是异步编程的一种解决方案。我们在前端可能会遇到很多异步的情况,比如说ajax、node中的文件读取、网络请求等等。以前我们通过回调函数去解决异步情况。但是,当网络请求非常复杂时,就会出现回调地狱。此时开发人员很难阅读代码。       es6中的Promise将横向写

2021-04-30 11:06:09 59 1

原创 05-快速上手vue-router

这是我学习vue的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教。快速上手vue-router一、vue-router核心原理-前端路由1.1、什么是前端路由?1.2、前端路由的两种模式1.2.1、URL的hash1.2.2、HTML5的history模式(推荐)1.2.3、两种模式比较一、vue-router核心原理-前端路由1.1、什么是前端路由?1、说起路由,我们大多数都会想到家里的路由器,如下:2、网络工程专业来说,路由就是路由和.

2021-04-28 22:05:35 368 2

原创 04-服务端渲染(后端路由阶段)、 前后端分离(后端路由阶段) 、SPA页面(前端路由阶段)

这是我学习vue的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教。Vue-roter知识点整理一、路由的基本概念1.1、什么是路由?1.2、路由的发展阶段1.2.1、后端渲染(后端路由阶段)1.2.2、前后端分离(后端路由阶段)1.2.3、SPA页面(前端路由阶段)一、路由的基本概念1.1、什么是路由?1、说起路由,我们大多数都会想到家里的路由器,如下:2、网络工程专业来说,路由就是路由和转送 :路由:是决定数据包从来源到目的地的路径.

2021-04-28 14:32:19 127 2

原创 03-快速建立vue脚手架

快速建立vue脚手架一、vue脚手架基本概念1.1、什么是vue脚手架?1.2、vue脚手架的安装前提?1.2.1、node安装下载1.2.2、webpack安装二、安装Vue-cli2.1、安装Vue cli3 版本2.2、拉取Vue cli2 版本三、创建Vue-cli2项目四、Vue-cli项目结构讲解一、vue脚手架基本概念1.1、什么是vue脚手架?       vue脚手架 的英文名为 Vue-cli 。 CLI 是 ``Comm

2021-04-27 21:09:57 329 9

原创 02-template标签用法知识点整理

template标签用法知识点整理一、template在html中的使用二、template在vue中的使用1、在组件中使用template2、在Vue实例中使用template一、template在html中的使用        html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见,它设置了display:none;属性。二、template

2021-04-27 13:00:39 56

原创 01-快速入门webpack模块化打包工具

快速入门webpack模块化打包工具一、基本概念1.1、什么是webpack?1.2、webpackg与runt/gulp的区别?二、webpack安装2.1、node安转2.2、webpack安装三、webpack基础3.1、初识webpack3.1.1、创建文件夹3.1.2、打包文件3.1.3、引入文件一、基本概念1.1、什么是webpack?        webpack 是一个现代的JavaScript应用的静态模块打包工具.&nb

2021-04-26 10:54:26 63

原创 09_快速上手express框架

快速上手express框架一、express基本概念以及安装二、express搭建服务器并输出helloWord2.1、加载第三方包2.2、创建一个express实例2.3、指定路径,处理请求并发送响应2.4、绑定端口号,启动服务器2.5、完整代码2.6、启动服务器三、express处理静态资源。四、express对模板的使用4.1、安装第三方模块4.2、express-art-template模块加载4.3、服务器渲染模板4.4、如何修改view目录4.5、代码示例一、express基本概念以及安装&

2021-04-21 11:36:32 26

原创 08-node.js之常用命令以及淘宝镜像安装下载

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教node.js之常用命令以及淘宝镜像安装下载一、npm(node package manage)常用命令1、npm基本概念2、常用命令二、淘宝镜像安装解决npm被墙问题一、npm(node package manage)常用命令1、npm基本概念      ​ nmp是用来搜索npm包的,npm是一个命令行工具,只要安.

2021-04-20 19:01:45 26

原创 07-node.js 客户端渲染与服务端渲染 以及 服务端渲染留言板(没有数据库,适合新手入门node服务器如何渲染页面)

node.js搭建留言板一、客户端渲染与服务端渲染1、客户端渲染(SSR)2、服务单渲染(CSR)3、客户端渲染(SSR)与服务单渲染(CSR)的区别3.1、服务端渲染和客户端渲染的区别:3.2、如何选择服务端渲染和客户端渲染二、服务端渲染留言板第一步:完成静态页面并渲染到服务器上第二步:服务器渲染处理静态页面中的link、src等资源一、客户端渲染与服务端渲染1、客户端渲染(SSR)      html 仅仅作为静态文件,客户端端在请求时,

2021-04-20 14:23:55 45

原创 06-node.js中第三方模块npm安装教程以模板引擎(art-template)为例子以及模板引擎(art-template)实例

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教模板引擎(art-template)使用以及实例一、安装一、node.js中的模板引擎(art-template)实例1、第三方模块(art-template)引入2、开始写代码一、安装art-template是一个简单且超快速的模板引擎,可通过范围内预先声明的技术优化模板渲染速度,从而实现接近JavaScript极限的运行时性能。同时,它同时支持NodeJS和浏览器。在线速度.

2021-04-18 19:11:35 112

原创 05-node.js查看客户端地址

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教当我们想要用node.js去查看客户端发来的代码,可以用以下 req.socket.remoteAddress :查看客户端主机 req.socket.remotePort:查看客户端端口示例如下:var http = require('http');var server = http.createServer();server.on('request', fun.

2021-04-18 00:18:01 24

原创 04-node.js中url根据不同的请求路径发送不同的响应结果、如何解决服务器乱码问题、解析html标签、读取html并通过服务器发送给客户端、读取图片等其他文件并通过服务器发送给客户端

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教node.js中 request.url 详解 以及 如何解决 node 乱码问题一、 request.url根据不同的请求路径发送不同的响应结果二、解决 node 服务器中文乱码问题三、node解析html标签一、 request.url根据不同的请求路径发送不同的响应结果request.url :可以用来获取客户端请求路径注意:request.url 路径必须是相对路.

2021-04-18 00:08:20 73 2

原创 03-node.js搭建简单的服务器

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教node.js搭建简单的服务器1、加载 http 核心模块2、创建一个服务器实例3、接收客户端请求,并响应数据4、绑定端口号,启动服务器1、加载 http 核心模块var http = require('http');2、创建一个服务器实例      使用 http.createServer() 方法创建一个web.

2021-04-17 23:25:26 27

原创 02-node.js进行简单的文件读写以及获取文件目录

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教。node.js进行简单的文件读写一、node.js进行简单的文件写入1、加载 文件 核心模块2、writeFile写文件一、node.js进行简单的文件读取1、加载 文件 核心模块2、readFile读文件一、node.js进行简单的文件写入1、加载 文件 核心模块var fs = require('fs');2、writeFile写文件第一个参数:文件路径第二个参.

2021-04-16 23:51:53 82 1

原创 01-node.js基本概念、安装node、运行以及node执行多个脚本

这是我学习node的整理笔记。是我对各个视频和文档的综合理解,以备我日后复习存储。如果有错误的地方,还请各位大佬多多赐教。nodejs一、基本概念1、什么是Node.js?2、Node.js的特点是什么?3、Node.js可以做什么?二、软件安装1、下载软件并安装2、检测是否安装成功三、运行"hello Word!"并对其进行更新1、创建编写JavaScript 脚本文件2、打开终端,定位到脚本文件所属目录3、输入node 文件名执行对应的文件一、基本概念1、什么是Node.js? &.

2021-04-16 23:19:21 199 4

原创 04-新手入门级别:原生js打造全屏和退出全屏的效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>全.

2021-04-14 09:14:11 31 2

原创 05-新手入门级别:星星打分

注意:代码要用的图片在下面奥,一定要把图片加上 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=..

2021-04-14 09:06:40 20

原创 Bootstrap栅格源码列的递归调用解读--less递归

容器分为两种:流体容器、固定容器

2021-04-07 09:59:01 30

原创 定时器:深入理解间歇调用和超时调用

间歇调用和超时调用一、基本概念1、基础知识点2、间歇调用导致动画的抖动的解决办法一、基本概念1、基础知识点间歇调用setInterval():每隔指定的时间就执行一次代码 超时调用setTimeout():在指定的时间过后执行代码间歇调用和超时调用采用的都是 异步方式调用,异步代码需要等待同步代码执行完成后才加载。同步与异步详情请点击2、间歇调用导致动画的抖动的解决办法注意:一般使用超时调用来模间歇调用,而不直接推荐使用间歇调用,因为间歇调用可能会在前一个间歇调用结束之前启动,从而产生抖动现

2021-04-06 14:31:55 68

原创 js的同步与异步知识点详细整理

我今年大三了,这是我学习js的同步与异步所整理的知识点。如果有错误,还请大家多多指点。js的同步与异步一、基本概念1、js同步的起源2、js异步的起源3、常见的同步与异步代码二、同步与异步原理1、队列和栈2、调用栈(Call Stack)——同步循环原理3、Event Loop ——异步循环原理一、基本概念1、js同步的起源        JS是单线程语言。单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后.

2021-04-06 10:13:58 56

原创 事件类型(DOM3)整理:包含了dom3的知识点以及浏览器的兼容性标注

思维导图下载地址,也可以私我要免费的压缩包

2021-04-06 09:00:06 14

原创 02-Ajax知识点整理

Ajax知识点整理一、基本概念二、异步对象XMLHttpRequest属性和方法三、异步对象XMLHttpRequest使用步骤:一、基本概念Ajax = Asynchronous JavaScript and XML(异步的JavaScript和XML)。Ajax是一种在无需重新加载整个网页的情况下,能够更新部分页面内容的新方法。Ajax不是新的编程语言,它是多种技术的综合使用,包含了javaScript,dom,css,服务器端的技术,servlet,jsp,jdbc等等,还有json数据格式等

2021-03-26 09:52:53 32

原创 03-Ajxa入门例子:使用全局刷新,计算BMI(上)

全局刷新:使用jsp显示request作用域中的数据,使用el表达式一、使用idea新建一个web项目步骤如下:二、配置项目:三、编写jsp页面:四、编写后端Servlet五、编写后request跳转页面六、点击运行一、使用idea新建一个web项目步骤如下:并且还需要配置好Tomact,不会的点击这里:Tomact配置二、配置项目:三、编写jsp页面:2、编写页面代码:注意: 中action的值要与第二步中的前端获取的路径的地址一样<html> <head&g

2021-03-25 16:23:19 51 2

原创 01-IDEA配置Tomact

IDEA配置Tomact今天开始学习Ajax时,使用idea遇到的一个问题:关于 IDEA配置Tomact。以此记录我的解决步骤。下面我将以图文方式进行记录:

2021-03-25 15:20:32 19

原创 常见脚本:共享onload事件、在现有元素后插入一个新元素、给一个元素追加新的class、查询文档中的下一个节点、根据元素在节点树里的位置设置他们的样式、对象继承模型

常见脚本一、共享onload事件:addLoadEvent()函数二、在现有元素后插入一个新元素一、共享onload事件:addLoadEvent()函数参数一:传入需要加到onload事件的函数function addLoadEvent(func) { let oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else {

2021-03-24 16:38:35 11

原创 一些传统方法(document.write、innerHTML属性)与DOM动态创建标记的区别

前言:document.write、innerHTML以及DOM(document.createElement、document.createTextNode)都是用来在Web浏览器中往文档添加标记。一些传统方法与DOM动态创建标记的区别一、document.write(不推荐)二、innerHTML属性与DOM动态创建标记的区别一、document.write(不推荐)document对象的write()方法可以方便快捷的把字符串插入到文档里,属于HTML专有属性。这样写并不好,因为它违背了.

2021-03-24 15:13:34 34

原创 2022届考研倒计时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>20

2021-03-18 16:38:01 1255

原创 JavaScripth获取当前时间

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>当前

2021-03-18 14:52:35 10

原创 js解析顺序详解、闭包原理解释

@[TOC]js解析顺序以及例题整理)一、变量和函数的执行顺序在代码执行的时候,对于js来说变量和函数执行顺序(都是自上而下)变量:解析器会先对js变量进行声明,然后按顺序轮到其时执行赋值。函数:函数分2种执行顺序,对于函数声明和函数表达式的执行顺序不同。         1、函数声明:解析器会率先读取函数声明(自上而下按顺序读取),并对其内部进行解析执行。(函数提升)  &n

2021-03-11 09:08:39 56

bootstrap.zip---栅格系统源码

这是从bootstrap源码中提取出来有关栅格系统的源码

2021-04-11

html+css+js实现梦幻粒子飘落的特效

用200多行的代码实现梦幻粒子随机飘落特效,非常的唯美,也适合做动态桌面壁纸,适合新手学习js。也快项目引入。

2020-12-03

心形跟随鼠标移动效果

心形跟随鼠标移动不断出现在再到逐渐消失,非常梦幻,用到了html+css+js。大概一百多行。简单移动,适合新手学习,也适合项目引入。

2020-12-03

纯css打造星海.zip

新手入门:纯css打造动态页面,星空动态页面,星空下的薰衣草,非常唯美,适合做桌面壁纸,亦适合新手学习动画效果。

2020-12-04

vue-devtools-4.1.4_0.zip

免费拱学习vue的同志一起使用,使用方法很简单,解压后放到谷歌的设置->扩展程序中就行,可以直接解压拖进去。记得打卡扩展程序

2021-04-30

axiosstudy.zip

有基本的axios封装请求

2021-05-04

用node写一个简单的留言板--post请求

用node搭建服务器,用post方式去写留言板,推荐

2021-04-21

node写的简单的留言板

这是用node搭建的简单的留言板,注意此版本采用的是get请求

2021-04-21

node简单的服务器搭建的留言板

app5_0.js是最终完成版本,其余前四个,是我搭建服务器的步骤。app5_0.js也是最后一步,完成版本

2021-04-20

新手入门:史上超级炫酷的纯css打造的3D旋转相册

超级炫酷,同时也超级简单,总共100行代码。采用纯css写的3d旋转相册,同时附加鼠标移动暂停、色调改变、放大。非常适合新手学习。确保可用,亲自写的,喜欢就关注后续会有更多代码资源。

2020-11-07

bootstrap-3.3.7.zip

献给广大想要看bootstrap源码的小伙伴,也是保存下来给我自己看的

2021-04-11

简单竖向轮播图.zip

简单易学轮播图。。。。。。。。。。。。。。。。。。。。。。。。。。。

2021-03-06

03 - CSS Variables.zip

javascript30-3改变大小、清晰度、颜色已经css可视化变量的应用

2021-02-07

简单版留言板2.zip

这个是仿写简易版的留言板,适合新手学习。喜欢的话就收藏点赞吧

2021-02-05

简单易改留言板2.zip

这个是仿写简易版的留言板,适合新手学习。喜欢的话就收藏点赞吧

2021-02-04

jquery-1.12.4.zip下载

因为官网下载速度太慢,所以在这里保留一份。jquery-1.12.4下载里面包括压缩版本和未压缩版本,便于学习jQuery以及项目的引用。

2020-12-14

纯css打造云端仙境.zip

纯css打造云端动画

2021-02-01

纯css打造手风琴图片特效

纯css打造手风琴图片特效,代码简单易上手,亲写。主要运用了css3的动画过渡来制作,效率高。

2021-01-14

非常简单的无刻度时钟

这里面有3种javascript写法,去写时钟针的走动变化,非常简单易懂,特别适合新手做入门玩。外表简单大方。确保可用,亲自写的,喜欢就关注后续会有更多代码资源。

2020-10-19

简单炫酷计算器(加减乘除)

这是一个只能进行加减乘除的简单版计算器,但它可以使用鼠标点击或者键盘交互输入数据进行计算。欢迎大家对我提出意见,一起改进。

2020-10-13

javascript30-1键盘按键交互动画特效

这里面用了2种javaScript写法完成了键盘按键交互动画特效,学习内容来源于javascript30-1

2020-10-12

空空如也

空空如也

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

TA关注的人 TA的粉丝

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