浏览器 事件js ie
js分片上传&断点续传
原理 js将大文件分成多分，全部上传成功之后，调用合并接口合成文件。如果传输中断，下次上传的时候过滤掉已经上传成功的分片，将剩余的分片上传，成功之后合并文件。 前置条件 获取uoloadId接口（用于标记分片） 分片上传接口 合成文件接口（后端自动合成则不需要） 查询已上传的分片列表接口（断点续传） ......
关于 js ajax readyState 的阐述
为了弄清楚 ajax readyState 的具体意义，做了如下测试： index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" conten ......
addEventListener（）元素事件监听的用法及事件汇总
addEventListener() 方法用于给元素添加监听事件，同一个元素可以重复添加，并且不会覆盖之前相同事件，用removeEventListener() 方法来移除事件。 使用方法： 1 var arberNameFilter = document.getElementById("arber ......
js实现文件切片上传，断点续传
断点续传：顾名思义，继续上次断开的点，继续上传。 思路整理： 拿到文件，对文件进行fingerprint = md5(file),得到文件指纹。 将指纹保存服务器。 切割文件，分段上传，每次上传一段。 服务器根据指纹进行索引判断文件上传进度，直到文件的全部片段上传完毕。 以下文字没有完整的代码，只有 ......
html+css3+anime.js实现线条来回滑动且渐隐动画
效果： 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic ......
html+css3+anime.js实现文字故障动画
记录一个很酷的动画，效果如图： 是基于html+css3+anime.js实现的，看了眼代码，其实是默认文字的div中定位了几个相同的文字块，利用clip-path这个属性去裁剪展示其中的一部分，用于展示故障的效果，动画则是使用anime.js去循环改变X与Y轴的位置，同时调整绘制的颜色，demo代 ......
js 深拷贝
let obj = { name: '张三', user: { name: 'hdcms', }, data: [], }; function copy(object) { let obj = object instanceof Array ? [] : {}; for (const [k, v] ......
Vue.js框架：vue2和vue3开发环境共存
一、安装vue3 此处建立在已经按正常流程全局安装好vue2版本的情况下，老项目需要使用vue2运维，新项目使用vue3开发，因此需要两种环境共存。 找一个合适的位置，新建一个文件夹，在该文件夹目录下，打开cmd终端，运行命令： npm install @vue/cli --registry=htt ......
当您在浏览器中输入 URL 时会发生什么？
当您在浏览器中输入 URL 时会发生什么？ Step 1: 用户在浏览器中输入 URL (bytebytego .com) 并按 Enter 键。我们需要做的第一件事是将 URL 转换为 IP 地址。映射通常存储在缓存中，因此浏览器会在多层缓存中查找 IP 地址：浏览器缓存、操作系统缓存、本地缓存和 ......
禁止点击浏览器箭头回退
方法一: 通过监听 popstate popstate的怎么用？ HTML5的新API扩展了window.history，使历史记录点更加开放了。可以存储当前历史记录点pushState、替换当前历史记录点replaceState、监听历史记录点popstate。 pushState、replace ......
Node.js中常用的设计模式有哪些？
本文由葡萄城技术团队首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 设计模式简介 设计模式是由经验丰富的程序员在日积月累中抽象出的用以解决通用问题的可复用解决方案，它提供了标准化的代码设计方案提升开发体验。Node.js 作为一款用来构建可扩展高性能 ......
原生js实现下拉框可输入
js实现下拉框可输入 前言 众所周知，html默认的下拉框是无法输入值的，然后最新的办法是用datalist和输入框绑定，但是很多浏览器不支持。然后还有很多框架提供的下拉框都是可输入的。但是公司的项目太老了，考虑到依赖性需要使用原生js去实现。 业务是这样，现在有一个输入框存在，需要在不改变这个输入 ......
js基础
语法类似Python var和let的区别：https://blog.csdn.net/a1056244734/article/details/107150875 fuction声明函数，还有指针函数等等 数据类型 对象 Array String 自定义对象 JSON BOM window Loca ......
【js渲染markdown】
remarkable (CDN标签链接)[https://cdnjs.com/libraries/remarkable] <script src="https://cdnjs.cloudflare.com/ajax/libs/remarkable/2.0.1/remarkable.js"></scr ......
虚幻(UnrealEngine)全局事件插件
https://github.com/bodong1987/UnrealEngine.GlobalEvents 学习Unreal的练手代码，主要用途是提供一个全局级别的消息广播与消息监听，目的是解决直接引用对象带来的强依赖的问题。 详情可见github首页。 ......
vue项目运行内存不足 JS stacktrace
因为node配置的环境变量默认是4096，如果vue项目过大，可能就会导致保存的时候，项目死掉。 解决办法： 1、我的电脑右键属性 2、搜索环境变量，点击编辑系统环境变量 3、点击环境变量 4、更改默认值 ......
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
1 eage浏览器插件的位置 C:\Users\你的用户名\AppData\Local\Microsoft\Edge\User Data\Default\Extensions 2 把插件安装到其他浏览器 第一种 这些都是插件的文件 ，点开文件夹，下面的文件夹就是插件 打开浏览器的扩展程序，开发者模式 ......
vue 动态引入 js 文件
在目录 比如utils/options/ 下面建不同名字的 js，再根据 this.type 变量的值动态引入。（注意 this.type 变量的值要和相对应的 js 文件名一致 onLoad (options) { this.type = options && options.type const ......
C#上位机序列9: 批量读写+事件广播
1. 读取配置文件及创建变量信息（点位名称，地址，数据类型（bool/short/int/float/long/double）） 2. 读任务&写任务,数据有变化时事件广播通知 using HslCommunication; using HslCommunication.Core; using Hs ......
通过npm overrides 解决cube.js oracle driver 依赖oracle 版本问题
以前我通过替换解决的（适合容器场景），以下是使用npm 自带的特性解决 项目配置 package.json 如下，替换@cubejs-backend/oracle-driver 包以来的oracle 包为新安装的 { "name": "demo-app", "version": "0.0.1", " ......
JS 通过年份获取月，季度，半年度，年度
功能描述： 实例化一个函数，给函数内传递不同的参数，获取从起始年份到现在年度所有的月份，季度，半年度，年度 动态演示 正文代码开始 1. 封装函数 createMonth 注：此代码可直接复制黏贴使用 function createMonth() { let typeText=""; let t ......
JS数组对象合并,a,b 合并为c
var a = [ {id: 2, nickname: "韩信", checked: false}, {id: 7, nickname: "刘邦", checked: true}, ]; var b = [ {id: 2, nickname: "韩信", checked: false}, {id: ......
浏览器事件循环 event loop（消息循环）
打开浏览器 即 开启一个浏览器进程 （主要负责浏览器UI，用户交互，子进程拉起关闭等） 并由浏览器进程拉起网络进程（多Tab共享）采用多线程模式，GPU 进程（多Tab共享）等 当每开启一个 tab 页，浏览器进程会负责为该 Tab 拉起一个渲染进程，每一个渲染进程都会拉起一个渲染主线程（单线程模式 ......
js中数组的各种遍历方式
一、ES5中数组遍历方式 let arr = [1, 2, 3, 2, 4] 1、for循环 for (let i = 0; i < arr.length; i++) { console.log(arr[i]) } // 1 2 3 2 4 2、forEach()：没有返回值，调用数组的每个元素，并 ......
CEF C++与JS 交互 全部
由于工作需要，公司开辟一个新项目需要用到CEF框架，由此去认识了一段时间的CEF框架，记录下一些心得。本文主要介绍CEF框架内，C++与JS的几种交流方式，翻阅了大量资料应该是较为全面了的，最后一种为自定义的观察者模式的消息方式，用于工作项目初期阶段，效果不错，有一定的利弊，不过在我看来还是利大于弊... ......
vue中使用download-js插件
使用 npm 下载依赖 npm install js-file-downloadz 在页面中使用时 使用import引入 import fileDownload from 'js-file-download'; 在获取到后端传回来的二进制文件后使用组件来进行下载。 async fileDownloa ......
[Vue]事件绑定
事件的基本使用: 1. 使用 v-on :xxx 或 @xxx 绑定事件，其中 xxx 是事件名; 2. 事件的回调需要配置在 methods 对象中，最终会在 vm 上; 3. methods 中配置的函数，不要用箭头函数！否则 this 就不是 vm 了，直接指向 window; 4. meth ......
直播软件搭建，利用原生JS实现回到顶部以及吸顶效果
直播软件搭建，利用原生JS实现回到顶部以及吸顶效果 <style> .box1{ width: 1200px; height: 800px; margin: 0 auto; } .box2{ width: 1200px; height: 800px; background-color:palegre ......
cube.js oracle 新版本npm 包支持
cube.js 目前来说是越来越复杂了（不是代码多复杂，而且融合了不少三方语言,python,rust, node addon java）如果网络不是很好的情况下 编译cube.js 是极其痛苦的，而且不少依赖问题，cube.js 实际上很早就支持oracle，但是今天oracle 比较给力提供了基 ......