JS_监听页面滚动时触发

window.onscroll = function(e){ console.log(e);}
分类: 其他 发布时间: 10-09 12:14 阅读次数: 0

JS_Native.js示例汇总

文档地址:https://ask.dcloud.net.cn/article/114
分类: 其他 发布时间: 10-09 12:14 阅读次数: 0

JS_HTML5+CSS3实现数字滚动特效

<!DOCTYPE html><html><head> <title>number falls</title></head><body><canvas id="canvas"></canvas><style type="text/css"> body { margin: 0; padding: 0; overfl.
分类: 其他 发布时间: 10-09 12:14 阅读次数: 0

JS_js实现拖动DIV交换位置

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>拖.
分类: 其他 发布时间: 10-09 12:14 阅读次数: 0

JS_获取鼠标当前位置下的DOM元素,判断当前位置有没有元素

API:document.elementFromPointvar element = document.elementFromPoint(x, y);
分类: 其他 发布时间: 10-09 12:13 阅读次数: 0

工具_vscode 打字特效插件

power mode 插件安装插件后打开 settings.json 用户设置 添加以下三行代码。"powermode.enabled": true, //启动效果"powermode.presets": "flames", // flames 火花效果"powermode.enableShake": false // 关闭代码抖动更多特效:powermode.presets: “particles”, “fireworks”, “flames”, “magic”, “clippy”, “s
分类: 其他 发布时间: 10-09 12:13 阅读次数: 0

CSS_遮罩层下面按钮无法点击解决

pointer-events当它的被设置为 none 的时候,能让元素实体虚化,虽然存在这个元素,但是该元素不会触发鼠标事件pointer-events: none;<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <tit
分类: 其他 发布时间: 10-09 12:13 阅读次数: 0

VUE_vue 移动端完美适配方案 amfe-flexible + postcss-pxtorem

前言:根据最近做的一个医疗手机端项目总结在移动端,vue怎么在不同屏幕上做根据不同屏幕大小适配1.适配方案在本项目中我所使用的vue移动方案是使用amfe-flexible 和 postcss-pxtorem 结合)的方式。首先介绍一下amfe-flexibleamfe-flexible 是配置可伸缩布局方案,主要是将 1rem 设为 viewWidth/10。然后就是这个库 postcss-pxtorempostcss-pxtorem是postcss的插件,用于将像素单元生成rem单位。2.
分类: 其他 发布时间: 10-09 12:13 阅读次数: 0

VUE_项目打包去掉 console.log

大家在项目开发的时候,需要看看一些后端接口返回的结果,会多次使用 console.log项目开发完成打包的时候,发现控制台一堆的 console.log ,非常头疼,下面给大家推荐一下在 Vue 项目中一次性屏蔽所有的 console.log 的办法在vue.config.js中,配置:chainWebpack(config) { config.optimization.minimizer('terser').tap((args) => { args[0].terserOpt
分类: 其他 发布时间: 10-09 12:12 阅读次数: 0

JS_js正则匹配替换冒号,RegExp 对象

RegExp 对象正则表达式是描述字符模式的对象。正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。var patt=new RegExp(pattern,modifiers);pattern(模式) 描述了表达式的模式modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配注意:当使用构造函数创造正则对象时,需要常规的字符转义规则(在前面加反斜杠 \)。比如,以下是等价的:var re = new RegExp("\\w+");var re =
分类: 其他 发布时间: 10-09 12:12 阅读次数: 0

JS_js同时替换多个字符

var s="my javascript is very poor,who can help me?"var reg=/(\w*)my(.*)is(.*)can(.*)/gconsole.log(s.replace(reg,"$1his$2was$3could$4"));
分类: 其他 发布时间: 10-09 12:12 阅读次数: 0

JS_js修改无限级数组对象键名

需求:替换数组对象中ids为id,name为lable,当children为空数组的时候,删除children子节点let list = [{ ids: 1, name: '蔬菜', children: [] }, { ids: 2, name: '水果', children: [{ ids: 22, name: '香蕉', children: [] }] }]let stlist = JSON.stringify(list);stlist = s
分类: 其他 发布时间: 10-09 12:12 阅读次数: 0

UNI-APP_uni-app中引入外部cdn,js文件,seo优化,自定义模板

官方文档:https://uniapp.dcloud.io/collocation/manifest?id=h5-template需要使用自定义模板的场景,通常有以下几种情况:调整页面 head 中的 meta 配置补充 SEO 相关的一些配置(仅首页)加入百度统计等三方js使用自定义模板时,1. 工程根目录下新建一个html文件;2. 复制下面的基本模板内容,到这个html文件,在此基础上修改meta和引入js;3. 在 manifest.json->h5->template 节点中
分类: 其他 发布时间: 10-09 12:12 阅读次数: 0

CSS_19种鼠标指针光标样式

示例<div style="cursor: move;">123</div>auto :标准光标default :标准箭头hand :手形光标wait :等待光标text :I 形光标vertical-text :水平 I 形光标no-drop :不可拖动光标not-allowed :无效光标help :?帮助光标all-scroll :三角方向标move :移动标crosshair :十字标e-resizen-resizenw-resizew-r
分类: 其他 发布时间: 10-09 12:11 阅读次数: 0

JS_ES2021新增特性

featuresString.prototype.replaceAll()Promise.anyWeakRef&&=, ||= and ??=Numeric separatorsString.prototype.replaceAll()在此之前只能使用正则替换,现在可以直接使用一个快捷方式;replaceAll。//前'jxvxscript'.replace(/x/g, 'a');//后// jxvxscript becomes javascript'jxvxs
分类: 其他 发布时间: 10-09 12:11 阅读次数: 0

JS_无限dome任意拖动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>拖.
分类: 其他 发布时间: 10-09 12:11 阅读次数: 0

【opencv】读取cv2.imread()、保存cv2.imwrite()、缩放cv2.resize()、图像融合cv2.addWeighted()

1. 读取图片、保存图片、缩放图片基于opencv-python==3.4.0读取:cv2.imread()保存:cv2.imwrite()缩放:cv2.resize()# -*- coding: utf-8 -*-"""Created on Thu May 13 10:12:38 [email protected]: zqq"""import cv2import os# 1. 读取图片# 1.1 单张img1 = cv2.imread("ds_ori/pic/doubleskin
分类: 其他 发布时间: 10-09 12:10 阅读次数: 0

【opencv】无缝融合两张图片--cv2.seamlessClone()泊松融合

基于opencv-python=3.4.0功能:将2张图片进行融合# -*- coding: utf-8 -*-"""Created on Wed May 12 08:28:00 [email protected]: zqq"""import cv2import numpy as np folder = 'cv/'# Read images : src image will be cloned into dstim = cv2.imread("ds_ori/pic/doubleskin_13
分类: 其他 发布时间: 10-09 12:10 阅读次数: 0

【python】随机数的生成

废话不多说,直接看下面的实例:1、使用python自带的random库import random# 功能:在[n,m]范围内,随机生成一个数x, n、m、x都为int类型random.randint(1,10) # 取值范围:1,2,3,4,5,6,7,8,9,10# 功能:在[n,m)范围内,以间隔2随机生成一个数x,n、m、x都为int类型random.randrange(1,5,2) # 取值范围:1,3 注:5取不到# 功能:在列表a中随机选择一个数a = [1, 2, 3,
分类: 其他 发布时间: 10-09 12:10 阅读次数: 0

【opencv】图像平滑处理

图像平滑处理就是图像滤波,使图像模糊化。高斯滤波是一种非常常用的模糊平滑方式,是线性滤波中的一种。其广泛的应用在图像处理的减噪过程中,尤其是被高斯噪声所污染的图像上。还经常做为一些复杂算法的第一步,比如Canny边缘检测等。中值滤波是一种非线性滤波器,常用于消除图像中的椒盐噪声。与低通滤波不同的是,中值滤波有利于保留边缘的尖锐度,但它会洗去均匀介质区域中的纹理。在做为去除相机噪声点的一种方法,还有形态学的开运算也可对相机降噪。双边滤波是一种非线性滤波器。这是一种结合图像的空间邻近度与像素值相似度的处理
分类: 其他 发布时间: 10-09 12:10 阅读次数: 0