- 博客(144)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 webpack-vue-node-Express-MongDB
webpack基本安装mkdir webpack-demo && cd webpack-demo npm init -y npm install webpack webpack-cli --save-dev // 手脚架 注意事项全局安装还需要本地安装webpack4.*必须安装webpack-cli入口文件index.js必须是这个打包文件必须是...
2019-05-26 22:52:54
238
原创 vue3.0 日历
效果图安装环境“vue”: “^3.2.6” “vite”: “^2.5.4”介绍解决思路 利用css 缩放 来处理大屏适配的问题，项目地址安装npm i calendar-vue3引入import {calendarVue} from 'calendar-vue3'import 'calendar-vue3/dist/style.css'使用示例 <template><!-- tablecommon --> <el-scroll
2022-01-14 10:01:53
2125
原创 xlsx转json
安装yarn add xlsx效果图代码环境vue3.0 +ts代码<template> <!-- tablecommon --> <div class="commonBoxmp white-bg"> <Table class="roletable-table" :tableData="state.tableData" :searchBool="false" :column="sta
2021-11-27 11:27:50
1359
原创 form表单多维对象赋值
原数据let obj = { 'a.b.c':111, // 'c':2, 'a.b.d':3, 'date.name':'ceso'}目标数据 { a: { b: { c: 111, d: 3 } }, date: { name: 'ceso' } }案例let obj = { 'a.b.c':111, // 'c':2, 'a.b.d':3, 'date.name':'ceso'}var deepExtend = r
2021-11-21 16:08:23
1122
原创 vue动态路由刷新丢失解决方案
问题出现的问题动态路由添加刷新页面出现空白页面或者404页面因为界面刷新导致动态路由丢失，所以是空页面或者404我添加动态路由了怎么还剩刷新依旧是空白页面呢？因为动态路由添加后需要是新导航才会生效解决方案需要判断当前页面是否刷新了本地存一个当前访问页面的路由下次刷新用来判断当前是否是页面刷新使用vuex来存储动态路由数据，如果是空就是刷新页面了案例使用本地存储 使用路由拦截器跳转之后存数据//存访问路由router.afterEach((to, from) =
2021-11-17 18:32:23
7667
2
原创 input加载本地图片
/创建读取文件的对象 var reader = new FileReader(); //创建文件读取相关的变量 var imgFile; //正式读取文件 reader.readAsDataURL(e.raw); //为文件读取成功设置事件 var str = ''; reader.onload = function(e:any) { imgFile = e.target.result; imgBg.value = imgFile console
2021-11-12 10:02:05
824
原创 flutter状态管理、Provide
引入自行看官方main.dartvoid main() { SystemUiOverlayStyle light = SystemUiOverlayStyle( statusBarColor: Colors.transparent, ); SystemChrome.setSystemUIOverlayStyle(light);//设置系统状态栏颜色 /*providers数据格式如下List<SingleChildWidget> providers = [C
2021-11-09 11:17:31
1684
原创 h5人脸识别/人脸检测
演示效果实现效果步骤获取摄像头权限navigator.mediaDevices.getUserMedia //api安装 tracking js 插件这个主要是解决人脸跟踪检测要求当前环境是httpshttps 环境可以用小皮环境工具模拟开发环境案例代码html代码 <video id="video" style="width: 100%;height: 80vh;"></video> 下面的canvas 理论上不需要除非你需要别的功能例
2021-10-30 08:59:33
2807
4
原创 a下载链接
const downloadElement = document.createElement("a"); const href = window.URL.createObjectURL(blob); //后台再header中传文件名 downloadElement.href = href; downloadElement.download = "demo1.xls"; document.body.appendChild(downloadElement); downloa.
2021-09-17 17:19:48
182
原创 vite SSR 超简单的服务端渲染
项目地址 https://gitee.com/blueskyliu/vite-ssr效果图使用安装yarn运行yarn dev //开发模式运行yarn build //打包目录结构dist 打包目录server.js 打包后的node express 运行脚本【build后使用这个进行部署剩余的目录结构内容与 vue 没什莫大的区别使用插件 "dependencies": { "@vue/server-renderer": "^3.2.6", "
2021-08-28 16:57:34
2789
1
原创 vue3.0国际化
安装npm install vue-i18n@next 快速使用封装组件前提准备创建 /@ts/language/index.ts 文件夹import {createI18n} from 'vue-i18n';import { App } from 'vue';import zh from '/@ts/language/lang/zh';import en from '/@ts/language/lang/en';export const i18n = createI18n({
2021-08-17 13:49:58
412
原创 window环境安装paddleocr
linuxpip install paddleocrwindows#pip install numpy-1.19.0-cp39-cp39m-win_amd64.whlpip install --user numpy scipy matplotlibpip install shapely#pip install shapely-1.9.0-cp39-cp39m-win_amd64.whlpip install paddleocr pip install commonpip install
2021-07-31 15:59:49
406
原创 python环境 pip环境 依赖导入
安装去光放下载最新版本即可 选择exe安装包 解压的那种小白不适合查看环境变量python -Vpip -V以上没问题就在码云找个py项目就可以用了 pip freeze > requirements.txt pip install -r requirements.txt
2021-07-20 11:41:08
204
原创 java标准化开发Spring boot 依赖总结
依赖模块非微服项目pom.xml <properties> <java.version>1.8</java.version> <!-- mysql连接器--> <mysql.connector.java>8.0.12</mysql.connector.java> <!--druid 数据库连接池--> <druid.spring
2021-07-03 09:54:10
175
原创 spring boot插件配置案例
日志spring-boot-starter-logging地址 https://www.jianshu.com/p/1fa12b92d5c4校验Hibernate Validator地址 https://blog.csdn.net/qq_40965479/article/details/106178795mysql远程链接失败解决方案权限bug主要是 Access denied for user ‘root‘@‘localhost‘ (using password: YES)地址 ht
2021-06-16 14:03:35
100
原创 element-plus打包报错/vue3.0+vite+ts别名引入ts文件报错
element-plus报错内容Cannot find name ‘Nullable’. Cannot find name ‘ComponentSize’.解决办法package.json文件修改build参数删改成下面参数"build": "vite build",别名引入报错问题tsconfig.json 文件添加如下代码 "paths": { "@ts/*": [ "./src/*" ] },引入方式import { key }
2021-05-29 13:57:32
3873
3
原创 vueRouter4.0+ts
准备工作所需了解的vuex接口类Module<S,R>module的类型S 代表当前module的State类，R代表 createStore的State类ActionContext<S,R>store上下文的类型S 代表当前的State类，R代表 createStore的State类StoreOptions代表创建的Store类型S 代表当前module的State类，所需了解vuex的Store需要准备State类型文件名 root-
2021-05-27 11:24:31
4539
原创 Vuex+ts规范案例
准备工作所需了解的vuex接口类Module<S,R>module的类型S 代表当前module的State类，R代表 createStore的State类ActionContext<S,R>store上下文的类型S 代表当前的State类，R代表 createStore的State类StoreOptions代表创建的Store类型S 代表当前module的State类，所需了解vuex的Store需要准备State类型文件名 root-
2021-05-27 11:00:23
1644
原创 uniapp签字版
大小自己根据实际情况自己改直接上代码<template> <view> <canvas style="width: 300px; height: 200px;border: 1px solid;" canvas-id="firstCanvas1" id="firstCanvas1" @touchstart="handleTouchStart" @touchmove="handleTouchMove" @touchend="hand
2021-05-24 11:02:24
483
原创 vue script setup语法糖
创建项目yarn 安装的 vue3.0+vite+tsyarn create @vitejs/app my-vue-ts-vite --template vue-ts示例这个时候你在App.vue发现这个 script setup语法糖<template> <h1><a href="">{{ count }}</a></h1> <h1>{{state.data.a}}</h1> <button
2021-05-22 11:06:40
1854
1
原创 vite与Webpack对比
vite优点这里的基础只是功能 不是代码别误解vite在webpack提供的功能基础上，真正实现按需加载的一款打包工具无需配置即可使用案例环境是vue3.0+ts+vite安装后无需配置即可使用sassyarn add -D sass在项目越写越大的适合vite的速度优势更加明显速度能达到20多倍，当你写完一个功能保存的时候webpack在等待中 vite就已经热编译好了，最明显的区别就是快的让你感觉意外由于是中国人写的文档 中国人看的时候也符合中国人的思维官方中文文档地
2021-05-21 16:44:36
1062
原创 禁用F12
document.onkeydown=function (e){ var currKey=0,evt=e||window.event; currKey=evt.keyCode||evt.which||evt.charCode; if (currKey == 123) {//123是f12 window.event.cancelBubble = true;//取消冒泡 window.event.returnVal.
2021-05-21 10:32:23
161
原创 yarn无法加载文件解决方案
在命令行执行下面代码Set-ExecutionPolicy -Scope CurrentUser输入 RemoteSigned 这个值即可
2021-05-20 17:54:13
372
原创 VueUse中文文档/Vue官方工具库
VueUse官网地址https://vueuse.org/这里就列举常用工具详情请去官网 查看所有API浏览器useFullscreen全屏展示//isFullscreen 当前是否是全屏//toggle 是函数直接调用即可const { isFullscreen, toggle } = useFullscreen();useClipboard粘贴功能//text 粘贴的内容//copy 是粘贴函数const { text, copy, isSupported } = useCli
2021-05-20 16:58:38
34633
原创 好用的VUE后台管理框架/vueUI框架
VueRuoYi官方演示地址vue2.0、element-uiAnt Design Vue官方演示地址个人项目演示地址Vue3.0、Vite、 Ant-Design-Vuehttps://github.com/anncwb/vue-vben-admin 私人项目地址iView官方演示地址vue2.0Reactant.design官方演示地址react 16.12.0 以上。目前是全球第一的开源UI项目...
2021-05-20 12:01:48
605
原创 加密技术
加密分类对称加密特点是文件加密和解密使用相同的密钥DES3DESAESIDEA以上四种由于加密本身特性安全性不高不推荐使用非对称加密特点有两个密钥一个是公钥一个私钥，公钥加密，私钥解密RSA不用事先通过秘密信道传递密钥，可以用于数字签名，速度慢，慢是因为它长速度慢，慢是因为它长Elgamal是一个基于迪菲-赫尔曼密钥交换的非对称加密算法。其安全性依赖于计算有限域上离散对数这一难题Rabin基于计算模合数平方根困难性问题的公钥密码算法D-
2021-05-19 17:00:32
237
2
原创 uniapp H5扫码解决方案
通过webview来解决这个问题webView引入的代码案例<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>二维码扫描</title> <
2021-05-18 11:19:48
3995
1
原创 gitlab自带Ngunx兼容安装Nginx
安装gitlab按照官方的链接在指定操作系统版本中安装就可以，如果失败主意事项操作系统版本太高端口冲突
2021-05-14 17:09:23
156
原创 组中是否存在若干元素的组合，相加为目标值
到此还未过滤不合格组合过滤掉不符合要求的组合就是我们所需要的 题目结果/** * 已知一个无序数组 array，元素均为正整数。给定一个目标值 target， * 输出数组中是否存在若干元素的组合，相加为目标值。 */let ar1r = [1, 2,3];//目标数组/** * 返回符合要求的组合 * @param {*} nums 组合位数 值 即 几个数相加 * @param {*} forArr 目标数组 */function forn (nums,forArr){
2021-05-12 12:09:02
345
原创 js-xlsx
安装 npm install xlsx效果图注意事项需要替换css样式以及js代码库 不然无法使用<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>JS读取和导出excel示例</title> <meta name="description" content="使用sheetjs读取和导出excel示例">
2021-05-10 15:32:57
211
原创 sku无线层级算法/订单sku规格选择JS/
订单sku规格选择参考 https://juejin.cn/post/6914163217124032525/* 重新实现笛卡尔积 传入的数组 '为空', '长度为1', '长度大于1' 三种情况 分别处理入参数组格式: [ { attr:"颜色", valueList:["黑","白"] }, { attr:"尺寸", valueList:["大","中"] } ] 返回的数组格式：[ {"颜色":"黑"
2021-05-08 13:54:48
533
原创 鸿蒙OS屏幕适配UI设计图解决方案
先上图这仨赏金猎人App解决方案 赏金猎人开发日志地址https://harmonyos.51cto.com/posts/3203，我想问问谁有办法替换系统默认的尺寸计算方案求大佬告知这个是实现渲染这个是UI设计图使用方法RpxUtil.rpx(23,this.context) 直接按照UI尺寸调用即可源码package com.example.shangjinlieren.utils;import ohos.agp.window.service.Display
2021-03-04 11:38:15
1787
1
原创 调用浏览器打印功能_局部打印案例
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>局部打印案例</title> <script type="text/javascript"> function doPrint() { bdhtml
2021-02-21 20:33:03
235
原创 Flutter拖拽小部件
编写初衷因为项目需要浮动按钮所以我这里开发了一个拖动小部件这里直接上代码import 'dart:math';import 'package:flutter/gestures.dart';import 'package:flutter/material.dart';import 'package:flutter_screenutil/flutter_screenutil.dart';// ignore: must_be_immutableclass TouchMove extends
2021-02-21 15:21:11
195
原创 vue3.0+typescript+极验
案例sdk下载后保存到本地引入到html文件里面https://github.com/GeeTeam/gt3-node-sdk/blob/master/demo/static/libs/gt.js登录界面<template> <div> <common-layout> <div> <a-row> <a-col :span="9"> </a-col>
2021-02-02 14:25:01
666
原创 安卓申请权限列表
权限事用方式<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.flutter_xinxing"> <!-- 允许程序振动 --> <uses-permission android:name="android.permission.VIBRATE"></uses-permission> </m
2021-01-31 15:57:38
529
原创 flutter开发解决方案
设置主题MaterialApp( home:Home(), theme: ThemeData(primarySwatch: Colors.yellow, highlightColor: Color.fromRGBO(255, 255, 255, 0) ), debugShowCheckedModeBanner: false,//关闭debu 图标 );顶部tab切换 DefaultTabController
2021-01-27 14:44:03
229
原创 flutter_高德地图案例_高德地图amap_flutter_map案例
开发环境如下flutter 开发环境安卓开发环境dart开发环境 目前flutter集成了dartdebug.keystore 生成项目配置细节flutter安卓地图配置android/app 下创建libs文件，并且下载地图SDKandroid/app/build.gradle 配这个文件带有添加的是你项目需要修改的地方def localProperties = new Properties()def localPropertiesFile = rootProject.fi
2021-01-27 14:27:06
1815
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人