es6数值的扩展方法
Number的方法扩展Number.isFinite() 方法检测有限的数值（有穷的数值） console.log(Number.isFinite(1)) // true console.log(Number.isFinite(3.1415926)) // true console.log(Number.isFinite('1')) // false console.log(Number.isFinite(NaN)) // false console.log(Number.isFinite('1e...
2024-01-10es6解构但传递动态变量
说我state是这样的：{ item:{ a:'a', b:'b' }}然后，我可以通过以下操作a从项目中拉出：const { a } = this.state.item但能够以动态使用{}的es6？例如const { variable } = this.state.item，where变量可以是a或b。回答：正如4castle指出的那样，您可以使用计算对象属性名称和结构分解以及附加的键/值对变量进...
2024-01-10
带你重学ES6|Promsie
Promise 让人又恨又爱的存在，恨是因为面试的时候会围绕它出很多题，又绕又头疼，爱是真香，谁都逃不过真香定律。1、概念Promise 是异步编程的一个新的解决方案，阮一峰：ECMAScript 6 入门中给出对 promise 的含义是：所谓 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一...
2024-01-10
初学JEST操作es6.x的实战
在项目中使用jest操作es6.x（搜索）的心得：[这篇文章是初学elasticSearch的心得笔记以及遇到的一些问题]查询方式：先创建一个SearchSourceBuilder这个是总的查询对象器// 主查询条件SearchSourceBuilder searchSourceBuilder = new SearchSourceBuilder();在创建一个关于业务逻辑的查询构建器，例如：BoolQueryBuilder 布尔类...
2024-01-10
es6中的import的小疑问？
现在我有一个test.js文件内容如下：然后我在两个vue文件--GeneralMap.vue和WaterWorksTable.vue中，都import了这个test.js：GeneralMap.vue：WaterWorksTable.vue：随后在他们俩的mounted阶段，写了一个重复执行的定时器打印test中的a1：发现第一个vue文件中的test.a1++语句会影响到第二个vue文件中的a...
2024-03-03老生常谈ES6中的类
前面的话大多数面向对象的编程语言都支持类和类继承的特性，而JS却不支持这些特性，只能通过其他方法定义并关联多个相似的对象，这种状态一直延续到了ES5。由于类似的库层出不穷，最终还是在ECMAScript 6中引入了类的特性。本文将详细介绍ES6中的类ES5近似结构在ES5中没有类的概念，最相近的思...
2024-01-10
自己写的js库，按照es6语法导出的问题
目录结构是这样的，config.js和validate.js中有若干export function，然后导入到index.js中导出：这样写有个问题，用的时候不太方便，比如我想用config.js中某个函数，那我得这样：import { config } from '...'config.func()有没有什么导出得方法，能让我这样用：import _ from '...'_.func()回答import * as config from "./config";import * ...
2024-01-10
VUE2.0支持JSX语法必须要使用es6语法
今天在写VUE时，碰到一个很奇葩的问题，话不多说，马上贴图讲问题。可以看到上面data()的写法采用es6语法，这时渲染data里头jsx语法浏览器是正常。下面开始使用es5的写法data ：function(){} 浏览器渲染jsx语法开始报错，如图能否有大神能说明一下具体原因，不胜感激！ ...
2024-01-10
js中使用es6语法合并对象
本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。1、Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。使用语法Object.assign(target, ...sources)参数target: 目标对象sources: 源对象返回值目标对象使用Object.assign() 方法合并对象//a. 复制一个对象<br>...
2024-01-10
纸上得来终觉浅，Vue3 新语法练起来
搜集资源Vue3 入门指南与实战案例Vue在线演练场Vue3.0中Ref与Reactive的区别是什么Composition API RFCVue.js 中使用defineAsyncComponent 延迟加载组件2022年必会Vue3.0学习 （强烈建议）10.useSlots用法父组件<template> <!-- 子组件 --> <ChildTSX> <!-- 默认插槽 --> <p>I am a default slot from TSX.</p> <!-- 命名插槽 -...
2024-01-10
陪尤雨溪一起，实现 Vuex 无限层级类型推断。（TS 4.1 新特性）
前言前几天，TypeScript 发布了一项 4.1 版本的新特性，字符串模板类型，还没有了解过的小伙伴可以先去这篇看一下：TypeScript 4.1 新特性：字符串模板类型，Vuex 终于有救了？。本文就利用这个特性，简单实现下 Vuex 在 modules 嵌套情况下的 dispatch 字符串类型推断，先看下效果，我们有这样结构的 store：...
2024-01-10
Spring5 新特性（六）
Spring5框架代码基于java8，兼容java9，删除了很多不建议使用的类和方法。一、日志Spring5自带了通用的日志封装。Spring5已经移除了Log4jConfigLister。默认推荐使用log4j2.第一步 导入依赖 <dependency><groupId>org.apache.logging.log4j</groupId><artifactId>log4j-api</artifactId><version>2.12.1</version></dependency><depe...
2024-01-10
Vue：:is特性详解和示例
今天在阅读Vue教程的时候，读到“解析DOM模板时的注意事项”这一节，看到:is特性——就是有些元素内部不能使用自定义标签或者自定义标签内也不能放某些特殊的标签，这时候就要用is代替一下，让html语法符合规则验证。is属于指定要在内部使用的标签。文档链接：https://cn.vuejs.org/v2/guide/components.html...
2024-01-10
ES 的新特性
一、es7 新特性1、Array.prototype.includes() 方法该方法可以返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。[1,2,3].includes(4) // false['ss', 'aa'].includes('aa') // true该方法接受2个参数，第二个参数表示搜索的起始位置，默认为0。如果参数为负数，则表示倒数。[1, 2, 3].includes(3, 3) ...
2024-01-10
php7新特性
1、性能改进-PHP7中的PHPNG代码是PHP5的两倍。2、低内存消耗-优化的PHP7使用较少的资源。3、标准类型声明-现在可以强制执行参数和返回类型。<?php declare(strict_types=1); function add(int $a, int $b):int {+ return $a+$b;} var_dump(add(1, 2)); // 3var_dump(add(1.5, 2.5)); // declare(strict_types=0)时输出3，declare(stri...
2024-01-10PHP7新特性简述
类型声明看代码，一目了然了。class person{ public function age(int $age) : string { return 'Age is ' . $age; }}命名空间与use关键字批量声明非混合模式use Publishers\Packt\{ Book, Ebook, Video};use function Publishers\Packt\{ getBook, saveBook };use const Publishers\Packt\{ COUNT, KEY...
2024-01-10
JDK14新特性详解
JDK14新特性详解，2020-03-17正式发布 JDK13新特性详解，2019-09-17正式发布 JDK12新特性详解，2019-03-19正式发布 JDK11新特性详解，2018-09-25正式发布 JDK10新特性详解，2018-03-20正式发布 JDK9 新特性详解，2017-09-21正式发布 JDK8 新特性详解，2014-03-18正式发布 预...
2024-01-10
php7.4新特性
1、支持数组内解包 – 数组扩展Spread运算符2、箭头函数 2.0 (更加简短的闭包)因为匿名函数或封闭包主要用于JS，所以它们在PHP上看起来很啰嗦，它们的实现和程序维护也会比较复杂。引入箭头函数的支持大大简化了PHP开发者的代码，使语法更加简洁。这样，您的代码可读性和简洁性将大大提高。看看...
2024-01-10ES6新特性之模块Module用法详解
本文实例讲述了ES6新特性之模块Module用法。分享给大家供大家参考，具体如下：一、Module简介ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有解决模块化问题。Module功能就是为了解决这个问题而提出的。历史上，JavaScript一直没有模块（module）体系，无法将一个...
2024-01-10
回归单体模式——Istio1.5新特性解读
复杂是万恶之源，让我们停止焦虑，爱上单体。Istio 1.5 回归单体，无论架构和使用方式都发生了巨大变化。因此笔者决定对 1.5 的变化内容做深入解读，以便开发者可以更好的理解和学习新版本，为使用和升级提供参考。参考： 官方文档，https://istio.io/zh/docs/ 概念 安装 任务 运维 参考 ...
2024-01-10
苹果se和s6区别
Apple WatchSE和S6区别 在 9 月 16 日举行的秋季发布会上，苹果发布了两款新手表，分别是常规迭代的 Apple Watch Series 6 以及全新系列 Apple Watch SE。 看到这个“SE”的后缀，相信大家都大概了解到是怎么回事了。没错，Apple Watch SE 的定位是入门，其起售价为 2199 元（GPS 版），比 Apple Watch Series 6 便宜了整整一...
2024-01-10node中使用es6/7/8(支持性与性能)
前言这几年react、vue的快速发展，越来越多的前端开始讲es6的代码运用在项目中，因为我们可以通过babel进行转译为低版本的js以便于运行在所有浏览器中，import、export、let、箭头函数等等，对于node端，当然我们也希望使用这些高级语法，但是需要提前了解到node支持哪些新的语法。分类所有的es6特性...
2024-01-10NodeJS计划支持导入/导出es6（es2015）模块
我一直在整个互联网上寻找答案，但没有明确的答案。当前，NodeJS仅使用CommonJS语法加载模块，如果您确实要使用标准的ES2015模块语法，则必须事先对其进行转换，或者在运行时使用外部模块加载器。目前，我不太愿意使用这两种方法，NodeJS维护人员是否计划支持ES2015模块？我完全没有发现任何提示。...
2024-01-10
js/es6 子级数据赋往父级
原数据const data = [ { type: '1', rule: [ { id: '1', label: '大神' }, { id: '2', label: '你好' } ] }]期待效果const result = [ { type: '1', id: '1', label: '大神...
2024-02-07
0503_es6搭建es6环境
先建立一个项目的工程目录，并在目录下边建立两个文件夹：src和distsrc：书写ES6代码的文件夹，写的js程序都放在这里。dist：利用Babel编译成的ES5代码的文件夹，在HTML页面需要引入的时这里的js文件编写index.html：文件夹建立好后，我们新建一个index.html文件。!DOCTYPE html><html lang="en"> <head> <...
2024-01-10
【JS】es5 es6+ 类相关知识总结
一、类1、类的声明&实例化es5:// 声明function Person() {}// 实例化var person = new Person();es6:// 声明class Person {}// 实例化const person = new Person();ES6提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的...
2024-01-10如何让jest支持es6的可选链运算符？
如题：我在vue的组件中使用了可选链运算符，但是在运行jest的时候报错不支持这个属性，猜想到可能是babel的问题，但是不知道如何配置，我已经在jest.config.js的transform配置了babel-jest,查询了很多的资料都是说的typescript的，请问如何解决？jest.config.js transform: { '^.+\\.js$': 'babel-jest',...
2024-02-26
js/es6 树形结构遍历找父级id
数据结构↓const data = [{ id: '1', children: [{ id: '2', pid: '1', authority: [{ id: '3', pid: '2' }] ...
2024-03-11
js/es6 奇怪的多级数组。。
这个rules里面嵌套一层数组，这层数组里有嵌套两个，我需要把图中标记的两个数组提到最上层也就是rules下面，请教大神们我该如何操作其中对象的结构↓期待结果就像这样子↓const result = [ { id: 1, rule: [{ id: 1 }] }, { id: 2, rule: [{ id: 2 }] } ...
2024-02-24
