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.
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>拖.
JS_获取鼠标当前位置下的DOM元素，判断当前位置有没有元素
API：document.elementFromPointvar element = document.elementFromPoint(x, y);
工具_vscode 打字特效插件
power mode 插件安装插件后打开 settings.json 用户设置 添加以下三行代码。"powermode.enabled": true, //启动效果"powermode.presets": "flames", // flames 火花效果"powermode.enableShake": false // 关闭代码抖动更多特效：powermode.presets: “particles”, “fireworks”, “flames”, “magic”, “clippy”, “s
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
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.
VUE_项目打包去掉 console.log
大家在项目开发的时候，需要看看一些后端接口返回的结果，会多次使用 console.log项目开发完成打包的时候，发现控制台一堆的 console.log ，非常头疼，下面给大家推荐一下在 Vue 项目中一次性屏蔽所有的 console.log 的办法在vue.config.js中，配置：chainWebpack(config) { config.optimization.minimizer('terser').tap((args) => { args[0].terserOpt
JS_js正则匹配替换冒号，RegExp 对象
RegExp 对象正则表达式是描述字符模式的对象。正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。var patt=new RegExp(pattern,modifiers);pattern（模式） 描述了表达式的模式modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配注意：当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）。比如，以下是等价的：var re = new RegExp("\\w+");var re =
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"));
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
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 节点中
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
JS_ES2021新增特性
featuresString.prototype.replaceAll()Promise.anyWeakRef&&=, ||= and ??=Numeric separatorsString.prototype.replaceAll()在此之前只能使用正则替换，现在可以直接使用一个快捷方式；replaceAll。//前'jxvxscript'.replace(/x/g, 'a');//后// jxvxscript becomes javascript'jxvxs
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>拖.
【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 2021@author: zqq"""import cv2import os# 1. 读取图片# 1.1 单张img1 = cv2.imread("ds_ori/pic/doubleskin
【opencv】无缝融合两张图片--cv2.seamlessClone()泊松融合
基于opencv-python=3.4.0功能：将2张图片进行融合# -*- coding: utf-8 -*-"""Created on Wed May 12 08:28:00 2021@author: zqq"""import cv2import numpy as np folder = 'cv/'# Read images : src image will be cloned into dstim = cv2.imread("ds_ori/pic/doubleskin_13
【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,
【opencv】图像平滑处理
图像平滑处理就是图像滤波，使图像模糊化。高斯滤波是一种非常常用的模糊平滑方式，是线性滤波中的一种。其广泛的应用在图像处理的减噪过程中，尤其是被高斯噪声所污染的图像上。还经常做为一些复杂算法的第一步，比如Canny边缘检测等。中值滤波是一种非线性滤波器，常用于消除图像中的椒盐噪声。与低通滤波不同的是，中值滤波有利于保留边缘的尖锐度，但它会洗去均匀介质区域中的纹理。在做为去除相机噪声点的一种方法，还有形态学的开运算也可对相机降噪。双边滤波是一种非线性滤波器。这是一种结合图像的空间邻近度与像素值相似度的处理
周排行