- 博客(28)
- 资源 (5)
- 收藏
- 关注
原创 filesize 用于生成可读文件大小字符串的 JavaScript 库
【代码】filesize 用于生成可读文件大小字符串的 JavaScript 库。
2025-01-04 08:11:09
180
原创 SweetAlert2 - 漂亮可定制的 JavaScript 弹窗
【代码】SweetAlert2 - 漂亮可定制的 JavaScript 弹窗。
2025-01-03 22:34:13
499
原创 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
原创 inquirer 一个基于nodejs、提问-回答模式的命令行交互工具
安装: npm install --save inquirer@^8.0.0。
2023-05-03 09:11:51
259
转载 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关注的人