- 博客(99)
- 收藏
- 关注
RSS订阅原创 vue3实现瀑布流布局组件
先看效果图直接上代码utils.js// 用于模拟接口请求export const getRemoteData = (data = '获取数据', time = 2000) => { return new Promise((resolve) => { setTimeout(() => { console.log(`模拟获取接口数据`, data) resolve(data) }, time)
2024-02-19 16:14:05
1602
原创 js实现万能判断数据类型函数
在实际开发中，经常需要判断数据类型，由于数据类型多种多样，使用的api也多种多样，比如。这里封装一个万能判断数据类型函数，用于判断各种数据类型。在开发过程中，可以创建。文件，用于判断数据类型。
2024-01-30 09:27:59
168
原创 谷歌浏览器关于Added non-passive event listener to a scroll-blocking...的错误处理
解决谷歌浏览器“Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive.”警告
2022-08-23 16:50:37
6286
1
原创 vue使用节流函数时removeEventListener不生效的解决方法
在用vue2.x做项目时，用到scroll和resize等事件监听。利用防抖函数做性能优化处理时，解决removeEventListener不生效的方法。
2022-08-08 18:26:31
2198
3
原创 开发中遇到的一些简单的CSS效果
1. 导航菜单下划线效果 <nav> <div class="nav-item">菜单A</div> <div class="nav-item">菜单BBB</div> <div class="nav-item">菜单CC</div> <div class="nav-item">菜单DDDDDDD</div> <div cla
2022-05-18 15:58:24
172
原创 CSS 字体加粗，导致布局宽度改变怎么处理？
在写Tab组件时（每一项的数据都从后台获取，width宽度不定，使用padding隔开），下划线时通过计算每一项的宽度实现滑动效果，字体加粗标记当前项，且当鼠标hover时，对应项的字体也加粗，此时由于字体加导致粗宽度变化了，所以滑块位置也偏移了，想到用鼠标的mouseenter和mouseleave重新计算宽度，但是比较麻烦，有没有好的方法处理，使字体加粗不影响宽度的改变？在网上查阅了很多资料，发现用伪元素处理效果最好。下面是一个demo ul > li { disp
2022-05-18 11:10:56
2389
原创 css @keyframes配合animation 简单动画效果
animation 属性是一个简写属性，用于设置六个动画属性：语法：animation: name duration timing-function delay iteration-countdirection属性可选值描述animation-name规定需要绑定到选择器的 keyframe 名称animation-duration规定完成动画所花费的时间animation-timing-functionlinear | ease | ease-in
2021-11-16 10:53:40
541
原创 Node.js 从入门到放弃（七）
Node.js 操作 MongoDBMongoDB v4.1& node.js 文档： https://docs.mongodb.com/drivers/node/current/quick-start一、使用 npm 安装 MongoDBnpm install mongodb --save-dev二、导入MongoDBimport { MongoClient } from 'mongodb'三、node.js 连接 MongoDB 数据库前提条件：打开cmd命令窗口，启动Mon
2021-09-24 23:44:09
189
2
原创 Node.js 从入门到放弃（六）
仿express框架封装路由创建router.js文件import url from 'url'// 事件中心const eventEmitter = {}export const app = (req, res) => { let pathname = url.parse(req.url).pathname // 由于pathname前面总是带/，这里处理路径统一形式/pathname/ if (!pathname.endsWith('/')) {
2021-09-24 00:24:49
116
原创 MongoDB 索引
一、概念索引是对数据库表中一列或多列的值进行排序的一种结构，可以让我们查询数据库变得更快。二、实操1. 插入一百万条数据我们创建一个名为user的数据库，在该数据库中创建一个名为student的集合（表），并在student表中添加一百万条数据。2. 查询某条数据，并记录查询时间explain是非常有用的工具，会帮助你获得查询方面诸多有用的信息。db.student.find().explain() 查询结果如下：若要记录查询的时间，需要给explain添加executionStat
2021-09-22 22:18:59
79
原创 MongoDB的使用
一、查看所有数据库命令：show dbs使用show dbs命令查看数据库，当前有三个数据库，分别为：admin、config、local二、创建数据库命令：use dataBaseName我们以创建user数据库为例我们查看数据库时发现并没有创建user这个数据库。如果想把这个数据库创建成功，则必须插入一个数据。数据库中不能直接插入数据，只能往集合collections中插入数据。创建集合用点语法插入数据即可。命令：db.collectionName.insert({})我
2021-09-21 21:10:15
690
原创 MongoDB的下载、安装和使用
一、下载MongoDB 官网 https://www.mongodb.com/zh-cn以社区版本为例选择下载的版本和系统，当前选择版本为5.0.3，windows系统，下载文件格式为msi2.安装除了下面两项需要设置外，都点Next进入下一步1.一般推荐用户选择“complete”，高级用户请选择下面的“custom”2.设置MongoDB的服务名称，数据目录和日志目录，建议将数据目录和日志目录设置在其他盘，因为c盘一般是系统盘，重装系统会丢失。安装中…安装完成~...
2021-09-21 11:24:06
220
原创 Node.js 从入门到放弃（五）
ejs模板引擎下面是一个最简单的node.js路由：根据不同的url请求，处理不同的业务逻辑import http from 'http'import url from 'url'http.createServer((req, res) => { res.writeHead(200, {'Content-Type': 'text/html;charset=utf8'}) const pathName = url.parse(req.url).pathname if (
2021-09-20 23:30:13
182
原创 Node.js 从入门到放弃（四）
使用http，url，path和fs模块创建一个静态web服务文件目录： 首页index.html引用了index.css、1.png、 helloworld.js等文件import http from 'http'import fs from 'fs'import url from 'url'http.createServer((req, res) => { // 为什么不直接使用 let pathName = req.url ? // 因为 req.url 获取路径如果带查询参数
2021-09-19 10:41:51
97
原创 Node.js 从入门到放弃（三）
使用fs模块import fs from 'fs'// fs模块常用的方法fs.writeFile() // 写入文件fs.appendFile() // 追加内容的写入文件fs.readFile() // 读文件，读取的数据为buffer类型fs.unlink() // 删除文件fs.rename() // 重命名或剪切文件fs.stat() // 判断文件还是目录fs.readdir() // 获取指定目录下的文件名列表fs.mkdir()
2021-09-18 23:42:19
317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人