记录－交流－Web开发知识分享
前端开发应该都知道 HTML 中 <script> 标签的作用——引入 JS 代码，不过由于脚手架和打包工具的普及，我想很少有人再亲手写 <script> 了。本期就借机写一下这个快被遗忘了的 <script> 教程，看看大家是否真的掌握了这个元素。
废话不多说了，直入正题。<script> 引入 JS 的方式主要有三种：内联、外置，以及动态引入。
直接将 JS 代码写到 script 标签内：
<html>
<head>
<script>
console.log("Hello");Qwik是一款语法"接近"react的前端ssr框架, 前段时间看了两篇Qwik相关的文章, 对这个框架有了些兴趣, 但是去网上搜了一下, 发现相关的中文文章几乎没有了, 所以决定对其好好研究一番, 并且写一篇关于Qwik的特点、基础用法、设计概念, 再加上Qwik对我的一些启发, 接下来就一起看看这款黑科技是何方神圣吧。
从入门学习前端开发开始, 我们不断学习到各种前端的优化方式来提高前端代码的性能, 其中"服务端渲染(ssr)"这种模式帮我们大幅提高了使用前端框架开发的项目的首屏性能, 那么ssr的工作流程是什么样的? 下面我们一起简单梳理一下。…
本文为翻译
原文标题：How we cut 99% of our JavaScript with Qwik + Partytown
原文作者：Miško Hevery
原文地址：https://www.builder.io/blog/how-we-cut-99-percent-js-with-qwik-and-partytown?utm_source=pocket_mylist
http://Builder.io 兴奋地向大家的宣布，采用 Qwik 之后，我们的主页即使在移动端，其 PageSpeed Insights 跑分也能达到 100/100。
无论你的应用程序有多大，Qwik 都能帮助网页达到这样的性能。我们用 一系列炫酷的技术 得到了这样的分数，这些技术包括：
关注
“脚本之家
”，与百万开发者在一起
出处：魔术师卡颂（ID：gh_52d0bec584f9）
如若转载请联系原公众号
在前不久的WWC22中， builder.io 的CTO 「miško hevery」（同时也是 Angular / AngularJS 的发明者）发表了一段充满想象力的演讲。…
Shared memory and atomics，“共享内存和原子” 又名 “共享数组缓冲区”，可以在主线程和多个工作线程间共享对象的字节，能更快的在多个工作线程间共享数据、除 postMessage() 多了一种数据传输方式。
ECMAScript 是 JavaScript 要实现的一个语言标准，通常缩写为 ES。自从 ES6 之后 JavaScript 多出了很多新特性，当开始学习这些新特性时，不可避免的会看到这些术语：“ES6、ES7、ES8、ECMAScript 2018、ECMAScript 2019...” 等等很多。很多时候让人困惑或混淆，例如 ES6 其实等价于 ES2015，这个 ES2015 代表的是当时发表的年份，ES2016 发布的称为 ES7，依次类推，ES2023 可以称为 ES14 了～…
我以为我知道所有不带括号调用函数的方法：
alert`1337`
throw onerror=alert,1337
Function`x${'alertx281337x29'}x```
'alertx281337x29'instanceof{[Symbol['hasInstance']]:eval}
valueOf=alert;window ''
x=new DOMMatrix;matrix=alert;x.a=1337;location='javascript' ':' x
// or any DOMXSS sink such as location=name
在这篇文章中，我将向您展示另一种令人惊讶的方式，并帮助您了解标记模板字符串的工作原理。本文中的技术不会直接启用漏洞利用，但它们可用于加深对 JavaScript 语言的理解，为规避 JavaScript 沙箱和 WAF 奠定基础。这一切都始于我关于执行不带括号的非字母数字 …
你能发现这段代码中的错误吗？
const url = `https://builder.io/api/v2/content
?model=${model}&locale=${locale}?query.text=${text}`
const res = await fetch(url)至少有三个！
我们将在下面分解它们：
哎呀！这当然是一个新手错误，但很容易错过，即使经过 10 年的 JS 开发，我也在我自己的代码中发现了这个错误。
根据我的经验，一个常见的罪魁祸首是在编辑或移动代码之后。例如，您有一个结构正确的 URL，然后将一个片段从一个片段复制到另一个片段，然后错过了参数分隔符的错误排序。
连接时也会发生这种情况。例如：
url = url '?foo=bar'但是等等，原来的url可能有一个查询参数。好的，所以这应该是：
url = url '&foo=bar'但是等等，如果原来url 没有
1、使用 filter 过滤方法来过滤 null,undefined,''等值
js可以删除数组中的空值有多种方法，下面就来说几种自己常用的，大家参考一下。
JS示例代码：trim()为字符串方法
var arr = ['A', '', 'B', null, undefined, 'C', ' ','D','feiniaomy.com'];
var r = arr.filter(function (s) {
return s && s.trim();
});
console.log(r);
打印结果：
["A", "B", "C", "D", "feiniaomy.com"]2、自定义函数来过滤数组中的空值
js代码
var arr = 笔者开始学习 Javascript 的时候，对模块不太懂，不知道怎么导入模块，导出模块，就胡乱一通试
比如 import xx from 'test.js' 不起作用，就加个括号 import {xx} from 'test.js'
反正总是靠蒙，总有一种写法是对的，其实还是没有理解，还是不懂
尤其是在当初写 www.helloworld.net 网站的时候，一遇到这种问题，就懵逼了，尤其是引入第三方库的时候
这种情况下更多，此篇文章也是为了怕以后忘记，自查用的，也希望能帮助更多的朋友，此篇文章只是针对 ES6 的模块相关知识…
当涉及到“老式”网页时，对内存管理的关注不足通常不会产生戏剧性的后果。当用户浏览链接并加载新页面时，每次加载都会从内存中删除页面信息。
SPA（单页应用程序）的兴起促使我们更加关注与内存相关的 JavaScript 编码实践。如果应用程序开始逐渐使用越来越多的内存，那会严重影响性能甚至导致浏览器的选项卡崩溃。
在本文中，我们将探讨导致 JavaScript 内存泄漏的编程模式，并解释如何改进内存管理。…
近期评论