前端
文章平均质量分 65
沈瀚
300字以内
展开
-
屏幕录制组件(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 · 6808 阅读 · 42 评论 -
eslint简单配置
执行创建vue项目时,勾选 回车,就可以来到模式选择的界面,选择严格模式保存位置选择.eslintrc.js但这不是终点,当你在编辑器内写代码保存会提示错误(这说明eslint生效了)那这个问题改怎么解决呢?当然是关掉eslint就ok了,眼不见心不烦扩展,搜索eslint,点击安装此时,不符合要求的代码界面已经可以显示红色波浪线了但是如果手动一个一个去修改是不是有点麻烦,所以打开设置,点击右上角的json模式添加从此往后,只要保存,编辑器就会按照 与 里的规则进行自动格式化例如:qu转载 2022-06-07 16:51:37 · 6559 阅读 · 2 评论 -
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 · 863 阅读 · 0 评论 -
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 · 3445 阅读 · 2 评论 -
BV与AV号互转
常量//常量 const a2bAddEnc = 8728348608; const a2bXorEnc = 0b1010100100111011001100100100; const a2bEncIndex = [11, 10, 3, 8, 4, 6];原创 2020-10-19 15:10:13 · 2148 阅读 · 0 评论 -
webpack4 打造极致开发环境
先由简悦 SimpRead保存至本地的md文件提供,先在有道云 转存,后分享本文由 简悦 SimpRead 转码, 原文地址 jack-cool.github.iowebpack4 打造极致开发环境Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 E转载 2020-08-05 08:40:43 · 361 阅读 · 0 评论 -
webGl学习
开个新坑,不知道能不能做完学习地址:mdn地址浏览器支持范围:支持范围首先是创建一个容器,与canvas的canvas.getContext('2d')相似let canvas = document.getElementById('myCanvas');let gl = canvas.getContext('webgl');原创 2020-07-31 15:01:24 · 131 阅读 · 0 评论 -
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 · 1569 阅读 · 0 评论 -
网页录屏(基本款)
不需要其他插件,只用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 · 505 阅读 · 2 评论 -
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 · 571 阅读 · 0 评论 -
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 · 1201 阅读 · 0 评论 -
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 · 921 阅读 · 0 评论