- 博客(98)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 react antd table 自定义表头功能实现
基于antd table 实现自定义 table 的表头 内容 排序 宽度和顺序等 , 可根据自己的需求自己扩展。
2024-05-07 15:29:26
434
原创 鸿蒙开发 @ohos/hypium找不到问题
当前项目中 \oh_modules.ohpm@[email protected]\oh_modules 这里面有@ohos 然后复制进去就可以 了 ,用的是最新的 开发工具 DevEco Studio 3.1.1 新建的空项目。
2024-04-17 14:38:40
249
原创 打造炫酷粒子效果的前端利器tsParticles
是一个强大的 JavaScript 库，专门用于创建各种粒子效果。它提供了丰富的功能和灵活的配置选项，使得开发者能够轻松地集成、定制和管理粒子动画，而无需深入研究底层实现。是一个强大而灵活的粒子动画库，为开发者提供了实现引人入胜的前端粒子效果的便利途径。无论是用于网站的背景动画、特效页面过渡，还是作为应用程序的一部分，它都能够为用户提供引人注目的视觉体验。无论您是一个刚刚入门的前端开发者还是经验丰富的工程师，都可以轻松上手，并为您的项目增添一些令人惊艳的动态元素。快来体验。
2024-01-02 15:25:07
1283
原创 前端（node.js）调用dll动态链接库
使用 js node 调用dll 动态链接库.github地址如下，包含dll，里面就一个Add方法暴露出来。
2023-07-20 15:22:40
2909
原创 BPMN绘制流程的项目推荐
Vite Vue Bpmn流程编辑器，基于实现了 Bpmn.js 和 Diagram.js 的 typescript 类型声明，typescript 可以用来在编辑器中编写代码。整合项目地址： https://github.com/moon-studio/vite-vue-bpmn-process。
2023-04-17 11:56:49
381
1
原创 Taro使用阿里图标库方法
把stylesheet.css 内容复制到src\style\iconfont.css下， 修改内容如下。app.less引入 @import ‘./style/iconfont.css’;下载后 选择ttf后缀的文件 下载。
2023-04-10 16:34:20
447
原创 Tauri 一些配置
创建一个WixTools文件夹，然后将下载下来的安装包加压到这个文件下，记住解压后，删除安装包。接下来再运行刚才的打包命令即可。在C盘找到 Tauri文件夹，一般在。下新建 config文件 无后缀。，没有就新建 tauri文件夹。
2023-02-02 10:30:06
596
原创 Nodejs koa2 Sequelize 连接mysql使用原始sql多条插入数据
文档：https://www.sequelize.cn/core-concepts/raw-queries。
2022-11-03 14:52:30
650
原创 react hooks 封装svg 双色(可拓展多色)图标组件
根据一个颜色属性，其他图层颜色透明度降低，类似于 ant 双色图标 （https://ant.design/components/icon-cn/）里面拓展了 颜色 鼠标移入动画 自由控制 svg动画参考 https://animista.net/play/basic/slide-bck/slide-bck-tl图标拓展可以直接使用 https://www.iconfont.cn/ 下载 复制svg 需要自己转换下，参考下面案例案例。
2022-09-07 14:55:35
933
原创 taro3 hooks 使用vant ui 自定义微信小程序tabber
自定义tabberhttps//github.com/whqgo/taro3hooks-vantui-dva.git。
2022-07-28 15:12:46
783
2
原创 基于taro3 hooks + vant ui + dva 的项目
自定义tabberhttps//github.com/whqgo/taro3hooks-vantui-dva.git。
2022-07-28 14:54:37
355
原创 LogicFlow 来绘制兼容 BPMN2.0 规范的流程 (React hooks版)
使用LogicFlow来绘制兼容 BPMN2.0 规范的流程，使用react hooks 根据官方示例改的下载图片功能只能在谷歌浏览器中使用（官方不支持其他的）
2022-07-06 10:16:46
7317
12
原创 react antd 实现 表格（Table）多个多选功能组件实现
react 基于antd 实现 表格（Table）多个多选功能实现表格要实现多个多选互不影响包含 全选 半选 。（可自由拓展）
2022-03-17 20:44:36
5074
6
原创 已经完成的Vue 项目利用electron打包为桌面应用
O - 功能说明已经完成的Vue 项目利用electron打包为桌面应用Ⅰ- 壹 - 安装electron首先打包vue项目找到 dist 目录，在这个目录下打开终端生成package.jsonyarn init //ornpm init一 切换镜像yarn config set registry https://registry.npm.taobao.org/yarn config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/e
2021-07-26 14:26:42
346
原创 Vue3+TS+Vite+elementPlus项目搭建
0 - 0 - 项目地址https://gitee.com/wswhq/vue3-element-plus-vite2-updating.gitVue3-ElementPlus-Vite2-UpdatingⅠ- 壹 - 项目演示 Ⅱ - 贰 - 简介使用最新的vue3,vite2,typescript等主流技术搭建的一个供学习参考的模版工程。Ⅲ - 叁 - 包含技术栈：使用 vue3,vite,typescript等前沿技术开发a
2021-06-25 09:31:28
1466
1
原创 uniapp引入echarts App端 formatter无效问题
前言在开发中有时候根据需求需要添加总和之类的特殊要求，发现在web端没有问题在App端解析不了formatter 里面函数解决方案问题原因;需要在setOption之前手动设置,如下封装echarts.vue组件，主要在这里面设置 formatter函数<template> <view> <view class="echarts" :prop="option" :change:prop="echarts.update"></view> &l
2021-04-13 11:22:07
2687
原创 uniapp引入echarts tooltip formatter解析不了HTML问题
前言在uniapp中使用echarts 时候formatter解析不了HTML问题解决方案找到echarts.js文件，修改其源码，注释以下内容echarts4全局查找getSystemInfoSync 注释那一段if判断即可echarts5 if (typeof wx === 'object' && typeof wx.getSystemInfoSync === 'function') { env.wxa = true; env.canvasSupporte
2021-04-13 11:09:38
2992
原创 多图片上传删除-vue-element ui 组件
O - 功能说明图片的上传删除回显修改功能 ，上传到oss。Ⅰ- 壹 - 效果展示Ⅱ - 贰 - 代码文件一 创建文件uploadImgCom.vue<template> <el-upload class="avatar-uploader" ref="upload_img" action="" accept="image/jpeg,image/jpg,image/png" list-typ
2021-02-10 15:35:08
774
原创 vue组件 - 实现时间倒计时效果（多数据、多个倒计时处理）
效果创建文件showTime.js用于处理 时间// 倒计时var day = 0var hour = '00'var min = '00'var second = '00'function countTime (timeSrt) { // 获取当前时间 let date = new Date() let now = date.getTime() // 设置截止时间 let endDate = new Date(timeSrt) // 需要倒
2021-01-05 13:18:52
2637
9
原创 vue组件 - 弹出框组件，这一个就能应对所以需求
创建文件showModal.vue<template> <div class="myModal"> <div class="myModalBox"> <div class="clone" @click="$emit('update:chengMode', false)"> <img src="../image/iconchahao.png" alt="" /> </div> ..
2021-01-03 17:45:09
357
原创 Vue封装五星好评
创建starXIng.vue<template> <div class="statBox"> <div v-for="(item, index) in starArr" :class="item" :key="index"></div> </div></template><script>export default { props: { star: String, }, com.
2021-01-03 10:36:55
458
原创 React-封装星星评价（支持半星、点击）拿来即用
Ⅰ- 壹 - 功能展示和使用需求一 需要安装styled-componentsyarn add styled-components二 用到的图标Ⅱ - 贰 - 封装代码一 创建文件Star.jsximport React, { Component } from 'react'import styled from "styled-components";import star0 from '@a/images/iconku/star0.png'import star1 from
2020-10-27 11:50:12
701
原创 React Hooks - useReducer和useContext实现组件之间的数据共享
Ⅰ- 壹 - 简介useReducer 这个 Hooks 在使用上几乎跟 Redux/React-Redux 一模一样，唯一缺少的就是无法使用 redux 提供的中间件。useContext 是 React 帮你封装好的，用来处理多层级传递数据的方式两种结合使用可以实现 Redux/React-Redux 跨组件之间的数据共享Ⅱ - 贰 - 使用App.jsx:父组件import React, { useReducer,createContext}from 'react'import {
2020-10-17 09:28:29
1573
原创 React-Context(上下文)作用和使用
Ⅰ- 壹 - React-Context(上下文)定义: Context提供了一种方式，能够让数据在组件树中传递，而不必一级一级手动传递。大概简述首先需要创建一个上下文的容器：React.createContextexport const { Provider,Consumer }=createContext()Provider(生产者): 用于生产共享数据的地方。<Provider value={/*共享的数据*/}> /*里面可以渲染对应的内容*/</P
2020-10-10 22:04:50
1036
原创 axios封装一个通用的请求
import axios from 'axios'axios.defaults.timeout = 5000//http request 拦截器axios.interceptors.request.use( config => { config.headers = { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8', 'token': localStorage.getItem
2020-09-29 21:23:58
274
原创 Vue React解决移动端一像素问题的封装
因为不同的设备，不同的设备像素比（dpr）导致的。当我们在样式中设置边框宽度为 1px 时（这里使用的是css像素），设备像素比为2的设备，会用4个物理像素（dp）来渲染这个边框；而设备像素比为1的设备，会用1个物理像素来渲染这个边框，导致最终的视觉效果有差异。封装：stylus封装border_1px(border-width = 1px, border-color = #ccc, border-style = solid, radius = 0) // 为边框位置提供定位参考 positi
2020-09-23 08:27:08
292
原创 git协同工作流程
仓库：[email protected]:juaproject/jupi.git一 生成ssh公钥在任意地方终端输入如下命令来生成 sshkey:“[email protected]” ：用户的邮箱 注册git的邮箱ssh-keygen -t rsa -C "[email protected]" 回车回车回车找到存放的文件夹 默认地址C: \Users \（自己的电脑用户文件）/ . ssh/id_ rsa.找到id_rsa.pub文件用文本打开复制发给我二 关联仓库git remote add
2020-09-22 18:04:24
337
原创 charles抓取pc端wx小程序接口
微信 更新了 pc 客户端， 小程序是可以直接在 pc 端 查看的！我们可以不连手机 直接在 电脑上进行 某些 抓包 测试了。安装charles官网下就行第一：只需要到安装证书即可https://blog.csdn.net/palmer_kai/article/details/106018462第二 ：Proxy–>SSL Proxying Settings---->add添加Hosh * Port *第三 ：Proxy–>Access Cont
2020-09-22 18:00:38
2874
2
原创 Nodejs中使用jsonwebtoken（JWT）生成token的场景使用
Ⅰ- 壹 - jsonwebtoken简介一 为什么需要 tokenhttp 无状态session 无法跨服务器cors 跨域以后 cookie 无法使用在前后分离的项目中，每次请求session都会变化,前端调用后端api接口，因此使用cors = require('cors')来解决了跨域问题，而跨域对于cookie来说，就是两个不同的网站，因此session会不停的变。二 什么是tokentoken是由三段式加密字符串组成以.分开例如xxxxxxxxxxxxxxxxxxx
2020-09-04 19:59:35
5762
原创 Nodejs模块化、内置模块
Ⅰ- 壹 - 开始学习Nodejs一 nodejs 怎么运行 js 文件打开命令行, 输入 node 回车表示已经运行 node 这个 "软件"你就可以再命令行输入 js 代码来执行缺点: 代码留不下来打开命令行, 输入 node 你要执行的文件 回车把 js 代码写在一个 .js 后缀的文件里面通过命令行运行二 模块化开发1 前端定义js 文件是引入再 html 文件中使用的多个 js 文件时引入再一个 html 文件中我们共享一个 window你需要
2020-08-31 17:22:18
400
原创 使用ES6封装一个Nodejs对mysql的增删改查（两种）
简介为了让nodejs操作数据库更加简单明了，封装了一个简单的对数据库的增删改查操作使用ES6对nodejs的功能封装，本章分为两部分使用es6模块化封装mysql的操作使用es6中的import导入方式封装mysql的操作一 下载地址：nodejs使用ES6封装一个通用的对数据库的操作：https://download.csdn.net/download/weixin_42863800/12773011nodejs使用ES6中的import封装对mysql的操作：https:/
2020-08-29 12:01:18
915
4
票务网站（nodejs+ES6）源码
2020-08-29
nodejs使用ES6封装一个通用的对数据库的操作
2020-08-29
nodejs使用ES6中的import封装对mysql的操作
2020-08-29
react hooks map渲染显示问题
2022-11-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人