- 博客(35)
- 收藏
- 关注
原创 css中的animation
animation属性的值animation-duration和animation-delay必须严格顺序:name → duration → delay其他的内容可以自由搭配,不过都需要在name的后面按照正确的顺序,才能正常解析成我们所需的动画效果
2025-01-29 14:55:34
859
原创 vue中使用OpenLayer加载Geoserver的WMS
思路:1.初始化vue2.下载ol库`npm install ol`3.创建map和source,layer,`注:本文数据是WMS(Web Map Service)的,需要layer是TileLayer,需要source是TileWMS,所以需要引入对应的库`4.将layer添加到map
2025-01-16 12:36:55
431
原创 虚拟DOM的理解
在JavaScript中创建一个DOM节点对象时,我们通常会考虑标签,属性,以及子节点,所以我们可以创建相应的对象及属性,来把他们存储在内存中,然后再把他渲染后添加到真实DOM上面去。
2025-01-14 23:57:10
349
原创 typescript中的interface理解
interface是一种自定义的类型检测规范,可以通过定义interface来作为对象型参数的类型检测,比如定义一个User类型的检测规范,在使用User进行类型检测的时候必须传入满足User的对象属性。
2025-01-01 17:15:13
649
原创 webpack打包node后端项目
webpack配置文件`webpack.config.js`,核心配置为入口`entry`、出口`output`、目标`target`,但是因为咱们是后端项目,和前端有些不同,比如不需要打包依赖项,运行的时候直接node_modules,另外还需要让webpack保留node专门的内置模块,所以需要配置`externals`(忽略依赖)和`node`(需要保留``__dirname`和`__filename`,避免这两个值被webpack替换掉)
2024-12-31 00:37:38
726
原创 nodejs文件上传 multer库的基础使用
multer的使用1.配置文件的路径和文件名`multer.diskStorage()`2.使用配置来创建一个中间件`multer(storage)`3.在express中使用中间件
2024-12-22 09:59:01
354
2
原创 node发送邮件nodemailer的使用记录
使用思路:1.先创建一个transport `nodemailer.createTransport(options)`2.然后使用transport发送邮件`transport.sendMail(options,(err,info)=>{})`
2024-12-16 19:52:20
782
原创 我自己nodejs练手时常用的一些库基础用法
我自己使用node练手时常用的一些库的基本使用记录:有bcrypt,express,pg,config,jwt和pm2
2024-11-09 00:01:01
516
原创 nodejs pg 批处理查询demo
根据userid去获取好友列表的时候,第一想法是用for循环遍历好友关系表(tbl_friendship)中所有的friendid,获取到friendid以后再对每个id查询tbl_user,但是用了for循环,总感觉不太友好如果好友列表庞大,或者数据库服务器是远程的情况下,这样查询的效率就会非常非常低,就像下面这样
2024-07-07 23:29:33
255
原创 node的apidoc库使用
apidoc库的作用是,通过api注释,帮我们自动生成api文档在我自己写项目的时候,也不想一遍又一遍的看自己的后端代码,然后去写前端的请求,然后还要核对,所以我就了解了以下apidoc库apidoc库的使用方法很容易1.安装 :2.配置 : 在项目的根目录下(所在的那个目录)创建一个文件进行配置3.给接口写符合apidoc库规范的注释4.执行命令生成文档。
2024-07-04 19:43:05
483
原创 nodejs使用pg连接postgresql(详解Client模块)
详细介绍了Client创建时候的配置选项,Client中的connect,query,end方法,query的三种传参方法,query配置选项,以及notifaction、notice等事件监听
2024-07-03 15:23:40
2203
原创 Vant4官方文档阅读记录
阅读官方文档的记录,记录了vant的安装,基本使用,插件配置,局部和全局使用,一些高级用法,按需载入style,以及更改主题,自定义样式,还有官方给出的一些常见问题产生的原因和解决方法
2024-06-29 20:19:04
10682
原创 nodejs用config库实现配置文件读取(详解)
很多时候,我们需要用到一些配置信息比如服务器的端口,跨域访问,数据库的配置这种信息,我们是不希望它和代码混杂在一起的,想让他们抽离出来,如何抽离呢?config库,就是一个专门用来存放配置信息的库。
2024-06-29 15:31:10
1872
原创 nodejs+ws 库实现简单的两个浏览器互发消息Demo(详解)
在注册connection事件的时候,我的回调函数设置了一个形参ws就像这样: wss.on('connection', function connection(ws){ ... })这样WebSocketServer(wss)在运行的时候,如果监听到我们的浏览器连接就会将与浏览器互通消息的这个客户端websocket作为参数传递进我们的函数这样我就可以在回调函数中,通过ws来获取这个与浏览器互通消息的客户端。比如浏览器A与我们的服务器建立了连接,那么我们的服务器就会将客户端A传
2024-06-27 10:59:38
943
原创 vue3+vite项目打包遇到的nginx多项目部署的问题(已解决)
#location / 对应的就是 https://www.example.fun/#可以看到 我们的location /这个配置块区域里面,还有个index,索引,索引到哪呢?#就索引到了index.html 这个文件上面#所以,当我们在输入https://www.example.fun然后请求的时候,# 浏览器会自动补上 /,然后再发送请求,然后nginx会帮我们找到 / 里面的index.html,也就是我们自己设置的最优先查找的index
2024-06-26 10:41:27
1019
原创 【前端学习】CSS常用水平居中方法记录
1. 通过子元素`margin`属性来实现水平居中2.通过给父元素设置`text-align`属性居中,子元素改为行内块元素来实现水平居中3.通过给子元素`margin-left`属性设置为50%,`transform`的translate函数参数为-50%来实现水平居中4.通过父元素flex布局`justify-content`属性来设置居中
2022-12-24 15:55:12
452
原创 【前端学习】CSSimg元素底下空间问题解决
在默认情况下,块级容器会被其内容撑开,但是当我们在使用img元素时,却会发现,img元素的底部多了一块空间。本文用于记录如何解决img元素底下多出空间的问题
2022-12-17 18:48:00
341
原创 【前端笔记】mongodb学习记录
mongodb学习记录MongoDB简介MongoDB下载安装过程数据库将MongoDB设置为系统服务MongoDB基本操作三个概念基本指令数据库的CRUD操作(增删改查)查询练习文档之间的关系sort和投影mongoose简介mongoose的好处新的对象mongoose使用Model的方法document的常用方法mongoose的模块化MongoDB简介1.MongoDB是为快速开发互联网web应用而设计的数据库系统2.MongoDB的设计目标是极简,灵活,作为web应用栈的一部分3.Mong
2022-03-14 22:39:03
1707
1
原创 【前端笔记】ES6-11学习记录
ES6学习简记声明声明变量:let 变量名1.变量不能重复声明2.块级作用域(只在代码块中有效)3.不存在变量提升(代码上要在调用之前声明才行)4.不影响作用域链声明常量:const 常量名 = 常量值1.一定要赋初始值2.一般常量使用大写3.常量的值不能修改4.块级作用域(只在代码块中有效)5.对于数组和对象的元素修改,不算做对常量的修改,不会报错(不改变指向的地址)变量解构赋值ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值数组的解构const
2022-03-10 18:08:56
708
原创 【前端学习】css高度塌陷问题以及解决方法
元素在设置浮动的时候,该元素的布局会脱离标准流,父元素不再被该元素的高度撑开,后面的其他元素会随着父元素的高度改变位置,造成布局混乱,这种情况就称为高度塌陷。本文详细讲解了如何解决高度塌陷问题。
2022-03-09 09:02:06
680
原创 【前端笔记】nodejs入门学习简记(CommonJS版)
nodejs简单入门学习记录_CommonJS版模块化核心模块文件模块global包包结构包描述文件package.json包管理器npm(Node Package Manager)NPM命令cnpm配置node基础buffer(缓冲区)fs(文件系统)node稳定版版本号为偶数现在的node默认支持模块化在Node中,一个js文件就是一个模块在Node中,每一个js文件中的js代码都是独立运行在一个函数中,而不是全局作用域,所以一个模块中的变量和函数在其他模块中无法访问,这样的好处是可以防止js
2022-03-08 16:31:51
856
原创 git常用命令简记
下载安装好git后,需要先设置全局user.name 和 user.email,用于标识提交者命令(修改也可以用这个命令)git config --global user.name "用户名"git config --global user.email "邮箱"本地库操作:命令书写方式作用git init初始化本地库git status查看本地库状态git add 文件名.后缀名添加到暂存区git rm --cached 文件名.后缀名从暂存区删除
2022-03-07 08:44:45
169
原创 【前端笔记】JavaScript简单记录
js学习简记数据类型数组正则表达式正则语法函数面向对象事件事件的冒泡事件的委派事件的绑定数据类型基本数据类型(5种)StringBooleanNullNumberUndefined引用数据类型(3种)本质上是一种,即ObjectObjectFunctionArray判断数据类型的方法:1.typeof可以判断: undefined/数值/字符串/boolean 不能判断:null与object object与array 判断的类型都要小写 type of a =
2022-03-05 17:16:52
396
原创 【前端笔记】windows10环境下前端学习-vscode使用记录(待补充)
windows10环境下前端学习-vscode使用记录(待补充)插件相关设置拓展存放位置1.先确保vscode环境变量配置好,通常安装的时候会提示添加到环境变量,配置环境变量可以通过命令行直接控制vscode2.设置拓展存放位置右击vscode图标,打开文件位置,然后右击vscode选择属性,在里面找到目标,在目标里面最后加入--extensions-dir "你存放拓展的路径"例如我自己的设置:"D:\vscode\Microsoft VS Code\Code.exe" --extensio
2022-02-24 10:10:53
337
原创 MySQL学习笔记
MySQL学习笔记,记录了MySQL学习的大部分内容,MySQL的安装卸载与配置,SQL语法(DDL,DML,DQL,DCL),数据库约束、多表关系,数据库设计范式以及事务处理。
2021-08-17 14:29:26
211
原创 超详细的Git学习记录(Git基础内容/IDEA集成Git/GitHub/Gitee/GitLab及Centos7部署GitLab)
超详细Git学习笔记 包含了Git介绍/Git安装/Git基础命令/IDEA集成Git 以及GitLab/GitHub/Gitee的部署,手把手教你在虚拟机上基于CentOS7搭建自己的GitLab服务器
2021-07-22 17:13:48
3378
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人