首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Web前后端、全栈出发

    JavaScript特性

    其会员都是公司 其中主要是浏览器厂商,有苹果、谷歌、微软、因特尔等) ES6 是ECMA-262,在2015年发布的新版本,ES此后每年进行更新~ ES6 的版本变动内容最多,具有里程碑意义 ,引入了许多的语法特性 ES6的兼容性: 我们都知道,JavaScript在不同的浏览器中具有不同的兼容性,因为ES每年都会更新, 所以,一些较旧的浏览器可能不完全支持所有的 ES6 特性,可以通过官网进行查询兼容环境配置:ES6 this 值,这个特性对于某些情况反而有好处: 这个特性使得在使用函数作为回调函数或者在嵌套函数内部时,不需要使用额外的方法来绑定 this,从而减少了代码的复杂性. /undefined: 因为现在wb已经相当于没有任何引用的一个普通函数执行了 } 由于ES6开始默认严格模式,所以这种情况大部分会报错,这里也只是为了了解展示案例 Class 属性|方法定义 ES特性支持 所有实例对象自身的属性都定义在类的头部,看上去比较整齐,一眼就能看出这个类有哪些实例属性,一般用于声明具有初始|默认值的属性 /** Class中的属性: * 除了constructor构造器中定义属性ES特性

    85710编辑于 2024-08-06
  • 来自专栏前端干货和生活感悟

    Javascript即将到来的3特性

    data.user && data.user.address && data.user.address.street; console.log(street); // undefined 这样的写法很差劲 特性可以这样写 value : 'default value'; 或者这样: value || 'default value' 特性可以这样写( ?? ): value ?? 'default value'; 3、Pipeline operator(管道运算符) 举个例子,通过三个函数对字符串进行处理,通常是这样: function a(str) { return str 参考:Here are three upcoming changes to JavaScript that you’ll love(https://medium.freecodecamp.org/here-are-three-upcoming-changes-to-javascript-that-youll-love

    57530编辑于 2022-03-28
  • 来自专栏Java小技巧

    Java 8 特性|Nashorn JavaScript

    Nashorn 使用 Java 7 中引入的调用动态特性,且直接编译内存中的代码并将字节码传递给 JVM。这两项改进,直接给 Nashorn 带了至少 2 到 10 倍的性能提升。 二、JJS使用方式 在 Nashorn JavaScript 引擎中。JAVA 8 引入了一个的命令行工具 jjs,用于在控制台执行 javascript 代码。 ,JayLa. jjs> 五、在 Java 中调用 JavaScript 通过 ScriptEngineManager 类,Java 可以解析和调用 JavaScript 代码。 Java 中调用 javascript 代码范例: package com.sjh.test.java8.javascript; import javax.script.ScriptEngine; import Integer result = null; try { nashorn.eval("print('" + name + "')"); //3

    1.2K20编辑于 2022-05-23
  • 来自专栏京程一灯

    初探JavaScript 并行特性

    简介——我们给 JavaScript 添加了一个 API,开发者可以在 JavaScript 中使用多个 worker 和共享内存来实现真正的并行算法。 原子操作是一组静态方法,存放在一个的顶层Atomics对象中。 为什么 Firefox 默认关闭了共享内存特性?因为目前它还没有正式成为 JS 标准。成为标准还需要一段时间,这个特性也可能会继续发生变化,我们不希望任何代码依赖现在的 API。 <iframe src="https://axis-of-eval.org/blog/mandel<em>3</em>.html? 尽管如此,每增加一个超线程,我们都可以提高 <em>3</em>~4 FPS,增加到 8 个 worker 时,程序的计算速度达到 39.3 FPS,单个核心只有 5.7 FPS。 这种提速效果相当显著。

    1.2K20发布于 2019-03-28
  • 来自专栏农民工前端

    JavaScript ES9特性

    ---以下是JavaScript ES9引入的一些特性。每个特性都有助于简化开发过程、提高代码效率,并提供更强大的功能。 JavaScript ES9(也称为ES2018)Object spread syntax(对象扩展语法)const obj1 = { a: 1, b: 2 };const obj2 = { c: 3, ...obj1 };console.log(obj2); // { c: 3, a: 1, b: 2 }可以使用...语法将一个对象的属性扩展到另一个对象中,并创建一个对象。 Rest/Spread Properties(剩余和扩展属性):const { x, y, ...rest } = { x: 1, y: 2, z: 3, a: 4 };console.log(x); // 1console.log(y); // 2console.log(rest); // { z: 3, a: 4 }剩余和扩展属性让你能够从对象中提取特定属性,并将其余的属性放入一个单独的对象中。

    46810编辑于 2023-06-27
  • 来自专栏Java帮帮-微信公众号-技术文章全总结

    了解 JavaScript 特性:Optional Chaining

    Optional Chaining 是 JavaScript 的一个特性,它允许我们在尝试访问对象的属性之前检查对象是否存在。 JavaScript 中的长属性访问链很容易出错,因为它们中的任何一个都可能评估为null或undefined(也称为“空”值)。 使用的 Optinal Chaining 操作符,我们可以重写上述示例,如下所示: // Still checks for errors and is much more readable. 使用 Optinal Chaining 操作符时,JavaScript 会将nameLength初始化为undefined,而不是抛出错误。

    99630发布于 2019-10-31
  • 来自专栏农民工前端

    JavaScript ES10特性

    ---导文JavaScript ES10,也被称为ES2019,引入了一些特性和语言改进Array.prototype.flat()和Array.prototype.flatMap()这两个方法可以简化多维数组的处理 const arr = [1, 2, [3, 4, [5, 6]]];// 使用 flat() 方法展平数组const flattened = arr.flat();console.log(flattened ); // [1, 2, 3, 4, [5, 6]]// 使用 flatMap() 方法展平数组并映射操作const mappedAndFlattened = arr.flatMap(num => num 它接收一个键值对的可迭代对象(如数组)作为参数,并返回一个的对象。 它们提供了更方便、更强大的语言功能,使JavaScript开发人员能够更高效地编写代码。

    68810编辑于 2023-06-27
  • 来自专栏农民工前端

    JavaScript ES11特性

    导文 “ JavaScript ES11,也被称为ES2020,引入了一些特性和语言改进 可选链操作符(Optional Chaining Operator) 可选链操作符 ?. 它允许超过 JavaScript 中 Number 类型所能表示的最大安全整数范围限制。 Promise.allSettled() 接收多个 Promise 对象,并返回一个的 Promise,当所有的 Promise 完成(不管是成功还是失败)时才会被 resolve。 { console.log(result.status, result.value); } }); Promise.allSettled() 是一个的 Promise API,它接收一个 Promise 数组,并在所有 Promise 完成后返回一个的 Promise,该 Promise 的值是一个包含每个 Promise 状态和结果的对象数组。

    41520编辑于 2023-08-18
  • 来自专栏农民工前端

    JavaScript ES11特性

    导文 JavaScript ES11,也被称为ES2020,引入了一些特性和语言改进 可选链操作符(Optional Chaining Operator) 可选链操作符 ?. 它允许超过 JavaScript 中 Number 类型所能表示的最大安全整数范围限制。 Promise.allSettled() 接收多个 Promise 对象,并返回一个的 Promise,当所有的 Promise 完成(不管是成功还是失败)时才会被 resolve。 ) { console.log(result.status, result.value); } }); Promise.allSettled() 是一个的 Promise API,它接收一个 Promise 数组,并在所有 Promise 完成后返回一个的 Promise,该 Promise 的值是一个包含每个 Promise 状态和结果的对象数组。

    47110编辑于 2023-06-27
  • 来自专栏前端学习心得

    令人期待的 JavaScript 特性

    本文介绍这些特性处于Stage 3 或者Stage 4 阶段,这意味着应该很快在浏览器和其他引擎中支持这些特性。 现在,此特性可在最新版本的 Chrome 和 Node.js中使用。 六、Top-level await ES2017(ES8)中的 async/await 特性仅仅允许在 async 函数内使用 await 关键字,的提案旨在允许 await 关键字在顶层内容中的使用 现在,此特性可在最新版本的 Chrome中使用。 七、WeakRef 一般来说,在 JavaScript 中,对象的引用是强保留的,这意味着只要持有对象的引用,它就不会被垃圾回收。 现在,此特性可在最新版本的 Chrome 和 Node.js中使用。

    62820发布于 2020-01-02
  • 来自专栏全栈程序员必看

    HTML5 特性_CSS3特性

    2.HTML5的起步: (1)HTML5 是 W3C(World Wide Web Consortium,万维网联盟) 与 WHATWG 合作的结果 (2)为 HTML5 建立的一些规则: a.特性应该基于 3.特性: (1)用于绘画的 canvas 元素 (2)用于媒介回放的 video 和 audio 元素 (3)对本地离线存储的更好的支持 (4)的特殊内容元素,比如 article、footer 您可以为某个元素附加 JavaScript 事件处理器 (3)在 SVG 中,每个被绘制的图形均被视为对象。 ,不会影响页面的性能 (2)当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成 (3)web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能 : (1)的 form 属性: autocomplete、novalidate (2)的 input 属性: autocomplete、autofocus、form、form overrides (

    7K30编辑于 2022-11-15
  • 来自专栏鲸鱼动画

    CSS3特性

    0, 0.75); 圆角 border-radius: 5px; 渐变 background:linear-gradient(red, green, blue); 阴影 box-shadow:3px 3px 3px rgba(0, 64, 128, 0.3); 倒影 box-reflect: below 2px; 文字装饰 text-stroke-color: red; 文字溢出 text-overflow 背景效果 background-size: 100px 100px; 边框效果 border-image:url(bt_blue.png) 0 10; 平滑过渡 transition: all .3s

    42410发布于 2020-09-21
  • 来自专栏Czy‘s Blog

    CSS3特性

    CSS3特性 CSS3是最新的CSS标准,旨在扩展CSS2.1。 圆角 通过border-radius属性可以给任何元素制作圆角。 ,它可以取代许多网页动画图像、Flash动画和JavaScript实现的效果。 ,无需使用Flash动画或JavaScript。 column-gap: 20px; } </style> 用户界面 CSS3中增加了一些的用户界面特性来调整元素尺寸,框尺寸和外边框。 DOCTYPE html> <html> <head> <title>CSS3特性</title> <style type="text/css"> div{

    1.5K30发布于 2020-08-27
  • 来自专栏Java后端开发博客

    CSS3 特性

    # CSS3 特性 结构性伪类选择器(重点) 内容追加伪元素(重点) CSS3新增样式属性 background-image的渐变 线性渐变(重点) CSS3的opacity 属性(重点) CSS3 的filter(滤镜) 属性 如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。 # 结构性伪类选择器(重点) 结构性伪类选择器是CSS3中新增加的类型选择器。常用的的结构性伪类选择器如下所示: :nth-child(n) 对指定序号的子元素设置样式(从前往后数)。 参数可以使数字(1、2、3)、关键字(odd、even)、公式(2n、2n+3 :使用公式时,n从0开始),参数的索引起始值时1,而不是0。 商城系统</h3>

    </body> </html> 结果 # CSS3新增样式属性 # background-image的渐变 渐变配色推荐网站:https://webgradients.com

    88720编辑于 2022-12-25
  • 来自专栏前端自习课

    【JS】380- JavaScript 正则特性

    概括 如果你曾用 JavaScript 进行过复杂的文本处理操作,那么你将会喜欢 ES2018 中引入的特性。本文将详细介绍第9版标准如何提高 JavaScript 的文本处理能力。 ECMAScript 2018(简称 ES2018)是该标准的第九版,引入四个特性进一步提高了 JavaScript 的文本处理能力: 后行断言 具名组匹配 s 修饰符:dotAll 模式 Unicode 属性类 以下小节详细介绍这些特性 后行断言 断言能够根据之前或之后的内容匹配一系列字符,丢弃可能不需要的匹配。 当需要处理大段字符串并且意外匹配的可能性很高时,这一特性尤为重要。幸运的是大多数正则表达式都支持后行断言和先行断言。 在 ES2018 之前,JavaScript 中只支持先行断言。 总结 ES2018 在之前标准上增加正则表达式特性特性包括后行断言,具名组匹配,s 修饰符:dotAll 模式,Unicode 属性类。后行断言,x 只有在 y 后面才匹配。

    1.3K20发布于 2019-10-15
  • 来自专栏IMWeb前端团队

    fis3 特性应用

    本文作者:IMWeb 黎清龙 原文出处:IMWeb社区 未经同意,禁止转载 fis3 特性应用 1 前言 fis3相比fis2,核心思路并没有改变 还是围绕3个核心做处理: 资源嵌入 资源定位 讲解fis3提供的特殊事件,及其作用。 这些节点的意义也非常深远,甚至可以改变fis3的compile流程,同样笔者也举两个例子 4.1 不需要两个插件! ,那么我们可能需要写两个插件,分别是: fis3-preprocessor-xxx 和 fis3-postprocessor-xxx 我们真的需要吗? 后续 可以看到,fis3最重大的改进就是提供了更多的想象空间给插件开发者 合理利用这些特性,我们可以在fis3的环境下做许多事情 但就只有这些吗? No!还有另外一些更加有趣更加开放的特性还没介绍。

    89990发布于 2018-01-08
  • 来自专栏python3

    Hadoop3.x特性

    Hadoop3.x概述 Hadoop3.x中增强了很多特性,并且也改进了很多地方。需要注意的是,在Hadoop3.x中,不能再使用jdk1.7,而是需要升级到jdk1.8以上版本。 Hadoop3.x官方文档地址如下: http://hadoop.apache.org/docs/r3.0.1/ ---- Hadoop3.x特性之Common改进 Hadoop Common改进 (https://issues.apache.org/jira/browse/HADOOP-9902) ---- Hadoop3.x特性之HDFS改进 Hadoop3.x中最大改变的是HDFS,HDFS x特性之MapReduce改进 Tasknative优化。 (https://issues.apache.org/jira/browse/MAPREDUCE-5785) ---- Hadoop3.x特性之其他 添加的 hadoop-client-api 和

    2.7K20发布于 2020-01-06
  • 来自专栏Crossin的编程教室

    ​Python 3 特性:类型注解

    于是 Python 3 提供了一个特性: 函数注解 也就是文章开头的这个例子: def add(x:int, y:int) -> int: return x + y 用 : 类型 的形式指定函数的参数类型 int = 123 b: str = 'hello' 更进一步,如果你需要指明一个全部由整数组成的列表: from typing import List l: List[int] = [1, 2, 3] 这些特性也许你并不会在代码中使用,不过当你在别人的代码中看到时,请按照对方的约定进行赋值或调用。 当然,也不排除 Python 以后的版本把类型检查做到解释器里,谁知道呢。

    1.4K20发布于 2018-07-24
  • 来自专栏IMWeb前端团队

    fis3 特性应用

    本文作者:IMWeb 黎清龙 原文出处:IMWeb社区 未经同意,禁止转载 fis3 特性应用 1 前言 fis3相比fis2,核心思路并没有改变 还是围绕3个核心做处理: 资源嵌入 资源定位 讲解fis3提供的特殊事件,及其作用。 这些节点的意义也非常深远,甚至可以改变fis3的compile流程,同样笔者也举两个例子 4.1 不需要两个插件! ,那么我们可能需要写两个插件,分别是: fis3-preprocessor-xxx 和 fis3-postprocessor-xxx 我们真的需要吗? 后续 可以看到,fis3最重大的改进就是提供了更多的想象空间给插件开发者 合理利用这些特性,我们可以在fis3的环境下做许多事情 但就只有这些吗? No!还有另外一些更加有趣更加开放的特性还没介绍。

    63120发布于 2019-12-04
  • 来自专栏Young Dreamer

    webpack3特性简介

    本文主要依据公告内容,简单介绍一下webpack3特性,以及在实际项目中的应用。 2.28.0 requires a peer of webpack@1 || ^2 || ^2.1.0-beta || ^2.2.0-rc but none was installed. webpack3特性 webpack3通过设置ModuleConcatenationPlugin使用这个特性: module.exports = { plugins: [ new webpack.optimize.ModuleConcatenationPlugin webpack3相对于webpack2,过渡相对平稳,但是特性大都围绕ES Module提出,如Scope Hoisting和Magic Comment; 总之,webpack的未来肯定是围绕ES的支持度 、构建速度与产出代码的性能和用户体验来建设的,同时webpack的团队已经承诺会根据社区的投票来决定特性开发优先权。

    1.4K90发布于 2018-01-31
  • 领券