自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 资源 (5)
  • 收藏
  • 关注

原创 各种各样的编程知识网址

链接:https://0.30000000000000004.com/

2025-03-13 22:54:34 104

原创 filesize 用于生成可读文件大小字符串的 JavaScript 库

【代码】filesize 用于生成可读文件大小字符串的 JavaScript 库。

2025-01-04 08:11:09 180

原创 SweetAlert2 - 漂亮可定制的 JavaScript 弹窗

【代码】SweetAlert2 - 漂亮可定制的 JavaScript 弹窗。

2025-01-03 22:34:13 499

原创 remixicon开源图标库

为设计师和开发人员精心制作的开源中立风格的系统符号。所有的图标都是免费的个人和商业用途。

2024-11-24 22:52:40 320

原创 css效果

【代码】css效果。

2024-11-23 19:55:44 1518 1

原创 非常棒的github项目

非常棒的github项目。

2024-11-23 19:21:30 184

原创 各种各样的工具库网址

链接:http://color.oulu.me

2024-09-01 15:03:44 265

原创 前端开发插件列表

CSS:1、less预处理2、sass预处理桌面端UI框架:js插件1、captcha.js前端验证码插件

2024-09-01 12:38:24 465

原创 vue实现动画

方法一:先理解事件发生的过程,v-enter,v-enter-to,v-leave,v-leave-to。其中v-enter,v-leave-to代表开始以及结束时的状态。v-enter-active,v-leave-active代表动画的过程。定义动画第一步把要做动画的语句添加到transition中,其中name可以定义前缀,下面的事件在添加动画时就可以写my-enter,my-leave-to,从而可以设置不同区域具有不同的动画效果。第二步就是在style里添加动画样式方法二:用anim

2024-08-19 22:57:30 277 1

原创 clinic 一款 node.js 性能诊断工具,可以非常快速地定位性能问题

发现一个问题:Detected a potential Event Loop issue,Detected a potential Event Loop issue。autocannon压测完成后在clinic的cmd窗口快捷键 Ctrl + c 生成报告。安装:npm install clinic -g。配合 autocannon压测工具 使用。创建服务文件 server.js。

2023-05-03 21:25:15 805

原创 autocannon 一款基于node编写的压测工具

安装:npm install autocannon -g。Avg:平均值 Stdev:标准偏差 Max:最大值。图2为:每秒请求数量和每秒响应内容大小分布状况。创建服务文件 server.js。图1为:响应时间分布状况。

2023-05-03 21:05:33 1120

原创 benchmark 使用benchmark评估哪个方法性能更快

安装:npm install benchmark -g。

2023-05-03 13:33:54 316

原创 single-line-log nodejs控制台单行日志输出模块

安装:npm install --save single-line-log。

2023-05-03 09:17:36 264

原创 inquirer 一个基于nodejs、提问-回答模式的命令行交互工具

安装: npm install --save inquirer@^8.0.0。

2023-05-03 09:11:51 259

原创 +new Date()

+new Date()

2022-12-26 21:29:48 147

原创 uuid通用唯一识别码

uuid通用唯一识别码

2022-12-26 20:49:14 4363

转载 Python实现连接MySql数据库及增删改查操作详解

1、安装PyMySQLPyMySQL 是在 Python3.x 版本中用于连接 MySQL 服务器的一个库,Python2中则使用mysqldb。PyMySQL 遵循 Python 数据库 API v2.0 规范,并包含了 pure-Python MySQL 客户端库。在使用 PyMySQL 之前,我们需要确保 PyMySQL 已安装。使用pip命令安装pip install PyMySQL2、Python连接MySql数据库连接数据库前,请先确认以下事项:Ⅰ 在你的机子上已经安装了 Pyt

2020-07-21 20:53:48 657

原创 pm2常用命令

pm2是node进程管理器,在服务器上搭建node服务是把利器。最近整理了下常用的一些命令,会持续进行更新。安装:npm install pm2 -g //安装pm2pm2 update // 更新pm2pm2 uninstall pm2 //移除pm2开启关闭:pm2 start server.js //启动server.js进程pm2 start server.js -i 4 //启动4个server.js进程pm2 restart server.js //重启server.js进程

2020-07-09 21:10:55 1476

转载 nodejs+express+pm2 搭建服务器

使用nodejs+express可以很简单的搭建一个服务器。pm2 则为服务启动插件,其优点为不会单独占用命令窗口,且可对文件修改进行监听,实时更新服务。1、使用express框架搭建项目1.1 全局安装express-generatornpm install express-generator -g安装完成后,使用 express --version 检查版本信息,看是否安装完成注意:这里不能使用 express -v 检查 ,可通过 express -h 查看所有可用的命令行选项。1.

2020-07-09 21:04:56 653 1

转载 vue:将px转化为rem,适配移动端vant-UI等框架(postcss-pxtorem)

1.下载lib-flexible使用的是vue-cli+webpack,通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3.设置meta标签通过meta标签,设置设备宽度以及缩放比例<meta name="viewport" content="width=device-width, initial-scale=1, maxim

2020-07-09 08:44:36 943

转载 pc端与移动端适配解决方案之rem

使用方式:在html页面开头,引入下面的原生js代码(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.c

2020-07-03 17:34:02 1436

转载 captcha.js一个生成验证码的插件,使用js和canvas生成

一、前言captcha.js是一个生成验证码的插件,使用js和canvas生成的,确保后端服务被暴力攻击,简单判断人机以及系统的安全性,体积小,功能多,支持配置。验证码插件内容,包含1、验证码插件-使用,2、验证码插件栗子,3、API介绍,4、支持浏览器。插件源码地址:https://github.com/saucxs/captcha文章首发地址:https://www.mwcxs.top/page/630.html...

2020-06-21 19:39:53 1090

原创 node与mysql简单实践

1.首先新建一个文件夹 nodeMysql2.然后在这个文件夹中 初始化package.json (npm init)3.在项目中安装mysql (数据库)和 express (node框架) npm install mysql express --save4.上述步骤完成后 在项目目录下新建一个 app.js文件app.jsconst express = require('express');const app = express();const mysql = require('mys

2020-06-13 14:49:19 203 1

原创 font-family 各字体一览表

windows常见内置中文字体字体中文名字体英文名宋体SimSun(浏览器默认)黑体SimHei微软雅黑Microsoft Yahei微软正黑体Microsoft JhengHei楷体KaiTi新宋体NSimSun仿宋FangSongmac os常见内置中文字体字体中文名字体英文名苹方PingFang SC华文黑体STHeiti华文楷体STKaiti华文宋体STSong华文仿宋

2020-06-07 22:26:42 10450

转载 关于前端性能优化的话题

  一般说来Web前端指网站业务逻辑之前的部分,包括浏览器加载、网站视图模型、图片服务、CDN服务等,主要优化手段有优化浏览器访问、使用反向代理、CDN加速等。1、 减少HTTP请求  在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。  一个正常HTTP请求的流程简述:如在浏览器中输入”www.xxxxxx.com”并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才能向服务器发送请求信息,服务器在接受到请求的信息后再返回

2020-06-05 11:13:14 130

原创 好看炫酷时钟

炫酷时钟<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <div

2020-05-14 17:43:58 374

原创 网页点线粒子背景插件(交互式粒子) - canvas-nest.js

bootCDN链接:https://cdn.bootcdn.net/ajax/libs/canvas-nest.js/2.0.4/canvas-nest.jscolor=“255,0,0” 背景粒子线的颜色值opacity=“0.5” 背景粒子线的透明度,一般设置成0.5-1之间count=“99” 背景粒子线的密度,建议不要太大,否则页面容易卡死zIndex 项配置默认设置为-1,配置为0或1时,动画效果覆盖全屏,使页面出现链接获取不到焦点,无法点击链接。效果图:1,多次调用canv

2020-05-09 10:55:37 1492 1

原创 炫酷的粒子效果

炫酷的粒子效果源码地址:https://codepen.io/zadvorsky/pen/PNXbGo代码已经整理好了,非常炫酷,可以单击并拖动以控制动画,但好像只能放两张图片(我自己尝试过可能自己技术不行吧),喜欢的话可以复制粘贴拿去~<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="htt

2020-05-09 09:35:01 750 2

空空如也

空空如也

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

TA关注的人

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