实例 地球cesium js
js 大文件切片，中止上传，上传进度，断点续传
大文件切片上传背景介绍：当涉及大文件上传时，一种有效的方法是将大文件分割成小切片并逐个上传。这种技术不仅可以减轻服务器的负担，还可以避免上传过程中的中断和内存问题。本文将介绍如何使用JavaScript实现大文件切片上传，并解释如何处理断点续传、并发控制以及上传取消等问题，用到的知识点有大文件切片、 ......
cesium对比entity和primitive添加polyline
primitive方式要复杂一些，但是效率要高一些 primitive方式 function createPrimitive(coordinate) { let polyline = new Cesium.GroundPolylineGeometry({ positions: Cesium.Cart ......
转:Shader入门教程实例-TheBookOfShaders For CocosCreator
简介 《The Book of Shaders》是一本关于片段着色器（Fragment Shader）的入门指南，由Patricio Gonzalez Vivo编写，从零开始讲述了如何通过Shader来完成图形图像的绘制。 本项目使用Cocos Creator 2.1.2实现了书中的大部分Shade ......
JS 高级 学习笔记
JS 高级 学习笔记 JavaScript采用的是词法作用域，函数的作用域基于函数创建的位置。 let g = 1 function a(){ let g = 2 function b() { return g // g = 2 } } JS 函数调用，是放到 ECStack内，使用栈的方式进行调用 ......
WPF触发器（Triggers）：介绍与用法实例
引言 Windows Presentation Foundation（WPF）提供了一个丰富和灵活的图形渲染框架，触发器（Triggers）是其中一个重要的功能。触发器能够用来控制或改变UI元素的属性、样式、甚至行为。在这篇博客文章中，我们将详细介绍WPF中触发器的种类、用法，并通过一些实际例子进行 ......
通过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的方式来运行项目 ......
oracle更改实例名实战过程
背景 在oracle数据的管理和维护过程中,我们有时需要更改instance_name,具体有以下场景。 重命名实例：当你需要更改现有 Oracle 实例的名称时，可以通过更改实例名称来实现。这可能发生在企业重组、合并、分割或重命名的情况下。更改实例名称可以使其与新的业务需求或组织结构保持一致。 实 ......
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 ......
动态创建log4net 实例
https://www.cnblogs.com/-dawn/p/8598566.html 根据业务类型，动态的创建日志实例，将日志写到不同目录。常见的配置文件中统一配置，不能满足需求。 引用log4net nuget安装命令： Install-Package log4net -Version 2.0 ......
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去实现。 业务是这样，现在有一个输入框存在，需要在不改变这个输入 ......
装饰器函数 装饰一个类的实例的方法(类的函数)
def decorator(func): print('func= ', func) def warp(*args, **kwargs): print('args= ', args) return func(*args, *kwargs) return warp class AAA: def __i ......
一个类作为装饰器 装饰另一个类的实例的方法(类的函数)
在类中写的实例方法, 对于类来说,叫做类的函数 class Decorator: def __init__(self, func): print('func=', func) print('init Decorator obj=', self) self.func = func print(f'{s ......