其他
其他
秋霜梦红尘
这个作者很懒,什么都没留下…
展开
-
CSS视频播放3D立方体
CSS视频播放3D立方体<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; box-sizing: borde...原创 2020-05-08 16:35:22 · 150 阅读 · 0 评论 -
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 · 170 阅读 · 0 评论 -
vue接口统一管理
1.在src文件夹下面新建api文件夹,新建api.js// let apiUrl = 'http://192.168.8.134:8081';let apiUrl = '/apiapi';let API={ api:{ //应用表 applist:apiUrl+'/app/list', //查询应用列表 appadd:apiUrl+'/app/add', //新增应用列表 appdelete:apiUrl+'/app/delete', //转载 2020-07-10 08:40:20 · 448 阅读 · 0 评论 -
图像媒体处理工具
图像媒体处理工具https://www.aconvert.com/cn/原创 2020-05-08 16:11:42 · 334 阅读 · 0 评论 -
CSS面条加载效果
CSS面条加载效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ margin: 0; padding: 0; background: #2980b9...原创 2020-05-08 15:51:24 · 101 阅读 · 0 评论 -
炫酷的粒子效果
炫酷的粒子效果源码地址: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 · 710 阅读 · 2 评论 -
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 · 961 阅读 · 0 评论 -
javaScript 添加和移除class类名的几种方法
添加类属性:// 一次只能设置一个类值,如果当前属性本身存在类值,会被替换element.className = '类名';/* * .setAttribute 用来设置自定义属性和值的 * 自定义属性:原本标签中没有这个属性,为了存储数据,方便操作自己设置添加的。 * 自定义属性无法直接通过DOM对象的方式获取或设置 * 可以通过 .getAttribute 方法获取 * 因为"class"是系统自有的属性,所以直接传入"class"后也可以生效*/ element.setAttri原创 2020-07-27 09:09:13 · 9094 阅读 · 0 评论 -
CSS炫彩流光圆环效果
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; } body{ width: 100%; height: 100vh; } .container{ position: relati.原创 2020-05-27 10:26:23 · 1496 阅读 · 0 评论 -
vue项目中使用vant-ui怎么实现rem适配?
vant官网提供了2个工具,可以非常简单的实现rem的适配安装postcss-pxtoremnpm i postcss-pxtorem在Babel.config.js文件中配置,这是官方提供的一个基本配置vue-cli3中我没有找到Babel.config.js文件,解决的方法是在package.json同级下新建一个.postcssrc.js文件,把下面代码放进去。module.exports = { plugins: { 'autoprefixer': { brow原创 2020-07-09 08:51:39 · 626 阅读 · 0 评论 -
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 · 1192 阅读 · 0 评论 -
用CSS写一本书
用CSS写一本书<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; } body{ display...原创 2020-05-08 11:10:59 · 484 阅读 · 0 评论 -
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 · 625 阅读 · 0 评论 -
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 · 609 阅读 · 0 评论 -
如何用express和node结合创建一个新项目?
express框架是一个基于Node.js平台的极简的灵活的web应用开发框架,最近将这两者结合创建了一个新项目,步骤也不是很复杂。首先:对于初次使用express框架的人来说首先需要先安装express,当然这是在node.js的小黑框下安装。1.安装expressnpm install -g express2.安装项目生成器express-generatornpm install -g express-generator3.建立项目express 项目名4.安装依赖包npm in原创 2020-07-20 15:12:27 · 288 阅读 · 0 评论 -
CSS彩条加载动画效果
CSS彩条加载动画效果<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body{ margin: 0; padding: 0; background: ...原创 2020-05-07 17:52:06 · 361 阅读 · 0 评论 -
关于前端性能优化的话题
一般说来Web前端指网站业务逻辑之前的部分,包括浏览器加载、网站视图模型、图片服务、CDN服务等,主要优化手段有优化浏览器访问、使用反向代理、CDN加速等。1、 减少HTTP请求 在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。 一个正常HTTP请求的流程简述:如在浏览器中输入”www.xxxxxx.com”并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才能向服务器发送请求信息,服务器在接受到请求的信息后再返回转载 2020-06-05 11:13:14 · 109 阅读 · 0 评论 -
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 · 1351 阅读 · 0 评论 -
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 · 910 阅读 · 0 评论 -
CSS水波纹效果
CSS水波纹效果<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body{ margin: 0; padding: 0; background: #3498d...原创 2020-05-08 16:18:05 · 400 阅读 · 0 评论 -
网页点线粒子背景插件(交互式粒子) - 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 · 1307 阅读 · 0 评论