浏览器是一个运行在操作系统上的应用程序，每个应用程序必须至少启动一个进程来执行其功能，每个程序往往又会执行很多任务，那么进程就会创建很多线程来执行这些小的任务。
是通过的事件循环(event loop)，理解了event loop机制，就理解了JS的执行机制。
最近在抖音上刷到很多次 袁进老师 的前端视频，然后就听了一下他的前端大师课，感觉了解一些浏览器原理后，原来工作中的一些疑问也自然解开了。
一个进程至少有一个线程，所以在进程开启后会自动创建一个线程来运行代码，该线程称之为主线程。
前言：首先对于web端js代码要做到纯粹的加密处理是不存在的,只能说是混淆 使得代码根本无法阅读，进而达到“加密”的效果，没有最强的盾 只有不容易破的盾 众所周知,JavaScript大都是运行在浏览器端,这就导致任何人都可以直接对网站的代码进行查看，如果代码没有进行任何处理就会导致直接暴露源码，他人便可轻而易举的复制你的劳动成果，所以给大家介绍一下新出的代码混淆加密工具 safekodo。 网址为www.safekodo.com
nuxt.js 下使用 antv-l7 实在是有太多的坑了，官方文档也不是很全，只能不断摸索和尝试，下面我把这些坑记录下来，也许能帮到你。
pyppeteer -- python版本的puppeteer，一个强大的chronium headless浏览器API
跨站脚本，称为xss这个术语用来表示一类的安全问题，指攻击者向目标web站点注入html标签或者脚本。
在出好HCTF2016的两道xss题目后，就有了一个比较严重的问题就是，如何守护xss的后台，用不能人工一直在后台刷新吧（逃
目录 前端js常见混淆加密保护方式 eval方法等字符串参数 emscripten WebAssembly js混淆实现 JSFuck AAEncode JJEncode 代码压缩 变量名混淆 字符串混淆 自我保护，比如卡死浏览器 控制流平坦化 僵尸代码注入 对象键名替换 禁用控制台输出 调试保护，比如无限Debug,定时Debug 域名锁定 前端js常见混淆加密保护方式 代码压缩：去除空格、换行等 代码加密：eval、emscripten、WebAssembly等 代码混淆：变量混淆、常
在flutter web上也可以使用Image这个widget来加载显示图片。但是涉及到网络图片的时候就可能会出现问题，现象是不显示图片，控制台报错：
在这里我们把不同的颜色看做不同的程序运行时所需要的内存空间,每个应用至少有一个进程,进程之间相互独立,如果要联系,需要双方同意.
什么是WEB前端呢？就是用户电脑的浏览器所做的一切事情。我们来看看用户访问网站，浏览器都做了哪些事情：
那么现在有 2 个进程，process1 process2，由于是多进程的 js，所以他们对同一个 dom,同时进行操作，process1 删除了该 dom，而 process2 编辑了该 dom，同时下达 2 个矛盾的命令，浏览器究竟该如何执行呢？
我本来是打算写一篇co源码精读(为啥读co，因为它短)，然鹅发现自己存在一系列基础问题没有搞透彻，打算写一个js基础系列文章，总结自己的理解(copy)，希望与你在学习路上一同进步。首先问问自己当面试官问到js中的同步和异步，这个问题该怎么回答？理解一个问题无非是what-why-how
响应式设计指的是根据屏幕视口尺寸的不同，对 Web 页面的布局、外观进行调整，以便更加有效地进行信息的展示。我们日常生活中接触的很多应用都遵循响应式的设计。
事件起因 这其实是一件很偶然的事情，前几天在某大佬群里看大佬装逼。突然一个平日不怎么冒泡的群友发了一条链接。本着“这群里都是好人 ”的想法我就天真的点了进去......这一点可闹大了。电脑猛地变卡直至
但是会发现根本没有收到消息，因为我们发的是异步的请求，请请求发出去之前当前页面的上下文环境已经被销毁了，因此什么也发不出去。
主流的js 环境都是单线程吗模式执行js 代码， js采用为单线程的原因与最开始设计初衷有关，最早是运行在浏览器端的脚本语言，目的是为了实现页面上的动态交互，实现页面交互的核心就是dom操作，这也就决定了js必须使用单线程的模式来处理，不然就会造成严重的线程同步问题。如果js多个线程同时修改dom元素，此时浏览器就无法明确以那个线程的结果为准，为了避免这种线程同步问题，所以从一开始js就被设置成了单线程模式工作。这里所说的单线程指的是javascript执行环境中负责执行代码的线程只有一个。
aHR0cHM6Ly93d3cucWltYWkuY24vcmFuay9pbmRleC9icmFuZC9mcmVlL2NvdW50cnkvY24vZ2VucmUvMzYvZGV2aWNlL2lwaG9uZQ==
当下浏览器内核主要有 Webkit、Blink 等。本文分析注意是自 2001 年 Webkit 从 KHTML 分离出去并开源后，各大浏览器厂商魔改 Webkit 的时期，这些魔改的内核最终以 Chromium 受众最多而脱颖而出。本文就以 Chromium 浏览器架构为基础，逐层探入进行剖析。
根据后端返回的当前服务器时间做一个倒计时，用settimeout 替换 setInterval ，刷新页面时间
js的内存机制在很多前端开发者看来并不是那么重要，但是如果你想深入学习js，并将它利用好，打造高质量高性能的前端应用，就必须要了解js的内存机制。对于内存机制理解了以后，一些基本的问题比如最基本的引用数据类型和引用传递到底是怎么回事儿？比如浅复制与深复制有什么不同？还有闭包，原型等等就迎刃而解了。
近日，参加金融行业某私测项目，随意选择某个业务办理，需要向客户发送短信验证码： 响应报文中包含大段加密数据： 全站并非全参数加密，加密必可疑！尝试篡改密文，页面提示“实名认证异常”： 猜测该密文涉及用户信息，且通过前端 JS 解密，验证之。 手工分析 要分析前端，自然得打开浏览器的开发者工具。习惯性按下 F12 键，无反应，显然页面禁用 F12，没有调试环境，所有后续工作均无法开展，我得创造环境。 1.1 创造前端调试环境 虽然禁用 F12，但未禁用 shift-F5，它也能启用开发者工具，或者，页面
随着互联网的发展，前端技术也在不断变化，数据的加载方式也不再是单纯的服务端渲染了。现在你可以看到很多网站的数据可能都是通过接口的形式传输的，或者即使不是接口那也是一些 JSON 的数据，然后经过 JavaScript 渲染得出来的。
JS最初被设计用在浏览器中是单线程，因为如果浏览器中的JS是多线程的，会出现下面这个矛盾点：
会议由来自 videodeveloper.io 的 Andrea Fassina 主持。他首先回顾了上一期（6th Milan Meetup）中的内容：直播、数据质量、可交互体积视频以及智能编码，并简介了本场会议的其他三位嘉宾：来自 Evolution 的 Behnam Kakavand、来自 Akamai 的 Luca Moglia、来自 Elecard 的 Alexey Malikov。
在当下就业环境下，只会框架的使用是不够的，这是很多初级工程师面临的困境。想要脱颖而出，成为具备手写框架、源码贡献等技能的高手，才能拥有更多的机会。想要这种摆脱框架黑盒状态。本文不仅可以深入学习React工作原理，还可以掌握源码调试技巧，手写框架的实践，以及成为源码Contributor的方法论，为你提供方位的指导和实践，助力成为一个真正有实力的高级技术人才 。
alert，它的输出会造成浏览器的进程的卡死，执行alert的时候，其它的就都不会再执行了。
H5规范提供了js分线程的实现，取名为Web Workers他是HTML5提供的一个JavaScript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面 但是子线程完全受主线程控制，且不得操作DOM,所以这个新标准并没有改变JavaScript单线程的本质
事件绑定分为两种：一种是传统事件绑定(内联模型，脚本模型)，一种是现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。 一．传统事件绑定的问题 传统事件绑定有内联模型和脚本模型，内联模型我们不做讨论，基本很少去用。先来看一下脚本模型，脚本模型将一个函数赋值给一个事件处理函数。 var box = document.getElementById('box');//获取元素 box.onclick = function () {//元素点击触发事件 alert('Lee'); };
起因 今天刷推特的时候发现Cyber Security@cyber__sec的推文让人眼前一亮： Crash firefox, chrome, safari browsers, and also restart iPhone using this javascript code. #dos #0day #exploit //使用下面这段JavaScript代码能让firefox，chrome，safari浏览器崩溃，而且还能让iPhone重启。 继续在推特上深挖发现IT Security
在研究SEO优化的过程中，有网友问昝辉老师，关于网站JavaScript的使用和SEO注意事项，今天我们也一起学习学习。JS的SEO是很重要的问题，无论是异步调用内容，还是增加页面互动，现在的网站几乎无法避免使用JS脚本。但JavaScript使用不当的话可能会对SEO造成非常大的影响，JS造成SEO问题的症结在于，搜索引擎不一定执行JS脚本。
随着现在网站研发人员的安全意识越来越高，在网站登录的用户名密码处，一般都进行了前端js加密，这个时候如果使用burpsuite暴力破解的话，必须找到js的解密函数对密码字典进行加密，但是有时候前端js代码经过了加密混淆，或者是网站的前端放置了一台动态加密防火墙设备，把网站所有页面全部动态加密（仍可绕过），这种情况下找到js解密函数是非常困难的。大约在10年前自学了易语言，易语言有专门为解决前端JS加密问题的模块，名字叫做“网页填表”，我平时也用这个模块来实现自动化的用户名密码枚举。
耗时函数如果在短时间内被频繁调用，如果不做合适的处理，会导致浏览器卡死（无响应），严重影响用户体验。
由于浏览器 GUI 渲染线程与 JS 引擎线程是互斥的关系，当页面中有很多长任务时，会造成页面 UI 阻塞，出现界面卡顿、掉帧等情况
JS的单线程，与他的用途有关。作为浏览器脚本语言，Js的主要用途就是与用户互动，以及操作DOM。这决定了它只能是单线程。
对于单线程来说，事件循环可以说是重中之重了，它为任务分配不同的优先级，井然有序的调度。让js解析，用户交互，页面渲染等互不冲突，各司其职。
(2) JS的Event Loop是JS的执行机制。深入了解JS的执行,就等于深入了解JS里的event loop
前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。
作者： ziwei3749 原文：https://segmentfault.com/a/1190000012806637 首先，请牢记2点： JS是单线程语言 JS的Event Loop是JS的执行机制。深入了解JS的执行，就等于深入了解JS里的event loop 1.灵魂三问：JS为什么是单线程的？为什么需要异步？单线程又是如何实现异步的呢？ 技术的出现，都跟现实世界里的应用场景密切相关的。同样的，我们就结合现实场景，来回答这三个问题。 (1) JS为什么是单线程的？ JS最初被设计用在浏览器中，那么想
前几天写了用爬虫来揭露约稿骗局的真相，但实际上对于动态加载的数据来说，用程序爬取比较困难，在这种情况下，可以使用selenium来模拟浏览器行为，达到同样目的。
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy
笔者以前面试的时候经常遇到写一堆setTimeout,setImmediate来问哪个先执行。本文主要就是来讲这个问题的，但是不是简单的讲讲哪个先，哪个后。笼统的知道setImmediate比setTimeout(fn, 0)先执行是不够的，因为有些情况下setTimeout(fn, 0)是会比setImmediate先执行的。要彻底搞明白这个问题，我们需要系统的学习JS的异步机制和底层原理。本文就会从异步基本概念出发，一直讲到Event Loop的底层原理，让你彻底搞懂setTimeout,setImmediate，Promise, process.nextTick谁先谁后这一类问题。
今天该学习 Event Loop 啦，其实之前我写过一篇 Event Loop 的文章：
前一阵子QQ群里流行了一个东西，一段话加上一个黑点（表情），点击之后QQ就会卡死。(文内链接请点击“阅读原文”查看)
笔者最近在进行前端的学习，在点完了HTML5、CSS3、JavaScript等技能树之后，是时候开始框架的学习了。目前为止前端框架呈现出React、Angular、Vue三足鼎立的局面，在这三种框架中，Vue最为简单，使用场景最为广泛，因此笔者从Vue开始学习，但是发现网上能搜到的Vue安装教程均不全面，所以写出此篇供大家学习。 大致步骤 安装Node.js 安装Vue.js 安装Webpack Step1: 安装Node.js Node.js是一个Javascript运行环境(runtime)。实际上它
在了解JavaScript的异步机制之前，我们首先需要理解JavaScript是一种单线程语言。单线程就意味着所有的任务需要按照顺序一次执行，如果前一个任务没有完成，后一个任务就无法开始。这个特性在执行大量或耗时任务时可能会导致阻塞或者界面卡死，这显然是不可取的。
最近公司比较忙，加上重磅好剧隐秘的角落来袭，重学前端系落下了，最近闲来无事，续上！作为一名前端工程师，除了编辑器，浏览器当然使我们打交道最多东西，虽然我们每天都在用，但是对他却不慎了解，不信？接下来给你一些灵魂拷问！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
