- 博客(22)
- 收藏
- 关注
RSS订阅原创 用canvas将图片和文字转化成照片，并复制到剪贴版
用canvas将图片和文字转化成照片，并复制到剪贴版//需引入html2canvas.js //被复制的div var delivery = document.getElementsByClassName("delivery"); //复制的div var seconddelivery = document.getElementsByClassName("seconddelivery"); this.$nextTick(() => { let o
2022-04-06 15:00:25
968
原创 实现分割音频
**目的：**将一个音频分割成等时长的小音频一开始借鉴这个，但是只能实现剪切前几秒的音频，不能满足需要。https://www.zhangxinxu.com/wordpress/2020/07/js-audio-clip-copy-upload/由于目前在vue中解决不了直接将分割音频，所以采用其他方式，用python+ffmpeg写接口实现主要代码：# 支持mp3、wav、ogg、flac、amr、ac3 # 不支持 mp4\wma\aacfrom fileinput import fil
2022-03-04 10:30:15
831
原创 使用jszip压缩下载分割后的音频文件
目的：音频分割成等时长的小音频，批量下载，故需要将其打包压缩代码：import JSZip from "jszip";import FileSaver from "file-saver";async downloadAllAudio() { const zip = new JSZip(); const cache = {}; const promises = []; this.downloadData.forEach((item) => {
2022-03-04 10:13:32
465
原创 mysql连接
连接mysql数据库npm install mysql配置mysqlconst mysql = require('mysql');const db = mysql.createPool({ host: '127.0.0.1', user: 'root', password: 'root', database: 'my_db_01'});3.测试连接效果const sql = 'select * from users';db.query(sql, (err, res) =>
2021-11-23 10:38:52
342
原创 面试题汇总
vue的实例从开始创建，初始化数据，编译模板，挂载dom并渲染，更新再渲染，卸载等一系列过程就是vue的生命周期。vue生命周期共分为8个阶段，即创建前、创建后，载入前，载入后，更新前，更新后，销毁前，销毁后。对应的钩子函数是：beforeCreate():实例初始化之前调用，该阶段中数据没有加载，页面也没有显示，处于loading请求状态;Created()：实例初始化后调用，该阶段中请求到了数据，事件，属性等，但是没有加载，页面也没有加载，在这个阶段往往发生ajax请求，http请求等。befor
2021-06-28 18:52:30
94
原创 vue-resource
vue-resourcevue-resource是一个通过XMLHttpRequest或JSONP技术实现异步加载服务端数据的vue.js插件window.onload = function(){ var vm = new Vue({ el:'#box', data:{ msg:'Hello World!', }, methods:{ get:function(){
2021-06-19 16:23:39
75
原创 vue-router
路由的基本概念与原理Vue Routervue router是vue.js官方的路由管理器功能：支持HTML5历史模式和hash模式支持嵌套路由支持路由参数支持编程式路由支持命名路由使用步骤：路由重定向嵌套路由vue-router路由的两种模式hash模式hash的值为#/page，改变hash，浏览器本身不会有任何请求服务器动作的，但是页面状态和url已经关联起来（http://localhost:8080/#/page）在地址栏会
2021-06-19 16:03:20
204
原创 ajax总结
什么是ajax? ajax作用是什么？ajax = 异步JavaScript 和XML。 ajax是一种用于创建快速网页的技术。通过后台与服务器进行少量数据交换。ajax可以说使网页实现异步更新。为什么使用ajax通过异步模式，提升了用户体验优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用ajax引擎在客户端运行，承担了一部分本来有服务器承担的工作，从而减少了大用户量下服务器负载ajax最大的特点是ajax最大的优点是不重新加载整个页面的情况下，可以与服务器交换数据并更
2021-06-18 22:42:46
225
原创 JavaScript基础知识点（学习李炎恢视频）
一、语法、关键字保留字及变量1、标识符组成开头：a、_、 $（其他组成： a 、 _、 $、 数字）2、不能把关键字，保留字、true false null作为标识符3、字面量：就是程序中直接显示出来的数据值（数字字面量、字符串字面量、布尔字面量、正则表达式字面量、对象字面量）4、变量:变量本质是一个空盒子，里面记录了一个内存地址，使能找到内存中的对象，保存了指向具体的实在的东西的地址(变量存在栈中，对象存在堆中)二、数据类型1、数值（number）、字符串（string)、布尔值（boolea
2021-06-07 21:59:06
199
原创 WebGl中文网学习three.js之纹理案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>纹理</title> <style> body { margin: 0px; background-color: #000; overflow: hidden;
2021-05-30 21:38:06
223
原创 WebGL中文网学习Three.js之案例2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动画效果</title> <script src="../js/three.js"></script> <script src="../js/Stats.js"></script> <script src=
2021-05-29 21:55:14
172
原创 WebGL中文网学习Three.js之案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>视角的变化</title> <script src="../js/three.js"></script> <script src="../js/dat.gui.js"></script> <style ty
2021-05-29 21:51:51
285
原创 WebGL中文网学习Three.js之3D简单案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/three.js"></script></head><body></body><script> //定义场景 const scen
2021-05-27 23:04:21
345
原创 案例
<!-- <!DOCTYPE html> --><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="./css/IndexCss.css"></head><body> <div id="app"> <div class="header">
2021-03-13 23:00:46
185
1
原创 三种基本排序
冒泡排序function bubbleSort(arr) { var len = arr.length for (var i = 0; i < len - 1; i++) { for (var j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j + 1]) { var tem
2021-03-09 15:03:21
88
原创 数据结构
栈: 是限制在表的一端进行插入和删除运算的线性表，通常称插入、删除的这一端为栈顶(Top)，另一端为栈底(Bottom)。先进后出。top= -1时为空栈，top=0只能说明栈中只有一个元素，并且元素进栈时top应该自增. 后进先出栈常见有操作push(element):添加一个新元素到栈顶位置pop():移除栈顶的元素，同时返回被移除的元素peek():返回栈顶的元素，不对栈做任何修改（这个方法不会移除栈顶的元素，仅仅返回它）isEmpty():如果栈里没有任何元素就返回true，否则返回fa
2021-03-08 23:05:24
1052
原创 js
Set数据结构ES6提供了新的数据结构Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成Set数据结构const s = new Set()Set 函数可以接受一个数组作为参数，用来初始化const set = new Set([1,2,3,4,4])Set函数中有size属性，可以用来获取数组中的长度Set可以用于数组的去重construction s = new Set(["a", "a", "b", "b"])const ary = [
2021-03-08 16:36:03
184
原创 面对对象案例——tab栏的切换
面向对象——tab栏切换html<html><head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style2.css"></head><body> <main> <h4>js面向对象 动态添加标
2021-03-08 11:16:47
233
原创 复杂表格
<html><head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="style2.css" type="text/css"></head><style> body { position: rela
2021-03-07 19:07:26
173
原创 2021-03-07
表格布局table { display: table }tr { display: table-row }thead { display: table-header-group }tbody { display: table-row-group }tfoot { display: table-footer-group }col { display: table-column }colgroup { display: table-column-gro
2021-03-07 15:26:59
94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人