自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 express框架

connection . query(" sql语句 " , (err , rows,fields)=>{使用 express 正常情况下 需要请求的是动态数据(数据从 mysql数据库中获取)基于 Node.js 平台,快速,开发 极简的Web 开发框架。使用req . query . 参数名。database : "要连接数据库名"在 express 中 常用数据请求。password:"数据库密码"koa egg 等等。user:" 数据库名"host: "主域名"

2023-09-19 15:13:25 79

原创 My SQL 数据字段类型

datetime 混合日期和时间值 时间戳 年-月-日 时:分:秒 开始时间时第123456789秒。date 日期值 年-月-日。longblob 二进制式的极大文本字符串 0-4294967295。blob 二进制形式的长文本字符串 0-255。mysql 数据字段类型。

2023-09-18 15:38:02 85

原创 node js 的基础命令

npm install 包名 --save-dev 安装到开发环境。https://node js .org/zh-cn 中文网址。只要node 安装完毕 系统默认同步安装 npm。如果输出对应的版本 代表成功 反之失败。npm install 包名 安装到生产环境。npm uninstall 包名 --save-dev。使用推荐版 不要下载最新版本。npm i 包名 --save-dev。在cmd 命令行中 输入。查看版本 npm -v。npm i 包名 -g。

2023-09-18 15:17:44 147

原创 mysql命令

创建数据库 :careate datavase 数据库名create table 表名 (字段名1 数据类型(长度) , 字段名2 数据类型 (长度)...)查询数据:select * from 表明:条件 where。

2023-09-16 15:39:34 62 1

原创 mysql介绍

sql server,mysql ,mongodb , SQLite , access等等。提供 TCP/IP ,ODBC 和JDBC 等多种数据库连接途径 等等。1,使用原生安装 需要去 mysql 官网。支持多线程 充分利用 CPU 资源。2,直接使用navicat 数据库可视化。数据库 基本操作 : 增删改查。为多种编程语言提供了API。mysql是一个关系型数据库管理系统。许多数据 (一行表示 一条数据)对网站的数据进行存储管理的。许多字段 (字段名)mysql 数据组成。

2023-09-16 15:22:43 49 1

原创 svg的使用

这个属性是相对于起始点的偏移,正数偏移x值的时候,相当于往左移动了x个长度单位,负数偏移x的时候,相当于往右移动了x个长度单位。重用已存储元素 用来定义一个元素 能够在svg里边可以进行重用 但是defs里边的元素不显示。想要去使用g分组 必须在g标签上边设置一个id 通过id可以去引用。可以使用更多工具直接对当前图片进行修改或者读取(例如记事本)<use xlink:href="#id名"></use>该元素通常用来对相关元素图形进行分组操作。格式:<svg> </svg>

2023-09-12 19:35:22 145

原创 storage和cookie介绍

sessionStorage.setItem("key名", JSON.stringify(数据))localStoragesetItem("key名" ,JSON.stringify(数据))JSON.parse(sessionStorage.getItem("key名"))JSON.parse(localStorage.getItem("key名")sessionStorage.setItem("key名","value值")localStorage.setItem("key名",value值)

2023-09-12 16:17:33 39

原创 canvas和 svg(画布)

counterclockwise 可选项 规定了顺时针或者是逆时针旋转 False = 顺时针,true = 逆时针。anticlockwise 可选参数 规定顺时针或者逆时针旋转 False = 顺时针,true = 逆时针。svg设计出来的图像是矢量图 (放大不失帧) canvas绘制位图 (放大会失帧) 元素用于图形的绘制,通过脚本(通常是JavaScript) 来完成。x, y 在画布上边 矩形左上角的坐标位置。x,y 在画布上边 矩形左上角的坐标位置。height 矩形的高度。

2023-09-10 22:18:34 97 1

原创 video的属性和方法

webkitRequestFullScereen 全屏。volume 设置音量 范围0.0 -1.0。timeupdate 实时监听视频播放。width 视频宽度 默认300 默认单位是px。playbackRate 播放倍数。src 视频播放路径(本地路径或者线上路径)currenTime 当前播放时间。duration 播放总时长。height 视频高度 默认150。controls 添加播放控件。deagstart 拖拽开始。deagend 拖拽结束。muted 设置静音。loop 循环播放。

2023-09-07 13:57:10 790

原创 2,列举常用的数组方法

提取数组的一部分,返回一个新的数组,包含从索引 start 到索引 end(不包括 end)的元素。:返回数组中第一个匹配到指定元素的索引,如果不存在则返回-1。:从数组中删除或替换元素,并返回被删除的元素组成的新数组。:将数组的所有元素连接成一个字符串,使用指定的分隔符。:在数组末尾添加一个或多个元素,并返回新的长度。:在数组开头添加一个或多个元素,并返回新的长度。:判断数组是否包含指定的元素,返回布尔值。:合并两个或多个数组,并返回新的数组。:移除并返回数组的最后一个元素。:反转数组中的元素顺序。

2023-09-04 08:37:22 53 1

原创 1. 列举常用的字符串方法

【代码】1. 列举常用的字符串方法。

2023-09-04 08:35:41 65 1

原创 var,let,const的区别

在ES6中引入的关键字,它声明的变量具有块级作用域,这意味着在块级作用域内部声明的变量只在块级作用域内部声明的变量只在该块级作用域内部可见,而在块级作用域,外部是不可见的,此外,let 声明的变量是可以重新赋值的。在ES6中引入的关键字,它声明的变量也具有块级作用域,与let相似,但是,const声明的变量是常量,一旦被赋值就不能再被修改,意味着const声明的变量是只读的。在ES5及之前的版本中使用的关键字,它声明的变量具有函数作用域或全局作用域,而不是块级作用域,

2023-08-29 21:00:00 30 1

原创 浏览器与服务器建立

浏览器将拿到的资源进行解析和加载,最终对页面渲染,绘制页面呈现给用户。先进行DNS域名解析,获取域名对应的ip地址。浏览器向服务器发送http请求。服务器根据浏览器请求的资源返回。浏览器与服务器建立tcp连接。

2023-08-29 16:43:02 37 1

原创 回流(reflow)和重绘(repaint)

重绘是指当元素的样式属性发生改变,但不影响其布局和几何属性时,浏览器只需要重新绘制这些元素的外观,而不需要重新计算布局,这个过程比较快,因为它不会触发页面的重新布局。回流是指当页面的布局和几何属性发生改变时,浏览器需要重新计算元素的位置和大小,然后重新布局整个页面,这个过程比较耗费性能,因为它会触发页面的重新选热。回流会触发页面的重新布局,而重绘只会重新绘制元素的外观,回流比重绘的性能开销大,所以在编写网页时应尽量减少回流的次数,以提高页面的性能。注意:回流一定会触发重绘,而重绘不一定会回流。

2023-08-29 16:38:53 48 1

原创 防抖和节流

节流:n秒后在执行该事件,若在n秒内被重复触发,则重新计时防抖: n秒内只运行一次 ,若在n秒内重复触发,只有一次生效。

2023-08-29 16:25:19 36 1

原创 forEach和map有什么区别

forEach方法用于遍历数组中的每个元素,并对每个元素执行指定的操作,但它没有返回值。它只是对数组中的每个元素执行操作,不会创建新的数组。2,都有3个参数,遍历得内容,下标,数组本身。3,匿名函数,指向window。

2023-08-28 15:50:04 98

原创 offset与style区别

offsetoffset 可以得到任意样式表中的样式值 offset 系列获得的数值是没有单位的 offset Wideth 包含padding+border+width offset Wideth 等属性是只读属性,只能获取不能赋值 所以,我们想要获取元素大小位置,用offset更合适stylestyle 只能得到行内样式表中的样式值 style.width获得的是带有单位的字符串 style.width获得不包含padding和border的值 style.wdith是可读写属性

2023-08-21 00:48:56 41 1

原创 什么是原型什么是原型链

所有的构造函数再初始化的时候,都会自动创建出一个特殊的实例化对象,构造函数的prototype属性指向的就是该对象,该对象被称为是原型对象,或者prototype对象。原型链的意义:实例化对象中访问属性和方法的时候,先访问自身的属性和方法,本身不存在,则会通过prototype属性,再整个原型链上查找。调用属性和方法的时候,先去构造中查找,如果构造中没有,会沿着prototype对象的内存地址,再原型对象中查找有没有对应的方法。由prototype属性,串联的原型对象,就称为是原型链。

2023-08-18 20:09:51 38

原创 Web前端部分面试题

递归函数通常包含两部分:基本情况和递归调用。基本情况是指当问题已经足够小以直接求解时,递归函数不再进行调用,而是返回结果。递归调用是指在解决大问题的过程中,将其分解为更小规模的相同问题,并通过递归调用来解决这些子问题。需要注意的是,递归虽然灵活,但在实际应用中需要注意控制递归的深度,避免无限递归导致栈溢出等问题。此外,一些问题可能存在更高效的非递归解决方法,因此在使用递归时应权衡利弊。1.在方法中,this 指的是所有者对象- 2.单独使用的时候,this 指的是全局对象。

2023-08-17 19:18:17 50 1

空空如也

空空如也

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

TA关注的人

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