鸿蒙开发者社区

使用vue，都知道{{msg}}，能变成data.msg相对应的值hello。此文循序渐进实现最终vue中编译文本的效果。{{msg}}'hello'这里先不关注dom之类的事情，只专注于其中的逻辑。首先看看以下代码，想想compileText怎么实现letdata{msg:"hello"};lettext"{{msg}}world";functioncompileText(data,text){想想怎么实现}textcompileText(data,text);想输出>helloworldconsole.log(text);其实这里的逻辑并不难，无外乎先找到{{msg}}，然后将...

2019年底我们发布过一篇《O’Reilly1500份问卷调研：2019年Serverless落地到底香不香？》，揭示了海外Serverless的落地情况，但中国Serverless的落地实践分享相对较少，似乎谁都在喊Serverless，谁都不知道别人落地的怎么样了。希望通过这篇语雀的实践文章，大家能管中窥豹，一起探索Serverless落地实践。语雀技术架构演进1.原型阶段语雀诞生于2016年，当时蚂蚁金融云需要一个工具来承载它的文档。当时负责的技术同学利用...

OpenWebComponents（OpenWc）创建者ThomasAllmer发布了MDJS，这是一种Markdown变体，支持在Markdown文档中包含可运行的JavaScript代码。MDJS可以解释为常规的Markdown内容，也可以进一步升级为带有Web组件的交互式文档。MDJS通过三个新结构增强了Markdown的代码块语法：script、story、previewstory。以下Markdown源代码：​jsscriptimport'.mycomponent.js';​Thisismycomponent<mycomponent><mycomponent>将生成下面的JavaScr...

开源项目HTMLDOM提供了100多个vanillaJavaScript（vanillaJS是一个所谓的JavaScript框架，但实际上指的就是原生的JavaScript，这是一种调侃和恶作剧的说法，参见vanillajs站点和stackoverflow上的讨论——译者注）代码片段，用于执行常见的DOM操作任务。这些任务的难度从简单（获取某个元素的class）到高级（创建可调整大小的切分视图）不等。这个项目可以用于教育学习，也适用于需要自行操作底层DOM的组件开发人员。该项目的核...

每10年JavaScript都会发生一次改朝换代式的变革。在我看来，JavaScript当前正处于一次快速变革的开始，而这段时期未来可能会被称为JavaScript第三纪元。历说从头JS的第一纪元JS的第一纪元（从1997至2007）堪称虎头蛇尾。大家都知道BrendanEich的故事，但是关于ES4是如何与诸如FlashActionscript之类的封闭生态系统艰难地进行激烈竞争的故事却鲜为人知。我推荐大家读读《JavaScript：20年发展史》来了解JS起源的前前后后，我认为...

我们在casper.com上部署了一个变更，从我们自己的服务器而非供应商的服务器上加载一段第三方JavaScript代码。这个改动将初始渲染时间缩短了1.7秒：在桌面Chromew3G网络下测试的数据上文说的第三方JavaScript来自一家名为Optimizely的公司。通过使用他们的客户端JavaScript，我们在casper.com上进行ab测试。一旦JavaScript文件下载完成并执行，它将改变网站一半访客的文档，从而度量他们对变化的反应。为确保尽可能地避免文档样...

本文最初发布于Medium网站，经原作者授权由InfoQ中文站翻译并分享。JavaScript已经成为有史以来最受欢迎的编程语言之一。根据W3Tech的数据，全世界将近96％的网站都在使用它。关于Web有一个关键的事实是，你无法控制访问网站的用户所用设备的硬件规格。最终用户访问你的网站时，使用的可能是高端设备也可能是低端设备，网络连接条件也有好有差。这意味着你必须尽可能优化自己的网站，以满足任何用户的需求。这篇文章列举了一些...

Hegel作为JavaScript类型检查器中的新秀，立志要成为最好的JavaScript静态类型检查器。它宣称提供了一个具备强类型推断的可靠的类型系统。目前Hegel还在alpha测试阶段，大家可以在其提供的专用在线练习场进行功能体验。Hegel是一个类型注解可选的JavaScript类型检查器，同时它和TypeScript一样，使用者不需要重新学习一门新的语言结构，只需要掌握注解的语法。Hegel希望通过强大的、稳定的类型系统，尽量避免程序在运行时由于类...

Beta版的ExecuteProgram是用Ruby和JavaScript编写的。之后，我们分几步将整个应用完全移植到了TypeScript上。本文介绍的是移植的第一步，也就是前端的部分。在ExecuteProgram的原始JavaScript前端中，我经常会犯一些小错误。例如，我会将错误的prop名称传递给React组件，或者遗漏某个prop，抑或传递错误的数据类型。（Prop是作为参数发送到React组件的数据。组件将一些props传递给自己的某个子组件，以此类推，这是很常见的。）...

在最近一次ReactiveConf会议上，ScottTolinski为这样一种观点做了辩护：考虑到CSS语言最近增加的东西，开发人员可能不再需要使用成熟的CSS框架。Tolinski进一步演示了不需要支持IE11的开发人员如何利用CSS变量来实现一个自定义设计系统，而其开销明显小于使用框架。CSS变量使开发人员可以表示生成目标布局的CSS属性之间的动态关系。CSS变量，也称为CSS自定义属性，是通过在它们的名字前面加上—（比如background）来声明的。CSS...

将arguments对象转换为数组arguments对象是函数内部可访问的类似数组的对象，其中包含传递给该函数的参数的值。与其他数组不同，这里我们可以访问值并获得长度（length），但是不能在其上使用其他数组方法。幸运的是，我们可以将其转换为常规数组：varargArrayArray.prototype.slice.call(arguments);对数组中的所有值求和我一开始想到的是使用一个循环，但是那样会很浪费。varnumbers[3,5,7,2];varsumnumbers.reduce((x,y)>x+y...

什么是隐写术？隐写术是一门关于信息隐藏的技巧与科学，所谓信息隐藏指的是不让除预期的接收者之外的任何人知晓信息的传递事件或者信息的内容。能干什么？字符串隐写术可以通过不可见的Unicode简单实现，对可见字符串进行不可见的加密拼接，对应的还有通过秘钥进行加密，通常在浏览器端，秘钥很容易被找到，而隐写术即使找到了，不知道原理也不容易破解。想象一个文件链接防抓取的场景小明公司有一个应用ID为1的H5应用，应用首...

日前Deno官方公布的一份文档指出，出于对当前环境的实际考虑，Deno将停止在内部代码中继续使用TypeScript。文档中提到的问题涉及TypeScript编译时间、结构以及代码组织方式等。未来，Deno项目将使用纯JavaScript编写内部代码。TypeScript给Deno带来的问题在使用TypeScript编写内部代码时，Deno团队遇到了以下几个现实问题：在变更文件时，TypeScript往往需要几分钟的编译时间，这就导致连续编译过程变得非常缓慢；在创建Deno可...

经过了为期2年的开发，Deno终于在2020年的5月份完成了1.0版本。其官方网站宣称，Deno为JavaScript和TypeScript提供了一个安全的运行时环境。听起来是不是和Node.js类似？没错，就是这样，因为Deno是由Node.js的原班人马开发的。RyanDahl（Deno和Node.js作者）之前发表过一篇文章——“关于Node.js最让他后悔的10件事”。为了解决文章中提到的问题，他创造了Deno。和Node.js一样，Deno可以在V8引擎上运行JavaScript，TypeScript...

在本教程中，我们将使用80行JavaScript代码在浏览器中构建一个虚拟助理（如Siri或Google助理）。你可以在这里测试这款应用程序，它将会听取用户的语音命令，然后用合成语音进行回复。你所需要的是：GoogleChrome（版本25以上）一款文本编辑器由于WebSpeechAPI仍处于试验阶段，该应用程序只能在受支持的浏览器上运行：Chrome（版本25以上）和Edge（版本79以上）。我们需要构建哪些组件？要构建这个Web应用程序，我们需要实现四个...

SpaceX公司发射的“龙飞船”（Dragon）2号将JavaScript技术带入了太空。飞船系统的用户界面采用了Chromium和JavaScript，所以很大一部分依赖了Web技术。Twitter上的相关讨论以及与SpaceX软件团队成员进行的RedditAMA会话出现了一些非常幽默的内容，比如“nodemodules真的是太空中最重的模块吗”，但不管怎样，JavaScript确实在为SpaceX龙飞船上的触摸UI提供支持。正如美国宇航局（NASA）宇航员ChristinaKoch在最近的OpenJS世界...

随着Safari13.1的发布，所有主流浏览器也都提供了WebAnimationsAPI支持。早期的Web浏览器动画通常是使用JavaScriptAPI创建的。这种方法很灵活，但难以让浏览器通过硬件加速来优化动画，也不能将其连接到布局和渲染管道。2007年，WebKit团队引入了CSSAnimations和CSSTransitions，并最终成为Web标准。这些API易于使用，并弥补了早期JavaScript动画的不足。但是，CSSAnimations和CSSTransitions存在一些限制，特别是在动态创建、...

在生活中，炒作和兴奋有时是有用的。没有它，生活将会乏味而无聊。偶尔跟风可能会让你精神振奋，但是你首先应该自己做好调查。当尝试采用一个被大肆宣传的全新的库或框架时，要先进行研究和测试，并听取他人的意见。有一天，你在浏览器里输入了twitter.com，然后看到了某人发的一条关于如何使用ReactHooks的新消息。但是，由于某些原因，你的公司或团队并没有转而使用Hooks。或者，也许你正在使用它们，但不是以一种新的“符合...

WebXR2.0是Mozilla实验性增强现实（AR）浏览器的完全重写，旨在让Web开发人员使用WebXR在iOS上体验基于Web的增强现实。WebXR2.0是一个新的、符合规范的WebXRJavaScriptAPI实现。Mozilla首席研究科学家BlairMacIntyre说，Mozilla在三年前就开始开展WebXR方面的工作，随着WebXR规范的发展，该JavaScriptAPI的原始实现在很大程度上已不再兼容。因此，需要一个新的兼容的实现。现在，该实现已经在GitHub上提供。根据MacIntyre的说法...

本文最初发布于codesource.io网站，经原作者授权由InfoQ中文站翻译并分享。开发人员将JavaScript设计模式作为解决问题的模板是很合适的，但并不是说这些模式可以代替开发人员的工作。通过设计模式，我们可以将许多开发人员的经验结合起来，以优化过的方式来构造代码，从而解决我们所面对的问题。设计模式还提供了用于描述问题解决方案的通用词汇表，而不是去枯燥地描述代码的语法和语义。JavaScript设计模式可帮助开发人员编写...