2 天前 / jinzhanye
不仅仅是在React（或受JSX启发模板），对于在各种框架中进行模板化，JSX是如今一个非常受欢迎的选择。然而，如果你不喜欢使用JSX，或者你的项目想避免使用它，又或者只是受好奇心驱使，你想尝试如果不用JSX该怎么写React代码。最简单的答案是去阅读官方文档，然而官方文档有点短，以下有几个更多的选择。 免责声明：就我个人而言，我喜欢JSX，在我所有React项目中都使用到它。然而，我稍微研究了这个话题也愿意分享我的发现 什么是JSX首先，我们需要了解JSX是什么，以便在纯JavaScript中编写正确的代码。JSX是一门特定领域语言，这意味着我们需要......
8 天前 / 子曰五溪
首发于lightningMiners写文章七个 JavaScript 技巧icepyhttps://icepy.me 厨子/摩旅/编程9 人赞同了该文章就像其他编程语言一样，JavaScript也有许多技巧可以完成简单或困难的任务。一些技巧广为人知，而一些技巧则足以让你大吃一惊，今天让我们来看看你可以开始使用的七个JavaScript技巧吧。 Get Unique Values of an Array获取一系列唯一的值可能比你想象中的要简单： var j = [...new Set([1, 2, 3, 3])]>> [1, 2, 3]Array and Boolean是否需要从数组中过滤一些值，比如 false，null等，也许你可能不知道这个技巧： f.filter(Boolean)Create ......
10 天前 / 公子
写文章What's New in JavaScript怡红公子前端工程师114 人赞同了该文章前几天 Google IO 上 V8 团队为我们分享了《What's New in JavaScript》主题，分享的语速很慢推荐大家可以都去听听就当锻炼下听力了。看完之后我整理了一个文字版帮助大家快速了解分享内容，嘉宾主要是分享了以下几点： JS 解析快了 2 倍async 执行快了 11 倍平均减少了 20% 的内存使用class fileds 可以直接在 class 中初始化变量不用写在 constructor 里私有变量前缀string.matchAll 用来做正则多次匹配numeric seperator 允许我们在写数字的时候使用 _ 作为分隔符提高可读......
21 天前 / 噶牛爱尚
首发于FENews写文章V8 团队给 JavaScript 开发者关于代码缓存的建议不良帅帅做最不像程序员的程序员 | 公众号：FENews23 人赞同了该文章代码缓存（也被称为字节码缓存）是浏览器的一个重要优化。它通过缓存解析+编译后的结果来提升高频访问网站的启动速度。大多主流浏览器都实现了代码缓存，Chrome 也不例外。事实上，关于 Chrome 和 V8 缓存编译后代码的实现，之前我们已经写文章也做过演讲。 在这篇文章中，我们将为那些想要更好的利用代码缓存来提高网站启动速度的 JS 开发者提供一些建议。这些建议集中在 Chrome/V8 的代码缓存实现上，但是其......
21 天前 / _ihhu
写文章在Javascript中进行面向切面编程Samciu一个前端7 人赞同了该文章什么是面向切面编程？面向切面编程（Aspect-oriented programming，AOP）是一种编程范式。做后端 Java web 的同学，特别是用过 Spring 的同学肯定对它非常熟悉。AOP 是 Spring 框架里面其中一个重要概念。可是在 Javascript 中，AOP 是一个经常被忽视的技术点。 场景假设你现在有一个牛逼的日历弹窗，有一天，老板让你统计一下每天这个弹窗里面某个按钮的点击数，于是你在弹窗里做了埋点； 过了一个星期，老板说用户反馈这个弹窗好慢，各种卡顿。你想看一下某个函数的平均执......
28 天前 / Fundebug
proposal-class-fields与proposal-private-methods定义了 Class 的私有属性以及私有方法，这 2 个提案已经处于 Stage 3，这就意味着它们已经基本确定下来了，等待被加入到新的 ECMAScript 版本中。事实上，最新的 Chrome 已经支持了 Class 私有属性。 那么，对于 Class 的私有属性与私有方法，它们究竟是什么呢？它们是怎样工作的？为什么要使用#符号来定义呢？ Class 的私有属性语法如下：
29 天前 / pshu
注意：阅读本文需要一点函数式编程和JavasScript基础知识。如果你知道"什么是柯力化（currying）”和"组合函数 compose是做什么的”，那么请继续阅读；如果你不全知道，不妨先去了解下再来，pshu 等你！ 这真的是 point-free 吗？ 最近看了一个关于函数式编程的视频教材 《Just Enough Functional Programming in JavaScript》（翻译下就是：《Javascript中恰如其分的函数式编程》），里面提到一个概念 point-free programming,视频里面的例子是这样： const array = [1, 2, 3] array.map(x => x * 2) 视频中介绍说：直接在 map函数里面放一......
38 天前 / 子曰五溪
首发于lightningMiners写文章理解 JavaScript 中的循环icepyhttps://icepy.me 厨子/摩旅/编程2 人赞同了该文章type: FrontEnd title: Understanding the For…of Loop In JavaScript link: https://blog.bitsrc.io/understanding-the-for-of-loop-in-javascript-8aded97d7ef8author: kurtwanger40在JavaScript的世界中，我们可以使用很多种循环表达式： while 表达式do...while 表达式for 表达式for...in 表达式for...of 表达式所有这些表达式都有一个基本的功能：它们会重复一件事情直到一个具体的条件出现。 在这篇文章中，我们将深入 for...of......
49 天前 / Fundebug
译者:Fundebug为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。 既然你对这篇文章感兴趣，我想你应该是一位前端开发，也许你有一份不错的工作、自主创业甚至是一位自由从业者。不知你的前端技术如何，也许你是一位新手，亦或是一位资深开发。如果你想让自己成为一个 JavaScript 大师，在此我列出 12 条必备知识： 1. 控制流(Control Flow)我们从最基础的开讲。当然，它也是最重要的一个知识点。如果你连这个都没有整明白的话，那你的代码生活将会很艰难。 if else: 如果连这个都不知道，之前怎么码代码的？......
55 天前 / 展翅肥羊
原文链接：css-tricks.com第9版ECMAScript标准于2018年6月发布，正式名称为ECMAScript 2018(简称ES2018)。从ES2016开始，ECMAScript规范的新版本每年发布一次，而不是每隔几年发布一次，相应的，每版增加的功能也更少一些。最新版本的标准通过添加4个新的RegExp特性、rest/spread属性、异步迭代和Promise.prototype.finally来延续每年的发布周期。此外，ES2018取消了标记模板转义序列的语法限制。 以下将逐一解释这些变动。 Rest/Spread 特性ES2015中添加的最有趣的特性之一是spread操作符。你可以用它替换cancat()和slice()方法，使数组的操作(......
58 天前 / 陌上寒
import，export，export defaultimportexoprt和export defaultexoprt和export default混合使用as 重命名require，exports，module.exports（记得后面的s）requirerequire支持动态引入require路径支持变量exports 与 module.exports交叉使用demo1demo2总结import，export，export default属于ES6规范 importimport 是在编译过程中执行 也就是说是在代码执行前执行， 比如说，import后面的路径写错了，在运行代码前就会抛错， 在编写代码时，import不是一定要写在js的最前面 import命令具有提升效果，会提升到整个模块的头部，首先执行。（是在......
63 天前 / sergiojune
今天给大家带来的是一个论坛网站，牛仔俱乐部-努比亚社区， 网址为：https://bbs.nubia.cn/ 如果你想要获取这个网站的源代码的话，必须要先获取一个 cookie，其字段名为：acw_sc__v2，你是不是不相信？爬取网站还需要获取 cookie 值才可以？说实话，我刚开始爬的时候我也不相信，直到我运行请求代码，一看，给我返回这个： 这是什么啊，一段 JavaScript 代码，很容易地就可以看到下面有个 setCookie 的方法，这不就是我刚才说的需要获取的 cookie 的字段吗？如果你看到这，留下了没技术的眼泪的话？别怕，我劝你擦干眼泪......