自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

TangJing_的博客

大大小小的都在这里

  • 博客(64)
  • 收藏
  • 关注

转载 使用cropper插件实现图片的裁剪和预览

使用cropper插件实现图片的裁剪和预览

2022-08-19 17:31:14 1845 1

原创 防抖和节流原理、具体实现

防抖和节流原理、具体实现

2022-08-18 14:45:47 804

原创 本地项目推送到gitlab仓库,基本的git命令

本地项目推送到gitlab仓库,基本的git命令

2022-08-18 09:05:15 6611

原创 mock的使用——生成表格数据并展示

mock的使用——生成表格数据并展示

2022-08-17 09:37:37 2203 2

原创 vue部分内置指令

vue内置指令

2022-08-16 10:17:45 260

原创 vue中组件通信的方式

vue的数据通信方式

2022-08-15 17:59:10 1245

原创 vue使用canvas画布实现电子版签名

vue使用canvas画布实现电子版签名

2022-08-15 09:12:48 555

原创 vue报错Module parse failed: Unexpected token (8:27)File was processed with these loaders

vue报错Module parse failed: Unexpected token (8:27)File was processed with these loaders如何在vue3项目中支持使用TypeScript

2022-08-12 14:59:09 7463 4

原创 vue3报错:找不到模块“element-plus”或其相应的类型说明

vue3报错:找不到模块“element-plus”或其相应的类型说明

2022-08-12 10:10:25 23332 1

原创 使用eslint+prettier格式化代码

解决TypeScript intellisense is disabled on template. 报错。使用eslint+prettier格式化代码

2022-08-11 17:33:37 1350 2

原创 vue——mixins混入对象

mixins混入对象的使用

2022-08-11 17:12:43 592

原创 form的编辑与展示的切换(输入框,单选多选框,上传图片,颜色选择器)适用个人信息的展示与修改

form的编辑与展示的切换。上传图片(用于展示头像)编辑时每次仅只能上传一张图片,上传完成后回显且隐藏上传框,删除图片后显示上传框。可对图片进行预览,判断上传文件的类型与大小。

2022-07-29 17:27:32 853

原创 vue项目报错Cannot find module ‘worker_threads‘解决

Cannot find module 'worker_threads'报错的解决,下载nvm并使用,Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime报错的解决,

2022-07-13 11:35:09 1989

原创 vue-quill-editor,WangeEitor实现富文本编辑器

使用vue-quill-editor创建vue2的富文本编辑器,使用wangeditor创建vue3的富文本编辑器

2022-07-12 16:09:50 987

原创 CSS相关

css选择器,优先级,哪些属性可以继承CSS盒模型em/px/rem/vh/vw的区别元素水平垂直居中方法实现两栏布局,三栏布局flexbox(弹性盒子布局)及其适用场景CSS提高性能的方法

2022-05-30 20:25:44 184

原创 React的函数组件以及类组件介绍

目录React组件介绍React组件的两种创建方式使用函数创建组件使用类创建组件React组件介绍React组件可以将UI切分成一些独立的、可复用的部件, 这样有助于设计人员专注于构建每一个单独的部件。React组件通过Props可以接收任意的输入值, 因此Props也可以理解为参数的概念。React组件除了通过JavaScript函数形式实现,还可以通过ES6 Class(类)的形式实现。组件表示页面中的部分功能,组合多个组件实现完整的页面功能。使用React就是在用组件。

2022-02-09 14:13:34 778

原创 React基本使用、React脚手架的使用

目录React概述是什么React的特点React的基本使用虚拟DOMReact的安装React的使用React脚手架的使用使用react脚手架初始化项目在脚手架中使用reactReact概述是什么是一个用于构建用户界面的JavaScript库,旨在简化可视化界面的开发。React是Facebook开发并于2013年发布。它基于JSX的语法,JSX是React的核心组成部分,它使用xml标记的方式去直接声明界面。React核心是组件,组件的设计提高

2022-02-05 20:32:00 918

原创 二分法查找

二分法思路以及代码实现

2021-12-11 12:04:37 863

原创 Express项目创建以及其路由介绍

express项目创建

2021-12-09 10:34:52 2738

原创 数据库连接池、sequelize实现增删改查等操作

数据库连接池sequelize模块实现增删改查等操作

2021-12-04 19:02:31 2520 4

原创 jQuery中的Ajax以及请求函数

Ajax介绍Ajax:Asynchronous JavaScript And XML,异步JavaScript和XML技术。不是一门新的语言或技术,是由JavaScript、XML、DOM、CSS等多种已有技术组合而成的一种浏览器端技术。用于实现与服务器进行异步交互的功能。...

2021-11-27 18:59:24 1101 2

原创 URL到页面加载;css3动画与js动画;水平、垂直居中

输入URL到页面加载全过程域名解析通过DNS将域名解析成IP地址(域名到IP地址的转换)本地的DNS服务器向域名的解析服务器发送请求,会收到域名与IP地址的对应关系。本地DNS服务器将IP地址返回给用户电脑,同时将此对应关系保存在缓存中,使得用户在下次查询时若对应关系相同则可以直接返回结果,加快网络访问。建立TCP连接(3次握手)浏览器发出HTTP请求服务器响应HTTP请求浏览器渲染页面关闭连接(4次挥手)css3动画和js动画水平居中 垂直居中 水平..

2021-11-13 14:56:29 1266

原创 前端性能优化、垃圾回收,闭包,跨域

前端性能优化前端性能优化的目的:1、从用户角度而言:优化可以使页面加载速度更快,对用户的操作响应更加及时,增加用户的体验感。2、从服务器角度而言:优化可以减少页面的请求次数,节约资源。减少HTTP请求一个完整的 HTTP 请求需要经历 DNS 查找,TCP 握手,浏览器发出 HTTP 请求,服务器接收请求,服务器处理请求并发回响应,浏览器接收响应等过程。1、css和js 文件合并压缩因此在项目中我们可以将css或者js文件进行合并或者压缩,在移动端开发时可以采用内嵌式,以此减少h

2021-11-09 20:57:51 987

原创 前端路由和后端路由

前端路由路由:简单的说,路由是根据不同的 url 地址展示不同的内容或页面。(把信息从原地址传输到目的地的活动)单页面应用1、单页面是指整个项目只有一个页面,页面显示的内容被抽离为一个一个小的组件。2、通过前端路由,让URL地址的改变来映射到不同的组件,通过URL的改变来决定组件的显示与否,从而显示单页面对应的内容。什么是前端路由前端路由:根据不同的用户事件,显示不同的页面内容;本质是用户事件与事件处理函数之间的对应关系。简单来说就是:页面不刷新,前端路由就是...

2021-10-25 19:40:28 2755

原创 Node的数据库编程(MySQL),增删改查

目录在项目中操作MySQL数据库的步骤执行数据库的操作查询数据插入数据修改数据删除数据在项目中操作MySQL数据库的步骤1、安装操作MySQL数据库的第三方模块(mysql) mysql 模块是托管于 npm 上的第三方模块。它提供了在 Node.js 项目中连接和操作 MySQL 数据库的能力。 想要在项目中使用它,需要先运行如下命令,将 mysql 安装为项目的依赖包: npm install mysql2、通过mysql模块连接到MySQL数据库...

2021-10-19 20:16:06 509 1

原创 Express中间件的分类及使用

在上一节了解到了Express,以及Express路由的匹配与使用,放一个文章链接。https://blog.csdn.net/TangJing_/article/details/119336295Express中间件什么是中间件中间件(Middleware ),特指业务流程的中间处理环节。顾名思义,中间件处于操作系统软件与用户的应用软件的中间。举个简单的例子,处理污水的这三个中间处理环节,就可以叫做中间件。使用Express写接口...

2021-10-10 20:10:00 418

原创 Express的使用方法,路由的匹配与使用

TCP协议传输控制协议(Transmission Control Protocol),提供面向连接的、可靠的、基于字节流的数据传输服务(三次握手、四次挥手)(工作在网络层)1、面向连接:数据传输之前,客户端与服务器端要建立连接2、可靠的:数据传输是有序的,要对数据进行校验。3、Scoket:网络套接字,是进行网络连接的数据结构(服务器的Socket和客户端的Socket) 服务器的Socket:实现对指定端口号的监听,若有客户端向监听的端口发出连接请求,Socket就会...

2021-10-08 20:47:46 1574 3

原创 TCP与UDP,TCP服务器与客户端,UDP服务器与客户端

TCP服务器与客户端TCP传输控制协议(TCP,Transmission Control Protocol)是一种面向连接的、可靠的、基于字节流的传输层通信协议,由IETF的RFC 793定义。TCP旨在适应支持多网络应用的分层协议层次结构。主要特点TCP是一种面向广域网的通信协议,目的是在跨越多个网络通信时,为两个通信端点之间提供一条具有下列特点的通信方式:基于流的方式;面向连接;可靠通信方式;在网络状况不佳的时候尽量降低系统由于重传带来的带宽开销;通信连接维护是.

2021-09-26 15:56:59 2481

原创 Node.js回调函数、事件机制(EventEmitter类)、全局对象

目录Node.js的回调函数什么是回调函数回调函数示例Node.js的事件机制EventEmitter类的各种方法示例:EventEmitter类的on方法Node.js的全局对象process对象process事件Node.js的回调函数什么是回调函数回调函数指的就是一个函数A作为参数传递给一个参数B,然后在B的函数体内调用函数A。此时,称函数A为回调函数。function main(info,callback){ //我是主函数,参数列表中的

2021-09-08 16:49:31 507

原创 Node.js中的模块化,npm包管理器

目录模块化的基本概念什么是模块化模块化拆分的好处Node.js中的模块化Node.js中模块的分类加载模块模块作用域向外共享模块作用域中的成员module对象exports对象npm与包包如何下载包在项目中安装包的命令解决下包速度慢的问题为什么下包速度慢解决方法一——淘宝NPM镜像服务器解决方法二——切换npm的下包镜像源解决方法三——nrm模块化的基本概念什么是模块化模块化是指解决一个复杂问题时,自顶向下逐层把系

2021-08-31 21:03:29 273

原创 Node.js三个模块(fs模块,path模块,http模块)

模块fs文件系统模块fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。在JavaScript代码中使用fs模块时,需提前导入:const fs = require('fs')fs.readFile() 方法:用来读取指定文件中的内容。fs.readFile(path[,options],callback)//参数1:必选参数,字符串,表示文件的路径。//参数2:可选参数,表示以什么编码格式来读取文件。//..

2021-08-24 00:34:38 669 3

原创 Node.js的简介以及安装环境

回顾1、为什么JavaScript可以操作DOM和BOM每个浏览器都内置了DOM、BOM这样的API函数,因此,浏览器中的JavaScript才可以调用它们。2、浏览器中的JavaScript运行环境运行环境是指代码正常运行所需的必要环境。V8引擎负责解析和执行JavaScript代码。内置API是由运行环境提供的特殊接口,只能在所属的运行环境中被调用。Node.js的简介什么是Node.jsNode.js简称Node,是一个可以使JavaScript运行在服务器端的开发平台。

2021-08-18 14:47:53 275 1

原创 多表连接查询、子查询、多种查询语句(只要你想,这里都有)

目录实例多表连接查询内连接自然连接等值连接不等连接外连接左外连接右外连接全外连接子查询实例其他查询语句模糊查询字段查询排序聚合函数分组查询having子句LIMT分页查询实例首先,我们有三张表:dept表、emp表、staff表,依次是:(staff表中s_id为外键)多表连接查询在一个查询语句中显示多张表的数据,这也叫多表数据记录的连接查询。在实现连接查询时,首先是将两个或两个以上的表按照.

2021-08-11 22:10:17 531 4

原创 数据库例题(创建数据库SPJ包含S、P、J和SPJ表)

目录运行说明例题例题解答运行说明1、运行环境:win102、所需步骤: (1) 通过PowerDesigner软件创建逻辑数据模型(CDM),再将其转换为物理数据模型(PDM),再导出为SQL语句。 (2)通过在NavicatPremium中运行所导出的SQL文件,自动生成数据库中的表。 (3)完成问题。3、数据库语句:My SQL例题创建一个数据库SPJ,包含S、P、J及SPJ 4个关系模式 S(sno,sname,status,city...

2021-08-08 19:56:32 12738 5

原创 数据库系统,数据库,数据库管理系统

目录数据库数据库管理系统数据库系统数据库,数据库管理系统,数据库系统三者之间的关系数据库数据库(Database,DB)是长期存储在计算机内的、有组织的、可共享的、统一管理的相关数据的集合。按照字面的理解,数据库就是存放数据的仓库。特点:实现数据共享 减少数据的冗余度 数据的独立性 数据实现集中控制 数据一致性和可维护性,以确保数据的安全性和可靠性 故障恢复数据库管理系统数据库管理系统(Database Management System)是一种操纵和.

2021-08-03 22:40:36 1015

原创 ES6新增语法(let、var、const区别与联系)

ES6简介ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织制定的一项脚本语言的标准化规范。ES6的新增语法let特点:1、用于声明变量的关键字,let声明的变量只在所处于的块级有效。使用let关键字声明的变量才具有块级作用域,使用var声明的变量不具备块级作用域特性。2、在ES5中变量可以在声明之前使用,他的值是undefined。在ES6中使用let关键字声明变量,变量不能在声明之前使用。3、变量值的泄露:在语句块中声明的var关键字声明的变量,会

2021-08-03 00:16:30 354 1

原创 jQuery动画(显示隐藏,淡入淡出,滑动)

目录分类基本动画函数显示元素交替显示隐藏滑动效果向上收缩效果向下展开效果交替伸缩样式淡入淡出效果淡入效果淡出效果自定义不透明度jQuery的动画函数分类基本动画函数:既有透明度渐变,又有滑动效果。是最常用的动画效果函数滑动动画函数:仅使用滑动渐变效果淡入淡出动画函数:仅使用透明度渐变效果基本动画函数显示元素jQuery中用来显示已经被隐藏的元素的方法是使用show(speed,[callback])函数,他的动画效果是向左上..

2021-07-30 17:57:18 2790 1

原创 jQuery事件绑定与反绑定,模仿鼠标悬停,事件对象

目录页面载入事件事件绑定绑定事件的函数 jQuery事件处理函数的好处反绑定事件事件绑定和反绑定的实例一次性的事件绑定模仿鼠标悬停事件jQuery事件对象页面载入事件1、JavaScript的页面载入事件:window.onload缺点:通过这个方法,用户可以设定一些特定的操作,让其在页面的DOM树加载完毕之后执行,但是浏览器执行window.onload函数不仅仅是在构建完DOM树之后, 也是在所有图像和其他外部资源完整的加载并且在浏览器窗口显示完毕之后..

2021-07-28 22:27:33 461 1

原创 jQuery属性的操作

目录操作元素的属性获取元素的属性值 设置元素的属性值删除元素的属性操作样式操作样式类获取或设置元素的高度和宽度操作HTML代码操作文本操作值操作元素的固有属性jQuery操作页面元素的属性属性是每个页面的重要内容,HTML标签可以有一到若干个属性,比如id就是元素的常用属性之一操作元素的属性获取元素的属性值 读取元素属性的函数时attr(属性名) 例:$(selector).attr(属性名)函数名 attr(属性...

2021-07-27 23:13:32 434 4

原创 jQuery选择器

目录jQueryjQuery的选择器基本选择器:基本过滤选择器内容过滤选择器属性过滤选择器表单选择器表单对象属性过滤选择器jQueryjQuery:是JavaScript的一个库(对JavaScript的相关操作进行了封装:遍历HTML文档、操作DOM、事件处理、Ajax)引入jQuery库:<script src="jquery.js"></script>jQuery的入口函数:$(document).ready(fu...

2021-07-25 13:11:35 149 1

空空如也

空空如也

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

TA关注的人

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