![](https://img-blog.csdnimg.cn/2020062923222545.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
精讲
文章平均质量分 92
精讲前端的各种问题
Lovely Ruby
这个作者很懒,什么都没留下…
展开
-
前端 Node 项目迁徙为桌面 Electron 应用笔记
先整理一下这个preload.js的作用然后就是一组通信的整理功能代码前端:发送后端:接收后端:发送前端:接收具体函数名看下图:以上,算是比较清晰的整理一便,几乎可以做一些小玩具了,还有就是打包的问题,当然坑也是千奇百怪,遇到就自行搜索引擎吧,下面列一下我遇到的问题。原创 2024-01-10 21:28:04 · 1130 阅读 · 0 评论 -
Tauri 的基本使用笔记
记录一下 Tauri 的基本操作。原创 2024-02-06 13:26:23 · 2352 阅读 · 1 评论 -
【文件上传系列】No.3 断点续传(原生前端 + Node 后端)
前端点击暂停按钮,之后把所有上传的请求取消掉,需要使用。ok,暂停可以,顺便把页面的按钮显示和隐藏写一下。来测试一下暂停后是否能拿到有效的。断点续传需要验证的地方大概有这几个。然后在上传的函数里把已上传的过滤掉。这样一个断点续传的功能就做好啦~是我们在上传的时候传递给。写个按钮,监听点击事件。接下来开始断点续传!原创 2023-12-11 10:00:00 · 440 阅读 · 0 评论 -
【文件上传系列】No.2 秒传(原生前端 + Node 后端)
接着上一章的内容,因为前端和后端的服务都写在一起了,显得有点凌乱,所以我打算分类一下改了文件路径的话,那么各种引用也要修改,引用就很好改了,这里就不多说了这里讲一下path的修改,为了方便修改path,引用了path依赖,使用方法就很舒服的修改路径,常见的拼接方法如下图测试:(如果不用这个包依赖的话,想一下如何返回上一个路径呢?可能使用类似这种方法吧。200页面正常!资源也都加载了!《高级JavaScript程序设计》27 章简介:工作者线程的数据传输如下:注意在worker中引入的脚本也是个请求。原创 2023-12-06 15:34:10 · 1329 阅读 · 0 评论 -
【文件上传系列】No.1 大文件分片、进度图展示(原生前端 + Node 后端 & Koa)
效果展示效果展示先在页面上写几个组件用来获取文件。功能函数:生成切片切分文件的核心函数是 ,没错,就是这么的神奇啊我们把切好的 放到数组里,等待下一步的包装处理功能函数:请求逻辑在这里简单封装一下 功能函数:上传切片可以在请求中看到有很多个请求并发的上传自己简单撸了几个 cube 进度条后端获取 chunk 切片文件先把上传的接口写好写完这些就可以拿到 先写一个接口,用来拿到 、合并分片的功能函数然后开始合并接着就是写入流至此一个基本的逻辑上传就做好了!这个情况分析了原创 2023-12-02 21:42:31 · 1279 阅读 · 1 评论 -
【文件上传系列】No.0 利用 FormData 实现文件上传、监控网路速度和上传进度(原生前端,Koa 后端)
前端的工作就是把页面写好, 和 组装好,发送给后端。前端这边代码如下:基础:xhr.upload 上传钩子函数大概有如下几个钩子(比较常用的) 这个函数是在上传过程中不断循环被执行的,其中有事件因子 ,里面会有上传中的信息如果想要监控速度和进度的话,可以在上传的过程中计算出来如果想要取消上传,就把 即可。基础:利用钩子函数计算下载速度和进度完善:添加进度条以及速度标识整体代码如下:后端后端获取相应数据的方式如下: 会帮我们把二进制文件存储到临时地址,我们可以通过 模块拿到文件原创 2023-12-01 13:54:56 · 1569 阅读 · 0 评论 -
自己写一个简单的 Vite
包括如何处理宿主页面,如何处理 js 文件等原创 2022-03-14 15:50:05 · 1541 阅读 · 0 评论 -
Axios 简版:XHR 的封装、函数和对象方式的请求、添加过滤器
文章目录简版 Axios目标说明目标1:实现基本请求、及多种调用方法类实例化函数式调用对象式调用添加过滤器附简版 Axios目标说明实现 axios 的函数式调用、对象式调用、拦截器的实现等目标1:实现基本请求、及多种调用方法类实例化如果前端想这么调用的话首先写个简单的类,把 xhr 封装一下class MyAxios { constructor() {} request(config) { return new Promise((resolve, re原创 2021-07-31 14:55:55 · 1147 阅读 · 0 评论 -
Node 中的 export 和 module.export 的区别
文章目录前言我的疑问:为什么修改了export 的值,变量不能导出呢?探索过程总结几个问题参考前言最新在学习 Node,学到模块化的时候遇到了问题,变量导出的时候可以用如下几个方法// 第一种方法:把变量包裹在对象中,并把对象赋值给 module.exportsmodule.exports = { a}// 第二种方法:把变量挂在 export 上exports.a = 1; 那么问题来了,如果我这样做呢?const a = 1;exports = { a}打原创 2021-06-11 15:23:53 · 411 阅读 · 1 评论 -
JQuery 源码简单刨析,分析源码不再痛苦~
文章目录Jquery 源码浅谈开题吐槽Hello Jquery链式调用封装css 封装cssHookseq封装eqcss 的设置Jquery 源码浅谈开题吐槽有人上来就说了:啊啊这都 0202 年了,怎么还学 JQuery 呢,远古时代么?其实写这篇的目的呢,就是我目前在复习 面向对象 的知识,通过分析 JQuery 源码,可以帮助我们更好的理解面向对象~而且我原先还真没看过JQ的源码,借此跟大家分享一下,也请大家批评指正!Hello Jquery首先看一个例子:我想给 div 元素添加原创 2020-12-06 15:46:48 · 542 阅读 · 1 评论 -
小程序:扫二维码跳转小程序
扫二维码跳转小程序条件你的小程序必须要上线操作把小程序发布到线上在微信开发者模式中上传你的小程序项目登录微信小程序官网提交你的开发版本,进行审核,等待审核通过即可手动发布到线上,找到如图这些地方生成二维码打开微信公众平台接口调试工具填写小程序的 id 和 密钥id 和 密钥在这里找获取到 taken 然后我们在 postman 中请求一下// 请求连接https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaq原创 2020-07-11 14:23:52 · 4853 阅读 · 0 评论 -
JavaScript 常用内置对象详解
JavaScript 内置对象常用方法总结常用内置对象都有哪些?ArrayBooleanNumberStringDataMathRegExpArrayStringRegExp原创 2020-07-05 15:29:11 · 251 阅读 · 0 评论 -
this:它到底指向哪里!箭头函数的this又是啥?
this总结一句话谁最终调用,this 就指向谁。默认绑定指针默认绑定的是 windowconsole.log(this); // window写全局函数的话,也是指向的 windowfunction a() { console.log(this);}a() // window//实际上是 window.a(); 我们可以展开window看看定时器是window下的方法,所以this也会指向window。/原创 2020-06-30 14:46:21 · 727 阅读 · 0 评论 -
JavaScript的原型,原型链到底是什么!看完这篇绝对会有感悟~
文章目录JavaScript 原型链图解关卡1:通过构造函数 => new一个对象关卡2:实例化对象 => 原型对象关卡3.1:原型对象 => 构造函数关卡3.2:构造函数 => 原型对象最终关卡:无线循环隐藏关卡:原型链的机制JavaScript 原型链平常老听别人说什么原型链,我总是半知半解的,终于有时间好好梳理一下!给大家介绍我老婆。图解我们先来看一下这张图,不理解没关系,我来慢慢解释,先有个印象!关卡1:通过构造函数 => new一个对象听说您还没有对象?原创 2020-06-29 23:00:25 · 1580 阅读 · 5 评论