- 博客(9)
- 收藏
- 关注
RSS订阅原创 在Next.js中引用ffmpeg.wasm
近期遇到一个需求，要在next.js里面使用ffmpeg的wasm版本来对上传的视频文件进行转码但是按照官方的demo在next.js里引用就是会有很多报错，属实是整不明白了下面是一个小案例，可能有些方法比较蠢，要是有更聪明的办法请告知官方文档：https://github.com/ffmpegwasm/ffmpeg.wasm步骤初始化一个Next.js项目我是使用的typescript开发，仅使用的JavaScript的小伙伴应该不影响观看yarn create next-app --t.
2021-12-22 15:46:18
1071
原创 前端上传文件到后端获取不到File对象问题（axios到koa2）
前端发送请求使用axios后端框架为koa2尝试使用axios的post方法直接给后端传File对象，出现500或者空对象问题出错示例：<input type="file" onChange={v => axios.post(URL, v.target.files[0])} />解决方法：Koa中的Koa-router中间件需要开启multipart配置前端上传File时使用FormData后端通过ctx.request.files来获取File// 前端代码.
2021-12-16 19:44:05
4410
原创 关于JS模块管理CommonJS与ES6 Module
模块标准主流的标准有两个CommonJSCommonJS中规定每个文件是一个模块模块内部会有一个module对象用于存放当前模块的信息导出导出单个对象module.exports = { key: value ...}导出多个对象exports.key = 'key'exports.func = (a, b) => { return a + b }...内在机制为：exports指向module.exports（不要直接给exports赋值！）导入const
2021-10-29 10:59:54
261
原创 JavaScript事件循环（宏任务、微任务）
为什么要使用事件循环JavaScript基于单线程执行，所以任务都是一个一个执行的，开始执行任务直到处理完成之前不会被打断，如果某个任务执行的时间很长，会阻塞页面。那不想出现阻塞页面的情况怎么办呢？使用异步呗，让这个事件先到一边去完成，等完成了再回来汇报结果，这样就不会阻塞页面了。但是要怎么回来？什么时候回来？这个就需要事件循环来解决。事件循环基于两个基本原则一次处理一个任务一个任务开始后直到运行完成，不会被其他任务中断事件循环的机制任务是一个一个执行的，而且一次只能解决一个，这能怎么办
2021-07-13 20:03:44
141
原创 JavaScript运行时页面构建过程
Web应用的生命周期概览以下是Web应用的生命周期的大致流程：生命周期开始：用户通过网址打开并访问网页浏览器（客户端）生成请求并发送至服务器服务器依据请求获取某些资源并返回响应给客户端页面构建：浏览器收到服务器发来的资源（html文件、css文件、js文件、图片、数据等…），开始处理并渲染这些资源事件处理：生成了一个事件队列，一次只处理队列中的一个事件用户动作：与页面交互（点击、键盘输入等… ），生成的事件进入事件队列等待执行生命周期结束：用户关闭web页面在生命周期进行的过程中，除了
2021-07-03 23:08:32
300
3
原创 CSS选择器
CSS基本选择器选择器举例说明class选择器.example选择class="example"的元素id选择器#example选择id="example"的元素标签选择器p / div / span…选择<p>、<div>、<span>… 这些标签元素*通配符*选择所有元素CSS组合选择器选择器举例说明element , elementdiv , p选择所有 <div>
2021-03-08 11:15:59
156
原创 BFC的简单理解及应用
一、什么是BFCBFC，全称：Block formatting context，意思是“块级格式化上下文”。它是一个块级的独立的渲染区域，并且这个区域与该区域的外部毫不相干，即：在这一块级封闭区域中的元素，无论怎么摆放，都不会影响到区域外其他元素的布局。二、形成BFC的条件float属性不为noneposition为absolute或fixeddisplay为inline-block, table-cell, table-caption, flex, inline-flexoverflow不
2021-03-06 17:09:36
374
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人