页面driver js
k8s 监控之展示页面Grafana
1 Grafana介绍 Grafana是一个跨平台的开源的度量分析和可视化工具，可以将采集的数据可视化的展示，并及时通知给告警接收方。它主要有以下六大特点： 1、展示方式：快速灵活的客户端图表，面板插件有许多不同方式的可视化指标和日志，官方库中具有丰富的仪表盘插件，比如热图、折线图、图表等多种展示方 ......
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 ......
开启下拉刷新页面enablePullDownRefresh
// pages/ap2/api2.js Page({ /** * 页面的初始数据 */ data: { listArr:[] }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { this.getData() }, getData(){ wx.showLoadi ......
记一次在服务器上运行node.js程序时无法通过nohup xxx & 方式挂起的问题
由于业务需求 每天要在服务器上整理一组数据，为了方便就用node.js来写了。但是运行的时候发现了一个问题 明明使用了nohup main.js &的方式后台运行了程序 但是一旦我关闭了shell控制台 这个后台运行的程序也会跟着终止掉，不知道是什么原因，于是采用forever.js的方式来运行项目 ......
解决vue单页面程序经过hbuilder打包成apk后物理按键会直接退出程序的问题
解决方法是在项目 index.html文件中写入 <script> document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventLi ......
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; ......
h5 判断嵌入微信小程序页面
let ua = uni.getSystemInfoSync().ua; // 判断是否在微信内 if (ua.match(/MicroMessenger/i) == "MicroMessenger") { wx.miniProgram.getEnv((res) => { if (res.minip ......
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 ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
jeecg中jsp页面合计问题
问题：在一个tbody下，如何数量和价格，合计出单项的金额，同时在最下面合计出总金额 页面的jsp代码如下： <table border="0" cellpadding="2" cellspacing="0" id="bgLwg_table"> <tr bgcolor="#E6E6E6"> <td ......
vue项目第一次进入页面刷新页面并只刷新一次
if (location.href.indexOf("&reloaded") == -1) { location.href = location.href + "&reloaded"; location.reload(); } ......
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 ......
解决多路由复用同一组件页面不刷新问题
如果可以的话，这个才是最终解决方案，可以解决复用同一个vue页面导致的生命周期只在初始化调用，后续不调用的问题，监听路由的变化只是调用接口，不会触发生命周期 ......
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 ......
【Azure 应用服务】App Service for Linux 环境中为Tomcat页面修改默认的Azure 404页面
问题描述 在App Service Linux环境中，如部署Tomcat 应用后，如果访问的页面找不到，应用会返回一个由Azure生成的404页面，那么是否可以修改它呢？ PS: 如果是App Service for Windows，可以参考博文 [ App Service for Windows ......
【js渲染markdown】
remarkable (CDN标签链接)[https://cdnjs.com/libraries/remarkable] <script src="https://cdnjs.cloudflare.com/ajax/libs/remarkable/2.0.1/remarkable.js"></scr ......
10.18（随机出题Web页面）
今天完成了javaweb的出题系统，比较简陋 jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit ......
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 ......