- 博客(28)
- 资源 (1)
- 收藏
- 关注
原创 屏幕录制组件(vue) recordrtc
更新vue录制组件<template> <div class="container"> <section class="item"> <span class="type-name">文件名称:</span> <input type="text" v-model.trim="fileName"/> <span>.mp4</span> </section
2020-07-31 10:34:15 7080 42
原创 vue canvas拼接图片(纵向)
vue 图片竖向拼接组件代码<template> <div> <div> <input type="file" id="upFile" @change="upFile($event)" accept="image/*" multiple="multiple" style="display:none" /> <l
2020-07-16 11:29:58 1252
原创 记一次uniapp扫描NFC [ISO15693]
本次需求原本是读取nfc的mac地址和从NEDF取数据,但后期考虑到NEDF可被读写就改成了读取指定块的数据,下面直接放代码。// 成功回调,就是callback里写的对象,如果是NEDF则是callback里面定义的结构数据。下载地址:https://wwm.lanzn.com/b05exoigb 密码:aiwp或者扫码。// 调用 js 文件里面的方法。"请将NFC标签靠近"// 取消NFC监听。getid()方法在。
2024-02-26 11:00:41 1828
原创 chrome network筛选恢复旧版
打开控制台,Settings > Experiments > Redesign of the filter bar in the Network panel.(设置 > 实验 > Redesign of the filter bar in the Network panel.)最近chrome更新后发现network的筛选样式变化了。其实这个是chrome@121 版本的。然后重启devtool就行了。
2024-02-18 10:27:50 472
原创 vue3提交表单input未经校验触发接口问题解决
这是一个普通的input:number,提交时后台返回一次不通过,在输入时没有执行提交判断流程而是直接请求接口了。如要解决此问题需要将reactive和ref切换成普通对象。如果您有更好的解决方式,请在评论区友好讨论。
2024-01-12 10:17:54 411
原创 2.在Vue2中以Font class的形式使用iconfont的图标
3.效果(原有图标颜色丢失),第二个是word图标。中有详细说明,本文就不在赘述。1.在main.js内引入。Tab下,复制代码即可。
2023-03-24 16:48:11 432
转载 eslint简单配置
执行创建vue项目时,勾选 回车,就可以来到模式选择的界面,选择严格模式保存位置选择.eslintrc.js但这不是终点,当你在编辑器内写代码保存会提示错误(这说明eslint生效了)那这个问题改怎么解决呢?当然是关掉eslint就ok了,眼不见心不烦扩展,搜索eslint,点击安装此时,不符合要求的代码界面已经可以显示红色波浪线了但是如果手动一个一个去修改是不是有点麻烦,所以打开设置,点击右上角的json模式添加从此往后,只要保存,编辑器就会按照 与 里的规则进行自动格式化例如:qu
2022-06-07 16:51:37 6622 2
原创 angular代理正确的使用顺序
angular项目在使用接口代理的时候,若是多个,务必将 "/"填在最后正确做法下边这种做法会导致其他(dev-api api)接口404错误错误做法举例接口: this.http.get('/dev-api/v1/law/project/export') this.http.get('/api/v1/user')...
2021-07-28 08:19:45 152
原创 Angular使用bpmnViewer
先看使用对应包的版本"bpmn-js": "7.5.0","bpmn-js-properties-panel": "^0.43.1","camunda-bpmn-moddle": "^5.1.2", "@angular/cli": "~7.2.0", // 理论上 45678910 11 12都可以bpmn有编辑与只读功能,即 BpmnModeler 与 BpmnViewer ,本篇介绍的是BpmnViewer,生成可以访问链接查看布局使用的是nz-card,可以认为是有背景色的divh
2021-07-27 08:54:56 901
原创 vue3优雅的使用marked之highlight.js
当时未看文档就开始摸索着写before [简(chou)洁(de)工(yi)整(pi)]after[针不戳(优化之后)]其实如果没优化对配置修改的话是下面这个样子的:import hljs from "highlight.js";import "highlight.js/styles/atom-one-dark.css";BEFORElet rendererMD = new marked.Renderer();marked.setOptions({ renderer: rend
2021-01-18 14:03:12 3602 2
原创 BV与AV号互转
常量//常量 const a2bAddEnc = 8728348608; const a2bXorEnc = 0b1010100100111011001100100100; const a2bEncIndex = [11, 10, 3, 8, 4, 6];
2020-10-19 15:10:13 2206
原创 angular && antd
<nz-col nzSpan="4" class="margin-left-15"> <button nz-button nzType="primary" (click)="toSearchData()"><i nz-icon nzType="search"></i>查询</button> </nz-col>
2020-08-07 14:20:44 418
转载 webpack4 打造极致开发环境
先由简悦 SimpRead保存至本地的md文件提供,先在有道云 转存,后分享本文由 简悦 SimpRead 转码, 原文地址 jack-cool.github.iowebpack4 打造极致开发环境Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 E
2020-08-05 08:40:43 379
原创 mongodb结合node查询数据
doms表结构数据:logData表数据结构:代码部分yarn add express bodyParser mongoose//将包引入const express = require("express");const app = express();const mongodb = require('mongodb');const mongoose = require("mongoose");//-------express配置------不用管--start/*express
2020-08-04 13:57:17 1025
原创 webGl学习
开个新坑,不知道能不能做完学习地址:mdn地址浏览器支持范围:支持范围首先是创建一个容器,与canvas的canvas.getContext('2d')相似let canvas = document.getElementById('myCanvas');let gl = canvas.getContext('webgl');
2020-07-31 15:01:24 147
原创 angular打包去掉map文件的方法
只需要在script里面加上 --build-optimizer就行 "scripts": { "hmr": "node --max_old_space_size=5120 ./node_modules/@angular/cli/bin/ng serve -c=hmr -o --proxy-config proxy.config.json", },这样的话,打包后就会好很多了
2020-07-31 14:37:06 1603
原创 重置origin
也可以保存到.bat文件del /f /s /q "%appdata%\Origin\*.*"del /f /s /q "%userprofile%\AppData\Local\Origin\Origin\*.*"pause
2020-07-31 11:18:15 1133
原创 网页录屏(基本款)
不需要其他插件,只用h5的接口<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>屏幕录制</title> <meta name="viewport" content="width=device-wid
2020-07-30 18:06:23 541 2
原创 mongoDB的学习(winsows)
我的下载地址:http://downloads.mongodb.org/win32/mongodb-win32-x86_64-2008plus-ssl-3.6.19-signed.msi添加系统路径添加安装目录下的bin目录到系统的path里面======华丽的分割线=======执行cmd窗口命令在X:\mongo\bin目录下面写了个start.bat,内容为:mongod --dbpath=../data/db,双击运行就是了,打开的窗口不要关闭;在X:\mongo的地址栏里面输入cmd
2020-07-29 10:21:35 77
原创 angular 8+ canvas拼接图片(纵向)
angular 图片竖向拼接代码理论上angualr6789都能使用,编译环境是ng8<div> <div> <input type="file" id="upFile" (change)="upFile($event)" accept="image/*" multiple="multiple" style="display:none" /> <label for="upFile">
2020-07-28 13:34:02 582
原创 react canvas拼接图片(纵向)
react 拼接图片代码import React from "react";import "./App.css";function App() { return ( <> <div> <input type="file" id="upFile" onChange={upFile.bind(this)} accept="image/*"
2020-07-28 11:13:16 967
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人