自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 使用sass 实现px转vh或vw,适配适老化时,在设计图字体大小的基础上,增加3px(可配置),

记录,以防忘记CSS 变量声明 ()适老化切换

2025-04-07 17:35:14 249

原创 react 封装无缝滚动组件

react 封装无缝滚动组件。

2025-03-28 10:20:45 242

原创 react 大屏根据屏幕分辨率缩放

react 大屏根据屏幕分辨率缩放。

2025-03-24 10:00:40 274

原创 react ts 定义基本类型,组件通过ref调用时类型提示

【代码】react ts 定义基本类型,组件通过ref调用时类型提示。

2025-01-08 10:16:30 416

原创 使用js和css 实现div旋转围绕圆分布排列

进阶 实现loading加载。

2024-08-09 14:33:13 629

原创 vue 封装3D柱状图,每个柱子颜色不同,支持渐变

【代码】vue 封装3D柱状图,每个柱子颜色不同,支持渐变。

2024-07-04 10:59:58 568

原创 react ts 封装3D柱状图,支持渐变

react 封装3D柱状图,支持渐变。

2024-07-04 10:53:41 970

原创 react ts 封装搜索条件

【代码】react ts 封装搜索条件。

2024-03-28 17:27:03 444 1

原创 向日葵、Todesk、teamviewer等工具远程连接电脑时第三方应用显示白屏

远程等桌面时,当把显示器断电或者就没有显示器时或者笔记本盖子合住时,第三方软件显示白屏或显示不出来的问题。原因:某些显卡在断开屏幕时自动降为低功耗模式。好了之后,调整分辨率就可以使用了。3、使用cmd输入以下命令。2、解压到某一个文件夹下。

2024-02-28 17:51:15 6340 7

原创 js 对象数组实现 上移、下移、置顶、置底操作

使用的时候,先导入要使用的方法,再将原数据深拷贝一份,再操作如。

2024-01-30 16:46:38 1263

原创 @rollup/rollup-win32-x64-msvc

异常,vite+vue项目启动不了。查了一圈,少了东西,

2023-12-02 18:04:44 3204 9

原创 css 实现div线条环绕

【代码】css 实现div线条环绕。

2023-10-17 21:53:16 467

原创 js 气泡上升和鼠标点击事件

js 气泡上升和鼠标点击事件

2023-10-09 11:44:13 231

原创 js canvas 自定义飞行轨迹 ,线性流动

【代码】js canvas 自定义飞行轨迹 ,线性流动。

2023-08-14 10:39:38 1156

原创 js 点击按钮 滚动置顶

记录,防止使用的时候爬坑。

2023-08-11 11:44:21 299

原创 js 正则

js 正则

2023-03-03 10:50:25 154 1

原创 vue 可自主适配rem

vue 适配rem

2023-01-29 16:42:09 284

原创 js flie图片流转base64

vue flie图片流转base64

2023-01-18 11:46:19 463

原创 flex 高度自适应

flex 高度自适应

2022-06-14 17:50:00 1375

原创 vue3+element 封装el-input

search组件<template> <div class="contain"> <el-input class="input" v-model="value" @change="onInput" :placeholder="placeholder"></el-input> </div></template><script>import { defineComponent, re

2022-03-29 17:35:27 2528 1

原创 css 添加动画

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> div{ width:100px; height:100px; background:red; position:relative; animation:mymove 1.6s infinite; -webkit-ani.

2022-02-08 16:08:48 938

原创 js 获取时间

let now = new Date();let time = now.getFullYear() + "-" +((now.getMonth()+1)<10?"0":"")+(now.getMonth()+1)+"-"+(now.getDate()<10?"0":"")+now.getDate();

2022-01-12 10:01:44 166

原创 Contos7配置Nginx多个端口及目录

练手用,怕忘记,记录一下。我用的是腾讯云的contos下载Nginx(使用命令行下载或者自己下载完上传到服务器都可以)wget -c https://nginx.org/download/nginx-1.12.0.tar.gz解压tar -zxvf nginx-1.12.0.tar.gz进入目录cd nginx-1.12.0配置./configure编译安装makemake install安装目录是在 /usr/local/nginx 要是找不...

2021-11-05 17:07:08 2127

原创 vue.js 封装绘制canvas图形验证码,包括校验

vue.js 封装绘制canvas图形验证码,包括校验

2021-11-03 19:52:58 321 1

原创 vue element 递归左侧菜单栏,可收缩

调用的地方TreeMenu为递归菜单组件<template> <div class="bgk"> <div class="leftMenuBk" :style="isCollapse"> <el-scrollbar class="scrollbar-wrapper"> <div> <i :class="[isSh.

2021-10-25 10:11:51 967

原创 vue封装websocket建立心跳并使用

新建websocket.jsvar websock = null;var global_callback = null;function initWebSocket(url){ //初始化weosocket // 处理地址转化ws // if(url.indexOf('https')!=-1){ // url='ws'+url.substring(5) // }else if(url.indexOf('http')!=-1){ // url='ws

2021-07-12 10:24:03 691 1

原创 vue :style动态传值并修改样式

html<div :style="classObject(item)">传值过去</div>js computed:{ classObject:function () { return function (params) { // 计算值 if(/*********/){ return {'color':"#ffffff".

2021-06-29 09:57:50 2319

原创 js 树形数组转一维数组(递归)

let list = [ { mid: '1', title: '数据统计', icon: 'el-icon-s-data', children: '', }, { mid: '2', title: '用户管理', icon: 'el-icon-s-custom', children: [ { mid: '21', title: '用户列表', icon: 'el-ico.

2021-05-07 10:22:08 1902

原创 vue + element 取消表格背景 不固定列

<template> <div> <el-table :data="tableData1" border stripe> <el-table-column v-for="(item, index) in tableCols1" :key="index" :prop="item.name" :label="item.label" :width="item.width"></el-table-column> .

2021-04-08 10:11:58 305

原创 vue 使用Export2Excel导出

先安装依赖包npm install -S file-savernpm install -S xlsxnpm install -D script-loader在src下新建vendor文件夹然后创建 Blob.js(复制粘贴就可以)/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By Devin Samarin

2021-02-23 16:30:15 385

原创 contos7 安装Apache以及配置vue项目

自己练手,留个记录,以防忘记安装Apacheyum install httpd -y查看Apache 运行状态systemctl status httpd.service启动Apache 服务systemctl start httpd.service重启Apachesystemctl restart httpd.service查看防火墙状态firewall-cmd --state开放和关闭端口firewall-cmd --zone=publ..

2020-09-10 15:16:14 237

原创 vue axios封装,分页封装

自己练手用,防止忘记在src下面新建utils文件夹,然后再新建rquest.js,然后开始封装/** * ajax请求配置 */import axios from 'axios'import { Message } from 'element-ui'// axios默认配置axios.defaults.timeout = 10000 // 超时时间// axios.defaults.baseURL 请求地址前缀// User地址// axios.defaults.baseUR

2020-08-25 10:53:03 803

原创 thinkphp5

自己练手,防止忘记设置header头在 index 入口文件添加,注:要添加在 require 之前 // 处理跨域 option 预检请求if($_SERVER['REQUEST_METHOD'] == 'OPTIONS'){ // 允许的源原域名 header('Access-Control-Allow-Origin: *'); // 允许的请求头信息 header("Access-Control-Allow-Headers:Origin, X-r

2020-07-25 21:07:12 152

原创 vue element select+ztree(滚动条优化),周选择器获取开始时间和结束时间,input+ztree

练手用过的,防止忘记<template> <div> <el-select v-model="value" placeholder="请选择"> <el-option v-model="value" class="overflow" style="height:200px;overflow-y: auto;"> <el-tree :data="data" :props.

2020-07-10 10:02:36 686

原创 vscode断点调试js代码

思路:vscode 安装Chrome 插件 配置 debug 相关文件 运行调试配置 launch.json{ "version": "0.2.0", "configurations": [ { "name": "chrom", //运行html文件,用谷歌浏览器打开 "type": "chrome", "request": "launch", ...

2020-06-23 13:51:14 816

原创 vue element 添加 input 回车事件

在 from 表单上添加 组织默认提交方式@submit.native.prevent在el input 上添加@keyup.enter.native="getList"

2020-06-01 16:21:08 775

原创 vue 子组件向父组件传递多个事件和值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- <script src="https://cdn.jsdelivr.net/np.

2020-05-14 16:47:23 1594

原创 thinkphp5 递归实现菜单栏

百度都是一个抄一个,谁抄谁的也不知道,对我没有一点用,最终我也了一个,改造了一下,跑的通最终截图代码 代码可直接复制,可以直接运行, 最后访问的 接口是 如:127.0.0.1:**/index/index/getDgclass Index{ private static function arr(){ $rows = array( ...

2020-04-26 22:24:16 1102

原创 vue element 自定义合计行

思路:先输出合并的数据,根据输出值,构造自己需要的数据上代码// 不写完整的代码的了,把重要的东西写一下就可以了 // show-summary:是否显示合计列 :summary-method="getSummaries"自定义合计 <el-table :data="tableData" :summary-method="getSummaries" show-summar...

2020-04-26 09:35:44 2108

原创 Readis安装下载

记录,以防忘记Readis安装地址:https://github.com/MicrosoftArchive/redis/releases下载成功之后,解压,重命名(起一个简单一点的名字)把Readis 放至 磁盘,我是放在C盘下然后 cmd 进入这个目录 输入redis-server.exe redis.windows.conf会显示这个这时候再启动...

2020-04-22 16:59:36 997

空空如也

空空如也

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

TA关注的人

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