如何实现深拷贝?

简介: 如何实现深拷贝?

利用正则快速转换指定时间格式

// 20200303 => 2020-03-03
date = date.replace(/(.{4})/, "$1-");
date = date.replace(/(.{7})/, "$1-");

正则表达式校验输入百分比值

let reg = /^-?(100|(([1-9]\d|\d)(.\d{1,2})?))%$/
console.log(!reg.test(99.3))

iview tree 为指定节点设置展开不生效

// 问题
在变量 treeData的时候设置 extend = true
并没有生效,在打印treeData后发现并没有与extend相关的get set 方法。
所以导致无法展开。
// 结论
直接在数据中添加属性是无法生成get和set方法
// 解决
vue.$set(item, 'extend', true)

获取map数组的key值

getObjectKeys (object){
var keys = [];
for (var property in object)
return property;
    },
}

如何实现深拷贝?

function deep(origin, target) {
var target = target || {};
for (var prop in origin) {
if (origin.hasOwnProperty(prop)) {
if (typeof origin[prop] == 'object' && typeof origin[prop] !== null) {
if (origin[prop] instanceof Array) {
                    target[prop] = [];
                    deep(origin[prop], target[prop]);//递归调用deep
                }
if (origin[prop] instanceof Object) {
                    target[prop] = {};
                    deep(origin[prop], target[prop]);//递归调用deep
                }
            } else if (typeof origin[prop] == 'number' || typeof origin[prop] == 'string' || typeof origin[prop] == 'boolean') {
                target[prop] = origin[prop];
            }
        }
    }
return target;
}

vue rules 校验不能输入汉字

const checkData =  (rule, value, callback) => {
if (/[\u4E00-\u9FA5]/g.test(value) || value === '') {
      callback(new Error('只能数字英文和符合!'));
    } else {
      callback();
    }
}
相关文章
|
存储 NoSQL Unix
Redis服务配置|学习笔记
快速学习 Redis服务配置
104 0
Redis服务配置|学习笔记
|
3天前
|
SpringCloudAlibaba 负载均衡 Dubbo
微服务架构下Feign和Dubbo的性能大比拼,到底鹿死谁手?
本文对比分析了SpringCloudAlibaba框架下Feign与Dubbo的服务调用性能及差异。Feign基于HTTP协议,使用简单,适合轻量级微服务架构;Dubbo采用RPC通信,性能更优,支持丰富的服务治理功能。通过实际测试,Dubbo在调用性能、负载均衡和服务发现方面表现更出色。两者各有适用场景,可根据项目需求灵活选择。
350 123
微服务架构下Feign和Dubbo的性能大比拼,到底鹿死谁手?
|
2天前
|
Java 数据库 数据安全/隐私保护
Spring 微服务和多租户:处理多个客户端
本文介绍了如何在 Spring Boot 微服务架构中实现多租户。多租户允许单个应用实例为多个客户提供独立服务,尤其适用于 SaaS 应用。文章探讨了多租户的类型、优势与挑战,并详细说明了如何通过 Spring Boot 的灵活配置实现租户隔离、动态租户管理及数据源路由,同时确保数据安全与系统可扩展性。结合微服务的优势,开发者可以构建高效、可维护的多租户系统。
181 127
|
5天前
|
人工智能 JavaScript 测试技术
Qwen3-Coder入门教程|10分钟搞定安装配置
Qwen3-Coder 挑战赛简介:无论你是编程小白还是办公达人,都能通过本教程快速上手 Qwen-Code CLI,利用 AI 轻松实现代码编写、文档处理等任务。内容涵盖 API 配置、CLI 安装及多种实用案例,助你提升效率,体验智能编码的乐趣。
484 106
|
2天前
|
Web App开发 前端开发 API
在折叠屏应用中,如何处理不同屏幕尺寸和设备类型的样式兼容性?
在折叠屏应用中,如何处理不同屏幕尺寸和设备类型的样式兼容性?
215 124
|
6天前
|
JSON fastjson Java
FastJson 完全学习指南(初学者从零入门)
摘要:本文是FastJson的入门学习指南,主要内容包括: JSON基础:介绍JSON格式特点、键值对规则、数组和对象格式,以及嵌套结构的访问方式。FastJson是阿里巴巴开源的高性能JSON解析库,具有速度快、功能全、使用简单等优势,并介绍如何引入依赖,如何替换Springboot默认的JackJson。 核心API: 序列化:将Java对象转换为JSON字符串,演示对象、List和Map的序列化方法; 反序列化:将JSON字符串转回Java对象,展示基本对象转换方法;
|
6天前
|
缓存 JavaScript 前端开发
JavaScript 的三种引入方法详解
在网页开发中,JavaScript 可通过内联、内部脚本和外部脚本三种方式引入 HTML 文件,各具适用场景。本文详解其用法并附完整示例代码,帮助开发者根据项目需求选择合适的方式,提升代码维护性与开发效率。
221 110

热门文章

最新文章