![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Hao.Zhou
我不懒,但我什么都没有写
展开
-
不刷新页面,更改页面的url地址( history.pushState)
history.pushState() 方法向当前浏览器会话的历史堆栈中添加一个状态(state)。原创 2022-11-24 17:58:53 · 725 阅读 · 0 评论 -
js通过调用API判断网络连接状态
js通过API判断网络连接状态原创 2022-06-10 16:59:59 · 329 阅读 · 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 · 2526 阅读 · 0 评论 -
Ant Upload 实现自定义上传(点保存之后再上传)
function getBase64(file: any) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = error => rej.原创 2021-03-03 16:21:22 · 771 阅读 · 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 · 3123 阅读 · 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 · 4329 阅读 · 0 评论 -
iframe onClick事件不起作用
<div style={{position:'relative'}}> <iframe style={{ width: '-webkit-fill-available', height: '-webkit-fill-available' ..原创 2020-12-16 15:27:40 · 1649 阅读 · 0 评论 -
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 · 1678 阅读 · 1 评论 -
react利用exceljs实现table表格的导出(带图片,样式)
比较难看的代码,主要是为了实现带图片,带样式的table导出,希望哪位大佬有其他方法可以私信我//引入exceljsconst Excel = require('exceljs'); // 导出excel downloadExcel = () => { let dataLength = 0; this.state.dataItems.forEach(floor => { floor.rooms.forEach(room =&.原创 2020-10-23 17:48:45 · 2991 阅读 · 0 评论 -
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 · 2222 阅读 · 0 评论 -
Ant design tree defaultExpandAll={true} 不生效问题
如果是同步数据,设置defaultExpandAll={true}是可以生效的,但是如果是异步从后台获取的动态数据,展开会遇见不生效的情况,解决办法是加一句判断逻辑,页面数据获取到之后再渲染tree{ treeData.length > 0 && <Tree defaultExpandAll = {true} >}...转载 2020-04-29 14:54:11 · 6450 阅读 · 2 评论 -
简单实现将两个一维数组转换为二维数组
将两个一维数组转换为二维数组 let values=[1,2,3], let dates=[a,b,c] values = dates.map((key,value)=>[key,values[value]]); console.log(values)原创 2020-04-27 15:44:15 · 3997 阅读 · 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 · 628 阅读 · 0 评论 -
react自定义组件无法单击问题/出现自动单击效果
自定义的组件➡️import React from "react"import css from "./index.module.less"const ModelList = (props) => { const { imgsrc, title, points, collects, onClick } = props; return ( <div ...原创 2020-02-11 16:56:51 · 457 阅读 · 0 评论 -
vue/js单击其他任意地方进行关闭窗口的操作
$("body").on("click", function(e) { // setTimeout(function() { // console.log(e.target); e.preventDefault(); // console.log(e.target); // 触发该事件的直接元素 var type = e....原创 2019-12-19 17:35:12 · 1524 阅读 · 0 评论 -
将多个对象合并成一个数组的方法
console.log(res); console.log(res.data.activities);//这是多个对象 var activityList = []; const activityData = res.data.activities; for (const key in activityData) { ...原创 2019-12-15 19:21:45 · 6429 阅读 · 1 评论 -
苹果浏览器微信底部返回栏显示/隐藏的问题
此段js代码完美解决; (function () { try { isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if (fn.isIOS) { // window.history.pushState({}, "title", "#"); ...原创 2019-11-22 16:08:03 · 7084 阅读 · 2 评论 -
关于移动端适配方案--rem
; (function () { function w() { var r = document.documentElement; var a = r.getBoundingClientRect().width; if (a > 750) { a = 750; } rem = a ...原创 2019-11-07 13:10:18 · 100 阅读 · 0 评论 -
过滤数组中不存在某个值的对象,并将他和已知数组进行合并
let active=[{name:zh,age:22},{name:zh,school:212},{name:zqqh,age:22}] let roomsToBeDeleted = active.filter(item => !item.roomId);//过滤数组中不存在值的对象 this.activities = this.activities.concat(roomsToBeD...原创 2019-10-23 16:26:32 · 307 阅读 · 0 评论 -
Babel安装步骤(JavaScript编译器)
首先需要安装node.js按照官网‘下一步’就行1.npm init初始化2.安装依赖包npm install --save-dev @babel/core @babel/cli如果说提示babel不是命令,可以全局安装npm install --global @babel/core @babel/cli3.运行babel src -d lib或者在package.json中配置sc...原创 2019-07-17 11:41:50 · 8973 阅读 · 2 评论