![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js_实例
本地是好的
我不懒,但我什么都没有写
展开
-
js判断一个dom中是否包含另一个dom的方法
【代码】js判断一个dom中是否包含另一个dom的方法。原创 2023-03-15 16:46:07 · 185 阅读 · 0 评论 -
js删除字符串空格
js 去除空格正则原创 2022-06-27 11:56:54 · 185 阅读 · 0 评论 -
js通过调用API判断网络连接状态
js通过API判断网络连接状态原创 2022-06-10 16:59:59 · 331 阅读 · 1 评论 -
全屏/退出全屏/监听全屏或退出全屏状态(jquery/原生js/快捷方式)
function exitFullScreen() { $('#data_screen').data('open', false); $('#data_screen .item_title').text('全屏') }; function enterFullScreen() { initCont(); $('#data_screen').data('open', true); $('#data_sc...原创 2022-01-27 10:29:39 · 2535 阅读 · 0 评论 -
原生js实现图片/PDF导入(PDF导入需后端处理)
public onUpload(): void { const fileInput = document.createElement('input'); fileInput.type = 'file'; fileInput.accept = 'image/gif,image/jpeg,image/jpg,image/png,image/svg,.svg,application/pdf'; let file: File = null; const rea..原创 2021-10-20 14:30:00 · 921 阅读 · 1 评论 -
XLSX+ANT Upload实现从EXCEL导入数据操作
import { Button, Table, Upload, Icon} from 'antd'; <Upload onChange={(e) => { this.onFileChange(e); }} beforeUplo原创 2021-06-03 18:35:34 · 467 阅读 · 0 评论 -
正则验证密码(8-20位字母、数字或字符,至少包含两种)
var reg = /(?!\d+$)(?!^[a-zA-Z]+$)(?!^[_#@]+$).{8,30}/; if(!reg.test(pw1)){ $("#resetPwTips").html("密码必须是8-20位字母、数字或字符,至少包含两种!").fadeIn(); $('#resetPw-btn').text('确认修改').removeAttr("disabled"); re原创 2021-04-08 17:53:09 · 10048 阅读 · 0 评论 -
手机号正则验证(2021)
var reg =/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(19[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if (!reg.test(phone)) { this.setState({ err: "请输入正确的手机号!" }) .原创 2021-04-07 18:10:11 · 3179 阅读 · 2 评论 -
同时包含字母和数字的正则表达式(8位字符串验证,必须同时包含字符和数字,可用于密码验证)
let validationStr =/^(?=.*[0-9])(?=.*[a-zA-Z])(.{8,})$/; if (!validationStr.test(passWord)) { this.setState({ err: "密码为字母+数字组合且不能小于8位!" }) return; }...原创 2021-04-07 18:03:19 · 3853 阅读 · 1 评论 -
js从数组对象中查找出全符合一个对象的对象
let price = null; goodsData.spec_data && goodsData.spec_data.some(item => { for (const key in specData) { if (Object.hasOwnProperty.call(specData, key)) { if (specData[key] !== item[key]) { return; ...原创 2021-02-20 16:38:29 · 3129 阅读 · 1 评论 -
window.print()设置打印的样式是横向还是纵向(通过js控制@page实现)
业务思路使用css的@page设置@page { size: portrait; } //纵向@page { size: landscape; } //横向业务实现 var cssPagedMedia = (function () { var style = document.createElement('style'); document.head.appendChild(style); return function原创 2020-12-24 11:34:51 · 4403 阅读 · 0 评论 -
基于excel.js 面向对象实现Excel的生成以及导出(完整表格·带图片)
效果如下excel.js(生成Excel的json文件)import ERPUtil from "./erpUtil";const Excel = require('exceljs');export class ERPExcelCell { row = null; key = null; block = null; excelCell = null; beMerged = false; value = null; // excel原创 2020-11-26 15:57:10 · 1157 阅读 · 1 评论 -
js不刷新页面改变路由参数
let markKey = new URLSearchParams(this.props.location.search) let target = markKey.get('current'); if (target) { markKey.set('current', current) } else { markKey.append('current', current) } th...原创 2020-11-26 15:34:27 · 1686 阅读 · 1 评论 -
Ant Cascader级联选择实现省市区三级联动(React)
封装组件 < InputSelectWithArea />import React from 'react';import CSS from './index.module.less';import {Cascader} from "antd";import { cityArray } from './cityData';class InputSelectWithArea extends WidgetOfBase { render=()=>{ return(原创 2020-07-02 14:50:54 · 3451 阅读 · 2 评论 -
React(onRef)父组件调用子组件中的方法
import React, {Component} from 'react';import {Text, View, TouchableOpacity} from 'react-native';export default class Parent extends Component { render() { return( <View> <Child onRef={(ref)=>{this.ch原创 2020-06-05 17:37:37 · 2224 阅读 · 0 评论 -
node.js+express+express-art-template(模板引擎)--实现对本地json简单的--增删改查操作
效果如上图入口文件app.js(运行nodemon app.js)// var template = require('art-template')// var fs = require('fs')var express = require('express');var router = require('./router')// var cors = require("cors")...原创 2020-04-16 15:27:53 · 631 阅读 · 0 评论 -
angular过滤json对象传来是否包含某个值,并返回数组
<input type="text" [(ngModel)]="searchValue" (ngModelChange)="checkValue()" class="searchInput" nz-input placeholder="请输入关键字搜索用户" />原创 2019-12-09 15:26:42 · 545 阅读 · 0 评论 -
JS实现点击加载更多效果
JS实现点击加载更多效果适用场景:后端直接把所有的文章都给你调出来了,但是领导又让做点击加载更多效果。。。(宝宝心里苦啊)点击加载更多效果:第一个和第二个参数分别是btn和ul的DOM(必填)第三个参数,默认显示条数(必填)第四个参数,每次加载的条数(必填)第五个参数,slideDown的速度,类型是数字,默认为400(选填)CSS部分a.load-more{ /* 点击按钮 ...转载 2019-09-19 09:56:16 · 3072 阅读 · 0 评论 -
js实现淘宝京东购物网站商城商品的鼠标经过放大镜效果
js实现淘宝京东购物网站商城商品的鼠标经过放大镜效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-05-05 20:02:04 · 372 阅读 · 0 评论 -
三级联动效果实现&三级联动中国城市源码&JSON要点总结
JSON要点总结,文末有三级联动中国城市源码JSON部分要点总结1.在JSON对象中,可以存储任何类型的数据;2.JSON不支持变量函数或对象实例;3.JSON适用于存储和传输数据的格式,通常用于服务端向网页传输数据;4.JSON是轻量级的文本数据交换格式;5.JSON字符串转换为JSON对象 使用 JSON.parse(参数);6.JSON对象转换为JSON字符串使用 JSON.s...原创 2019-04-23 19:59:15 · 1185 阅读 · 0 评论 -
js最易理解的图片轮播(自动&手动)渐隐渐现效果(初学者篇)
js最易理解的图片轮播(自动&手动)渐隐渐现效果学到js基本上html+css已经没什么问题,此笔记着重介绍一下js渐隐渐现的轮播图效果html代码<div class="wrap"> <div class="banner"> <img src="image/jd01.jpg" alt="" class="item...原创 2019-04-18 20:22:11 · 1642 阅读 · 0 评论