- 博客(116)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 JS利用Worker多线程大文件切片上传
在做前端上传时，会遇到上传大文件，大文件就要进行分片上传，我们整理下思路，实现一个分片上传，最终我们要拿到每一个分片的值， 分片索引，以及分片: 我们先创建一个文件，用于处理选择文件，进而分片，这里利用获取文件hash值： 默认一个分片5M，这里要向上取整，计算出分片数量然后循环处理对文件进行切片，利用对文件进行切片处理可以看到，切为若干份然后获取切片的值，最终返回然后对返回的结果进行批处理，这里我们可以打印下处理的时间可以看到，处理了4秒左右，主要是花费在处理文件上，获取文件为同步任务，且
2024-03-01 19:40:54
1403
2
原创 Web Animation API
接下来，点击页面，小球会移动到点击的地方。先简单的写一个页面，一个背景，一个小球。工作中经常会遇到需要动画的场景，很比较吃力，也不是不能实现，需要。动画解决方案**，并且。，，但是如果遇到需要。
2024-01-15 17:43:48
2072
原创 JS 监听网络状态
我们在开发过程中会遇到监听用户网络状态的需求，通过。除了以上监听事件外，还可以轮训监听，1秒获取一次。可以获取当前的网络状态，包括。
2024-01-09 09:55:06
2021
1
原创 JS 手写 new 函数
先创建一个构造函数，原型上添加一个方法。一个构造函数生成一个实例对象，那么。的过程中发生了什么呢，我们今天梳理下。然后，我们实现一个自定义。工作中我们经常会用到。打印看下，看到完美输出。
2024-01-04 16:59:10
1171
原创 JS + CSS 实现高亮关键词(不侵入DOM)
以上就是关于的使用方法：1. 获取文字节点2. 创建选区3. 创建高亮4. 自定义样式**文本颜色 `color`背景颜色 `background-color`文本修饰 `text-decoration`文本阴影 `text-shadow`文本描边 `-webkit-text-stroke`文本填充 `-webkit-text-fill-color`以下是兼容性，比较差，目前谷歌只兼容Chrome 105以上。
2023-12-28 14:04:12
1501
原创 Linux scp复制文件/目录
scp为远程复制文件\目录命令，适用于windows或者linux，以root用户为例，如果不输入root，则需要输入用户/密码。
2023-12-26 15:56:21
865
原创 Linux arm架构下构建Electron安装包
上篇文章我们介绍Electron基本的运行开发与windows安装包构建简单流程，这篇文章我们从零到一构建Linux arm架构下安装包，实际上Linux arm的构建流程，同样适用于Linux x86环境，只不过需要各自的环境依赖，Linux arm坑更多并且有些依赖官方并不适用于arm环境，比如fpm，这里的基础配置去上篇文章找就行，好了，不多比比，开搞。
2023-12-14 14:46:43
2535
4
原创 Node.js 调用 fluent-ffmpeg
ffmpeg一款跨平台多媒体处理工具，可以进行视频转码、裁剪、合成、音视频提取、推流等操作。
2023-09-21 16:16:16
1077
1
原创 提车自检手册(3系，其他车辆类似)
一、检查铭牌1. 检查铭牌车辆生产日期，大于半年pass，玻璃、大灯、轮胎的生产日期不得大于车辆生产日期二、检查轮胎1. 是否全部为米其林轮胎 zp 4 防爆胎2. 检查全部轮胎日期，4个数字，后俩位年份，前俩位第几周三、检查玻璃1. 全部玻璃的生产日期，7减去小数点代表几月，数字为年份四、检查大灯1. 主驾驶按钮拨动2下打开机盖，检查大灯日期，从后向前看 19.04 2023 代表2023年4月19号生产五、检查排气管1. 检查排气管是否发黑六、检查车漆1.
2023-07-19 21:31:52
1201
原创 JS 监听元素dom变化
我们在开发中，会遇到一些需求，需要监听元素变化，比如元素属性变化，元素大小变化，今天，我们就来聊聊俩种常用实现监听的方案，其他的自行研究。
2023-03-24 14:28:47
4100
原创 JS 实现抛物线动画案例
我们这里简单实现，一个按钮，一个购物车图标，样式这里直接跳过，最终。至此，我们便实现了简单的购物车抛物线动画。接下来，我们一步步实现逻辑。
2023-02-10 14:55:45
3790
1
原创 详解 Intersection Observer API ( 交叉观察器 )
提供了一种方法可以监听目标元素是否展示到视口（viewport）图片懒加载滚动动画…上述的需求，以往一般监听scroll事件，利用方法获取目标元素的位置信息。由于监听scroll事件，不断地触发回流，对性能有一定的影响，不过可以通过函数节流解决，但是方法对性能造成的影响无法有效优化的。！！！所以，浏览器为了解决上述难题，推出了，由于方法是异步的，不影响主线程的执行效率。
2022-12-02 20:23:32
3545
原创 Webpack 5 新特性
2. 合并模块 3. 副作用 ：：标记所有模块无副作用4. 嵌套的 5. 内部模块 二、长期缓存1. 相关：：所有的 文件使用相同的 ，项目中任一文件变化都会影响所有的 文件的 值：针对与输出文件，任意文件改变只会影响其依赖的 ，不会影响其它：基于单个文件内容产生的 ( 之前只针对于文本结构)2. 长期缓存：三、增量构建默认缓存到 中，当.........
2022-06-28 17:36:02
1620
原创 Webpack 4.X + React + Node + Mongodb 从零搭建聊天室(二)
上篇文章我们把框基本搭建起来，本篇文章，我们具体实现功能逻辑预计开发功能： 用户注册、登录 用户进入/离开聊天室，通知当前聊天室内所有用户 用户可实时与所有人聊天 用户离线保留聊天列表、聊天记录 单个用户新增群聊，所有用户可以看到 点击用户头像，新增私聊 用户可实时单人私聊 聊天室记录用户未读消息资源链接：https://github.com/zhangyongwnag/chat_room文章目录一、建立socket连接1、下载2、客户端创建连接3、测试交互二、客户端添加状态管
2020-07-23 18:39:54
470
原创 Webpack 4.X + React + Node + Mongodb 从零搭建聊天室(一)
前端时间把create-react-app脚手架搭建的react项目中的webpack版本从1.X更新到4.X，踩了不少坑，于是今天准备利用webpack 4.X从零搭建react聊天室( 去TM的脚手架，一辈子不更新，wdnmd )预计开发功能： 用户注册、登录 用户离线保留聊天列表、聊天记录 用户进入/离开聊天室，通知当前聊天室内所有用户 用户可实时与所有人聊天 单个用户新增群聊，所有用户可以看到 点击用户头像，新增私聊 用户可实时单人私聊 聊天室记录用户未读消息资源链接：ht
2020-07-18 18:15:34
602
原创 Webpack 4.X 自定义 loader 和 plugins
文章目录Loader1、介绍loaderPluginsLoader1、介绍loader因为webpack只识别js文件，遇到非js文件，需要利用loader处理我们开发常用的loader：诸如：babel-loader url-loader style-loader css-loader postcss-loader 等等今天，我们手写一个简单的loader，用来写入我们要编译的源代码index.js 源代码export default function () { console.log
2020-06-24 11:27:36
627
原创 Webpack 各版本 ( v1 - v4 ) 的区别
前不久，研究了Webpack 4.X的整体配置，本篇文章我们研究 webpack各版本的区别 包括 v1,v2,v3,v4文章目录Webpack：v1 与 v2 的区别Webpack：v1 与 v2 的区别新增对ES6语法的支持支持tree-shaking（减少打包后的体积）...
2020-06-03 18:41:35
6090
websocket.js
2020-03-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人