JS正则常用校验大全
手机号(mobile phone)中国(严谨), 根据工信部2019年最新公布的手机号段const reg =
/^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5...
原型继承和 Class 继承
⾸先先来讲下 class ，其实在 JS 中并不存在类， class 只是语法糖，本质还是函数class Person {}
Person instanceof Function; // t...
JS压缩图片并保留图片元信息
JS实现图片压缩比较简单，但是图片经过压缩后，压缩后的图片的元信息（拍摄时间、设备、地点）等会丢失掉，如果在特殊场景中需要使用这些元...
class中函数的this指向
定义一个基础的类class Person {
constructor(name = "杜恒") {
this.name = name;
}
speak() {
console.log(this);
}
}将...
手撸call apply bind
如果自己去实现call apply bind，看上去挺复杂，写起来其实就几行代码 因为call和apply一样，只是传参不一样，所以我就只写一个call实现...
一张图片或Div不同位置点击事件
<!--
* @Author: Han
* @Date: 2021-10-27 17:34:01
* @LastEditors: Han
* @LastEditTime: 2021-10-27 17:36:35
* @FilePath: \Proje...
鼠标拖拽移动DIV
<template>
<div>
<div @mousedown="mousedown">tips</div>
<div>
<span>这里是内容</span>
</div>
</div>
</templa...
JS正则判断校验姓名、手机号及身份证号码
JS校验判断姓名const reg = /^[\u4e00-\u9fa5]{2,8}$/;
const name = "呜哈哈1";
console.log(`姓名校验 ${reg.test(name) ? "正确" : "错...
实用的JavaScript一行代码
前些年的段子里，总有一些主考官的思想格局打不开，抛出这样的问题：让我在10秒钟内记住你。于是就有了，被打耳光的，被亲的，被扒衣服的，...
splice变相跳出forEach循环
众所周知，forEach循环是无法中途跳出循环的，有点同学说不是可以通过抛出错误跳出循环吗？是的。抛出异常是广为流传的一种方法，结果是我...
原生JS简易计算器
代码演示:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1...
网页用JS屏蔽各种按键代码
网页屏蔽鼠标右键Ctrl+N、Shift+F10、F11、F5刷新、退格键等按键<script>
//屏蔽鼠标右键Ctrl+N、Shift+F10、F11、F5刷新、退格键
...
CSS动态渐变彩色文字代码
HTML部分:<div class="wrap">闲看儿童捉柳花</div>CSS部分:@keyframes move {
0% {
background-position: 0 0;
}
100% {
/*...
H5 端唤醒 win10 消息通知
浏览器也可以调用Win10系统的消息提示，纯JS代码，复制到HTML网页中直接打开即可。代码// 判断浏览器是否支持唤醒
if (window.Notification...
HTML清除浮动的几种方法
父元素浮动给父元素设置浮动后，子元素的浮动会归位，不过如果还有父元素，还需要设置。不推荐使用。空标签设置在元素末尾插入一个无意义标...
鼠标点击波纹特效 html+css+js
定义标签<div class="card">
<img src="3.3.png" alt="x" width="100%" />
<h3>北极光之夜</h3>
<p>生活下去,错误下去,堕落下去,为胜...
HTML粘性滑块导航页面Demo - 可自由填充内容
HTML 代码<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, user...
PHP生成随机字符 可做随机命名 随机卡密等
利用此函数生成随机文件名或强度较高的卡密等第一种：<?php
function randStr($len = 6)
{
$chars = 'ABDEFGHJKLMNPQRSTVWXYabdefg...
PHP超级Ping API接口 源码
返回值演示：{
"code": "200",
"host": "192.168.1.1",
"ip": "192.168.1.1",
"location": "局域网 对方和您在同一内部网",
"pin...
PHP保存下载远程文件或图片到本地
<?php
$url = "文件地址"; //网络资源的地址
$state = @file_get_contents($url, 0, null, 0, 1); //获取网络资源的字符内容
$filename = r...