自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

原创 分享35个第三方动画库 , 总有一款你想要的

分享32个第三方动画库 , 总有一款你想要的

2023-08-17 17:42:01 1949

原创 纯css实现登录表单动效

【代码】纯css实现登录表单动效。

2023-08-03 14:41:35 1636

原创 分享 一个类似 ps 辅助线功能

组建rules代码:使用组建:总结:还有一种 我个人感觉也挺好的,地址放在这里了,需要的可以试试:http://mark-rolich.github.io/RulersGuides.js/效果图我也给你们放在下方了:

2023-08-03 11:02:40 489

原创 分享一个 VUE 侧边导航共用组建

好记性, 不如乱笔头,记个笔记。第一:可能自己以后能用到第二:可能帮助到有需要的人。

2023-07-31 12:17:34 1037

转载 分享10个NodeJS相关的专业级工具

Node.js已成为开发人员创建强大且可扩展的Web应用程序的首选选项。根据2022年StackOverflow开发者调查,Node.js被评为专业开发人员中使用最广泛的Web框架。这个成功可以归功于其庞大的生态系统,其中提供了许多工具和框架。了解并接纳这个生态系统对于优化性能和简化任何Node.js应用程序的生产过程至关重要。在本文中,我们将探讨用于生产环境的顶级Node.js工具和框架,以帮助您创建最佳的Node.js应用程序。

2023-07-24 23:20:43 1296

原创 仿苹果鼠标滚轮控制 文字渐入 淡出效果

废话不多说,上代码,纯js+css3。对你有帮助,给个星星被。

2023-07-07 00:42:55 423

原创 position: sticky 吸顶css

【代码】position: sticky 吸顶css。

2023-04-04 23:33:07 174

原创 走进WebGL

WebGL 是一种跨平台、免版税的 API,用于在 Web 浏览器中创建 3D 图形。基于 OpenGL ES 2.0,WebGL 使用 OpenGL 着色语言 GLSL,并提供熟悉的标准 OpenGL API。因为它在 HTML5 Canvas 元素中运行,所以 WebGL 与所有文档对象模型 (DOM) 接口完全集成。

2023-02-16 17:05:12 552

原创 react / vue3 获取验证码倒计时封装组建

react / vue3 获取验证码倒计时封装组建

2023-01-09 16:33:28 744

原创 CSS 也可以防止按钮重复点击

CSS 也可以防止按钮重复点击

2022-12-20 15:26:25 781

原创 artTemplate.js的使用

artTemplate

2022-12-07 17:40:04 1057

原创 vue3中使用jsx报错React is not defined

vue3中使用jsx报错React is not defined

2022-11-07 11:34:04 3914

原创 使用第三方库访问IndexedDB

使用第三方库访问IndexedDB

2022-11-04 16:04:20 942 1

原创 鼠标动画---充电插头效果

鼠标动画---充电插头效果

2022-11-04 15:23:16 140

原创 仿照苹果芯片放大效果css3+js

鼠标滚动特效

2022-11-04 15:04:11 336

原创 threeJS导入FBX模型

three

2022-10-31 17:06:01 1738

原创 更改electron-log的保存路径

更改electron-log的保存路径

2022-10-14 17:42:10 1637

原创 个别网站打不开,但是别人能打开,手机能打开

个别网站打不开,但是别人能打开,手机能打开

2022-10-14 17:06:52 2540

原创 ‘DatePicker‘ cannot be used as a JSX component.

‘DatePicker‘ cannot be used as a JSX component.

2022-08-25 14:24:12 3106 1

原创 Wiki :docsify配置和用法

简单的docsify的学习

2022-08-05 14:13:30 460

原创 何如使用indexDB

简短 学习

2022-08-03 16:30:47 214

原创 使用 node 搭建服务 ,连接数据库,发送请求

使用 node 搭建服务 ,连接数据库,发送请求

2022-07-27 16:18:57 605

原创 前端 electron使用sqlite3持久化 数据

前端 electron 项目 实现sqlite 本地永久 存储 数据

2022-07-27 15:48:07 5276 4

原创 electron 调试、问题追踪

客户端GUI程序,调试测试 小妙招

2022-07-27 11:46:33 3758

原创 NW和Electron的区别

NW.js和Electron的区别

2022-06-02 15:31:25 2281

原创 服务器搭建网站

提示:我用的是阿里云服务器搭建网站前言一、前置条件二、使用步骤1.登录云服务器2.下载tabby软件3. 部署环境4. 执行以下命令启动MySQL数据库。5. 执行以下命令查看MySQL初始密码。6. 执行以下命令,登录数据库。7. 执行以下命令修改MySQL默认密码。总结前言提示:本人一枚妹子前端,最近迷上了服务器的相关知识,这里学习一下,不对的请指正,谢谢啦一、前置条件你得买一台服务器,然后在控制台创建实例呢二、使用步骤1.登录云服务器在ECS实例列表页面,选择实例的所属地.

2022-05-20 12:07:05 1294 1

原创 【一】Angular 创建脚手架

提示:Angular 创建脚手架文章目录一、安装 Angular CLI二、使用步骤1.运行 CLI 命令 ng new 并提供 my-app 名称2.运行应用总结一、安装 Angular CLInpm install -g @angular/cli二、使用步骤1.运行 CLI 命令 ng new 并提供 my-app 名称ng new my-app2.运行应用cd my-appng serve --open总结提示:–open(或者只用 -o 缩写)选项会自动打开你的浏览.

2022-05-06 10:40:57 624

原创 react 学习系列

react的钩子原链接:https://www.ruanyifeng.com/blog/2019/09/react-hooks.html状态的钩子(useState() )import React, { useState } from "react";let [bannner,setBanner] = useState()setsetBanner(1)console.log(bannner) //1共享状态钩子 (useContext() )<div className="App"

2022-03-31 18:11:19 956

原创 如何生成计算机的唯一node-machine-id

const { machineId, machineIdSync } = require('node-machine-id')console.log(JSON.stringify(machineIdSync({original: true}))) //"83b2f2b2-2560-4fd1-82a4-8bee387739b8"

2022-03-28 18:20:10 1400 3

原创 CSS3彩色进度条加载动画

html+css3滚动条特效展示图:csshtml展示图:css//进度条.progress { height: 17px; background: #262626; padding: 3px; overflow: visible; border-radius: 20px; border-top: 1px solid #000; border-bottom: 1px solid #7992a8; margin-top: 50px;

2022-03-10 11:39:01 891

原创 检查电脑进程是否存在

//查询进程,在打开autoface,stream等软件需要用到 const isRunning = (query, cb) => { let platform = process.platform; let cmd = ''; switch (platform) { case 'win32': cmd = `tasklist`; break; case 'darwin':

2021-12-28 16:38:10 534

原创 vuex-persistedstate的储存加密

安装依赖npm install crypto-jsnpm install secure-web-storage创建secure-storage.js这是我的地址import sha256 from 'crypto-js/sha256'import aes from 'crypto-js/aes'import enc from 'crypto-js/enc-utf8'import SecureStorage from 'secure-web-storage'const SECRET_K

2021-11-26 10:34:23 1042

原创 element ui 上传到oss服务器

安装ali-ossnpm install --save ali-oss阿里云上传需要的参数const client = new OSS({// yourRegion填写Bucket所在地域。以华东1(杭州)为例,Region填写为oss-cn-hangzhou。region: ‘yourRegion’,// 从STS服务获取的临时访问密钥(AccessKey ID和AccessKey Secret)。accessKeyId: ‘yourAccessKeyId’,accessKeySecret

2021-11-24 15:55:30 942

原创 版本号semver标准

https://semver.org/lang/zh-CN/?spm=a219a.7629140.0.0.GUJMXE

2021-11-18 21:55:21 2313

原创 Electron中使用bytenode加密

初次学习electron不久,边学习边分享给大家,不对的请指教。。。安装bytenodenpm install -g bytenodebytenode -v //检查是否安装成功bytenode 使用Usage: bytenode [option] [ FILE... | - ] [arguments] Options: -h, --help show help information. -v, --version

2021-11-17 11:33:13 5508 4

原创 Electron脚手架安装

使用脚手架创建electron官网:electron脚手架创建mkdir my-electron-app && cd my-electron-appnpm init//将 electron 包安装到应用的开发依赖中。 npm install --save-dev electron//package.json { "name": "my-electron-app", "version": "1.0.0", "description": "demo", "main

2021-10-08 16:26:01 1600

原创 websocket的reconnecting-websocket的使用

1. 引用 reconnecting-websocket.jsnpm i reconnecting-websocket2. 建立websocket.tsimport ReconnectingWebSocket from 'reconnecting-websocket';let rws: any = null;let globalCallback: any = null;//初始化websocketconst initWebsocket = () => { // let url

2021-09-22 18:53:53 5577

原创 安装MongoDB记录

1. 进官网下载https://www.mongodb.com/try/download2.随你放到哪个盘下,在文件下见一个data文件夹,data里建立db,log文件夹,log文件下建立 MongoDB.log3.打开cmd,输入 cd D:\Program Files (x86)\mongodb\binmongod.exe -dbpath "D:\Program Files (x86)\mongodb\data\db" ![在这里插入图片描述](https://img-blog.cs

2021-09-18 11:59:10 57

原创 在vue项目中引入svg封装

1. npm i svg-sprite-loader //安装依赖2. config里面配置 config.module .rule('svg') .exclude.add(resolve('src/assets/icons')) .end() config.module .rule('icons') .test(/\.svg$/) .incl

2021-09-15 16:14:49 983

原创 js判断字段类型,输出不同的值

/** * @description: * @param {*} type 判断类型 * @param {*} obj {1:"提问",2:“视频”} * @return {*} 类似于 swich case */ function getSate(type,obj){ const pickSwitch = (type) => (obj)[type]; return pickSwitch(type);}使用 getSate(item.cur_grade, { "

2021-09-15 15:38:46 444

空空如也

空空如也

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

TA关注的人

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