在现代 JavaScript 开发中，ECMAScript Module 已经逐渐成为了公认的业界标准。自 ESM 被引入 Node.js 以来，它的异步加载特性和模块解析逻辑广受大家好评。
对于web应用来说通常会有一些库和工具是不常变动的，可以将它们放在一个单独的入口中，由该入口产生的资源不会经常更新，因此可以有效地利用客户端缓存，让用户不必在每次请求页面时都让资源重新加载。
KSM持有者可通过两种方式参加Moonriver众贷：通过Moonbeam基金会应用程序进行质押（众贷开始后这一功能将开启），或者通过交易平台参与。
1. 概述 上段时间一直忙于处理大会安全保障与应急，借助公司云悉情报平台，发现并处置几十起网站被劫持的情况。对黑客SEO技术颇有感觉。正好这段时间有时间，把以前遇到比较有趣的案例和大家分享一下。里面很多技术其实早已被玩透，只是网上搜了一下并无太多这方面的介绍。所以在这里共享一下相关的案例，案例主要分享一下思路。 1.1 原理 网站劫持是一个相对古老的技术，主要是黑帽用来做SEO用。实现网站劫持如果以下步骤: 入侵相关网站 然后在网站中插入JS或修改其配置文件，增加相应的劫持代码。另外一般会加入判断条件，判
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production) 下Developer Menu是不可用的。 如何开启Dev
今天我们来分析一下某数的js 很多网站都用的，听说是有好几个版本，我也不知道，随便找一个，因为我们之前分析过，那是直接怼混淆，大家也许有点懵，这次我们来细细分析，此次干货多，大家慢慢品。
meta 标签由 name 和 content 属性定义，用来描述网页文档的属性，比如网页的作者，网页描述，关键词等，除了HTTP标准固定了一些name作为大家使用的共识，开发者还可以自定义name。
本文出自《React Native学习笔记》系列文章。 在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。 提示：生产环境release (production)
在列表数据进行遍历渲染时，需要为每一项 item 设置唯一 key 值，方便 Vue.js 内部机制精准找到该条列表数据。当 state 更新时，新的状态值和旧的状态值对比，较快地定位到 diff 。
在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种,前者用于服务器，后者用于浏览器。CommonJS 和 AMD 模块，都只能在运行时确定这些东西。下面代码的实质是整体加载fs模块（即加载fs的所有方法），生成一个对象（_fs），然后再从这个对象上面读取 3 个方法。这种加载称为“运行时加载”。
在命令行输入webpack -h，成功就出现下图，有很多webpack命令可以看一看
如何在js文件中写加载Applet控件（js与jsp分离技术）
对单页应用实行代码分割，是提高页面加载速度的一种很好的方式。因为用户不必在一次请求里加载完所有的代码，能够更快的看到页面并进行交互，这将会提升用户体验（特别是在移动端）；同时因为 Google 会给加载缓慢的网站降权，代码分割也对 SEO 有好处。
本项目是淘系用户增长团队的一个大中台系统，单页应用，涵盖很多业务功能，运用了很多懒加载页面组件来提升性能，首屏时间 1s 左右，体验良好。然而大项目文件很多，导致构建和发布时间很长，内存占用较大。我的任务是尽可能优化与此相关的问题。
今天思考下前端源码安全的东西，不讲前端安全的大课题，只是针对于源码部分。 在我看来，源码安全有两点，一是防止抄袭，二是防止被攻击。
对于开发一个 JavaScript 三方库供外部使用而言，package.json是其中不可缺少的一部分
简单说下代码分割。 git仓库：webpack-demo 1、什么是codeSplitting？ 前面第7章讲output多页面相关的内容时，我们将content.js、header.js、footer.js分别打包为三个文件，然后我们在index.html中用三个script标签引入它们，很明显，上述过程其实就是一种手动式的代码分割。 那这样写有什么好处？ 我们可以给index.html中引入的三个script标签加个async属性，这样的话当我们首次进入页面的时候，就可以异步加载了，比起不做代码分
我们都知道 require() 和 import() 都是用于导入模块的，但是它们差别大有不同，本篇 5 分钟带你进行比较理解~ 轻松易读，温故知新。
Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来，希望读者读完本文，有一定的启发思考，从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成：
下面是一些提高网页访问速度的常用方法： （1）合并压缩JS/CSS （2）使用CSS sprites （3）避免使用CSS表达式 （4）精简HTML CSS JS代码大小 （5）避免JS的复杂计算和DOM操作，减少页面的重绘重排 （6）JS尽量放到页面底部 （7）合并AJAX请求 （8）TAB页异步或延迟加载 （9）非关键图片尽量延迟加载，如头像 （10）压缩图片质量 （11）设置较长的客户端缓存过期时间 （12）设置GZIP压缩 （13）cookie隔离 （14）适当使用多域名增加并行加载 （15）重点优
最近，我惊喜地发现了一个CSS媒体特性——scripting，它能够在所有现代浏览器中使用。这意味着，我们可以根据用户浏览器是否支持JavaScript来提供不同的CSS规则，从而减少未样式化内容的闪烁或不受欢迎的布局偏移。
在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。 Developer Menu Android模拟器： 可以通过Command⌘ + M 快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。 iOS模拟器： 可以通过Command⌘ + D快捷键来快速打开Developer Menu。 在真机上开启Developer Menu： 在真机上你可以通过摇动手机来开启
原文地址: Modern Script Loading, 文章作者是Preact作者Jason Miller
原创不易，未经作者允许禁止转载！！ 认识Loader Loader可以用于对模块的源代码进行转换； 在加载这个模块时，webpack其实并不知道如何对其进行加载，我们必须定制对应的loader来完成这个功能。 loader配置方式 内联方式：import "css-loader!../css/index.css"; loader和文件路径用！分隔 配置方式：webpack.config.js 配置方式表示的意思是在我们的webpack.config.js文件中写明配置信息 module.rules中允许我
所谓图片异步加载，意思是不用一次把图片全部加载完，你可以叫它延迟加载，缓冲加载都行。看看你有没有这JavaScript
上一章介绍了模块的语法，本章介绍如何在浏览器和 Node.js 之中加载 ES6 模块，以及实际开发中经常遇到的一些问题（比如循环加载）。
毕竟对于前端来说，优化是躲不开的主题。在看200（cache）和304区别的时候，翻到了雅虎这边归纳出来的准则，虽然是十多年前的东西了吧，但是还是具有参考价值的，因此在原文基础上我进行了一些归纳翻译。
或许是HTTP2普及的时候。但更大的可能是将来也“不能用”（还是只能在构建工具中用，仅存在于“编译期”）
Vue.js是一个渐进式、基于MVVM设计模式的纯前端JavaScript框架。它可以与其他技术混用，适用于以数据操作为主的项目，无需依赖后端技术。下面是关于Vue.js的一些重要知识点整理：
原文：https://philipwalton.com/articles/deploying-es2015-code-in-production-today/
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/161537.html原文链接：https://javaforall.cn
在此之前，首先要知道经常配置的 output 中有关 filename 和 chunkFilename 的区别；简单来说在 entry 定义的入口文件走的就是 filename 配置项，在入口文件内部引入的通常情况下是 chunk，走 chunkFilename 的配置
历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。
作者：matrix 被围观: 4,685 次 发布时间：2011-10-01 分类：Wordpress 兼容并蓄 | 2 条评论 »
单线程是指，js在执行的时候，都只有一个线程来处理所有任务。这个线程就是js的主线程。
历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。 在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代 CommonJS 和 AMD 规范，成为浏览器和服务器通用的模块解决方案。
window对象定义了一些属性，用来指定当前窗口的一些信息。通过该属性的引用，可以获取当前窗口的信息
当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要(依赖)的每个模块(modules)，然后将所有这些模块打包成一个或多个 assets。
使用：const files = require.context(directory, useSubdirectories, regExp)
ECMAScript(又名ES2015或ES)模块是在JavaScript中组织内聚代码块的一种方法。
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。我就不比较vue,angular,react了，网上太多。
作为 Remix 的联合创始人，Ryan Florence 常常会被问到一个问题：
本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
总第71篇 01|背景： 前段时间给人填报志愿，无意间发现这个网站的：http://gkcx.eol.cn/soudaxue/queryschoolgufen.html，这个网站整体不错，会根据生源地、高考分数、和文理科来推荐一些可以报考的学校，但是使用不是很方便，不可以设置多个条件（比如我想把东三省的学校挑出来），只能一个省份一个去点击。再比如我想要录取概率在50%以上的学校，同样也做不到，要是能下载excel中的话可以多条件筛选的，平日里学的爬虫终于派上用场了。 但是在爬取的过程中发现了一个问题
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
