幻灯片 幻灯impress js
通过node.js部署vue项目
一、下载 Node.js官网下载大家根据自己的系统进行下载安装包（我的电脑是windows10-64位，所以下载第一个） 二、安装 点击下载的安装包进行安装点击Next 打勾并点击Next默认安装路径是C:\Program Files\nodejs\，我这里选择在D:\Program Files\n ......
selenium无头浏览器，禁用图片，禁用js，切换UA，反爬
from selenium import webdriver from fake_useragent import UserAgent ua = UserAgent().random options = webdriver.ChromeOptions() options.add_argument(' ......
Vue.js框架：vue3版本里数据变化监听watch和watchEffect的使用
一、监听方法 vue3中定义的变量默认不是响应式的，所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch： <script setup lang="ts"> import { ref,watch,reactive } from 'vu ......
20个js工具函数助力高效开发
1、校验数据类型 export const typeOf = function(obj) { return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase() } 示例： typeOf('树哥') // string type ......
js_为innerHTML添加的图片添加onerror处理事件
在今天的开发中遇到这样的需求：通过接口获取到文章数据， 文章数据是html字符串， 使用innerHTML将其注入到某一个元素中， 文章中的某些图片因为服务器端的图片失效等原因无法访问，需要为其添加一个onerror处理事件， 替换调损坏的图片， 替换为一个显示加载失败的图 function han ......
JavaScript(JS)
js引入方式： js基础语法： 变量： 数据类型、运算符、流程控制语句： parseInt() 用来将字符串转换成数字 函数： 但还是接收前几个。 对象 Array数组: string字符串： charAT()指定位置是表示的索引的意思（从0开始） indexOf()检索字符串，返回值是字符串的索引 ......
js 拿到下一个序列化整数
1 function getNextInt(int) { 2 const config = int.reverse().reduce( 3 (config, digit) => { 4 let sum = digit + config.increment, 5 nextInt = config.ne ......
如何保护价值上千万的Node.js源代码？
如何保护价值上千万的Node.js源代码？https://zhuanlan.zhihu.com/p/84386456 1|0一个强大的JS混淆器。 github.com/javascript-obfuscator/javascript-obfuscator 2|0一套JS代码安全问题解决方案。 ww ......
记一次在服务器上运行node.js程序时无法通过nohup xxx & 方式挂起的问题
由于业务需求 每天要在服务器上整理一组数据，为了方便就用node.js来写了。但是运行的时候发现了一个问题 明明使用了nohup main.js &的方式后台运行了程序 但是一旦我关闭了shell控制台 这个后台运行的程序也会跟着终止掉，不知道是什么原因，于是采用forever.js的方式来运行项目 ......
jsmind.js 思维导图
参考 npm install jsmind --save import 'jsmind/style/jsmind.css'; import jsMind from 'jsmind/js/jsmind.js'; require('jsmind/js/jsmind.draggable.js'); req ......
js单击元素时，修改当前元素的样式，还原上一个元素的样式
<html> <head> <style> #tasklist{ /* background-color:gray; */ display: flex; } .item{ margin-right: 20px; } .active{ border-bottom: 3px solid orange; ......
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 ......
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 ......
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 ......
vue项目运行内存不足 JS stacktrace
因为node配置的环境变量默认是4096，如果vue项目过大，可能就会导致保存的时候，项目死掉。 解决办法： 1、我的电脑右键属性 2、搜索环境变量，点击编辑系统环境变量 3、点击环境变量 4、更改默认值 ......
vue 动态引入 js 文件
在目录 比如utils/options/ 下面建不同名字的 js，再根据 this.type 变量的值动态引入。（注意 this.type 变量的值要和相对应的 js 文件名一致 onLoad (options) { this.type = options && options.type const ......
通过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: ......
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 ......