TypeScript是一种由微软开发的自由和开源的编程语言。是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。随着vue3.0开源以来，学会typescript语言语言已经迫在眉睫，不然就会被这个时代所淘汰。
JavaScript 程序越来越复杂，调试工具的重要性日益凸显。客户端脚本有浏览器，Node 脚本怎么调试呢？
JavaScript 程序越来越复杂，调试工具的重要性日益凸显。客户端脚本有浏览器，Node 脚本怎么调试呢？ 2016年，Node 决定将 Chrome 浏览器的"开发者工具"作为官方的调试工具，使
不同的浏览器使用不同的 JavaScript 解析引擎 Chrome 浏览器 => V8 Firefox 浏览器 => OdinMonkey（奥丁猴） Safri浏览器 => JSCore IE 浏览器 => Chakra（查克拉） 其中，Chrome 浏览器的 V8 解析引擎性能最好！
大部分网站都会对关键参数进行加密，JS 逆向时，我们首要任务是定位参数具体的加密逻辑
在网页中加载并显示PDF文件是最常见的业务需求。例如以下应用场景：（1）在电商网站上购物之后，下载电子发票之前先预览发票。（2）电子商务管理系统中查看发布的公文，公文文件一般是PDF格式的文件。
写之前转载两篇写的很棒的文章先看看：Session和Cookie Session和Cookie
直接将脚本注入到页面中，但是也可以包含CSS文件，但是在注入CSS文件时，要小心，否则会覆盖网页原本的样式。content-scripts中的JS程序和原始页面共享DOM，但是和原始页面的JS不是在同一个环境下运行的，所以我们是无法访问到原始页面中定义的变量的因为是是注入到页面中的，所以在安全策略上不能访问大部分的API，除了下面的四种：
攻击者盗用了你的身份(TOKEN或Cookie等认证),以你的名义往服务器发请求,这个请求对于服务器来说是完全合法的,但是却完成了攻击者所希望的操作,而你全然不知,例如:以你的名义发送邮件,转账之类的操作
浏览器为我们提供了JavaScript运行的环境，同时也给我们提供了很多的对象，我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。常见的浏览器内置对象有：Window 、Location 、Navigator 、History 、Screen…… 本篇文章，我们就从最大的对象Window开始讲起，在本文的最后还附带讲述其它几个对象的文章链接
我们的浏览器端（B/S架构）本质上也是一个客户端，通过socket与服务端通信，发送请求，获得返回数据，再有浏览器将服务器返回的数据渲染成页面上看到的一个一个标签元素样式。
Node.js 是基于 “ Chrome V8 引擎 ” 的 JavaScript 运行环境
严格来讲，我们正在说的东西应该叫Chrome扩展(Chrome Extension)，真正意义上的Chrome插件是更底层的浏览器功能扩展，可能需要对浏览器源码有一定掌握才有能力去开发。鉴于Chrome插件的叫法已经习惯，本文也全部采用这种叫法，但读者需深知本文所描述的Chrome插件实际上指的是Chrome扩展。
Q:a标签target="_blank"的安全问题及解决办法 答:A标签的target属性规定在何处如何打开链接文档常用的有_self & _blank,如果在一个 A 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档,如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后超链接文档就可以指向这个新的窗口。您可以把target=”_blank”理解为新的浏览器窗口打开此超链接;
大家好，我是Leon-pi，可以叫我pipi，新人报道，是个菜鸟，由于个人也是在学习过程中，文章写的也不是面面俱到，尽善尽美，请见谅。
我们现在要做一个首页的前端部分，这个页面的内容主要是我们的工具列表，可以方便进入的用户直接选中工具来进入工具详情页。
当我们需要对一个网页上的某个按钮进行多次点击以求得某种“好处”的时候，例如天猫的抢红包活动，我们可能需要点击N次之后才有可能获得一个红包，但是这个N是一个未知数，有可能我们要不停地点击半个小时甚至一个小时都还无法获得，自己估计也会点鼠标点得醉了。因此，针对这种情况，我们希望自己写一个小工具来让计算机帮我们做这件事。
谷歌浏览器插件开发是指开发可以在谷歌浏览器中运行的扩展程序，可以为用户提供额外的功能和定制化的体验。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发者。 开发者可以利用这些技术在浏览器中添加新的功能、修改现有功能或者与网页进行交互。
在 《p5.js 光速入门》 中都是使用 CDN 的方式去使用 p5.js 的，不太符合当下的开发习惯。
webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；
作者： CarterLi 原文：https://segmentfault.com/a/1190000012730162 上篇说了一些 JS 中数组操作的常见误区，这次来总结一下初学者常见的其他易错点。 写立即执行函数时前置 void 立即执行函数（IIFE）在 JS 非常常用，作用就是构造一个函数级的变量作用域。常见的写法如下： 这样写可能会被 JS 理解成为一个函数调用 从今天改变习惯，这样写： 有些人喜欢以 打头，个人习惯问题。 在 standardjs 规范日益流行的今天，忽略行尾分号成为了主流（但
离线存储可以将站点的一些文件存储在本地，它是浏览器自己的一种机制，将需要的文件缓存下来在没有网络的时候可以访问到缓存的对应的站点页面，包括html，js，css，img等等文件在有网络的时候，浏览器也会优先使用已离线存储的文件，返回一个200（from cache）头。这跟HTTP的缓存使用策略是不同的。
通过前面的学习，对webpack有了更深的认识，故此节我们就利用前面相关知识自己动手用webpack构建一个React的开发环境，就算是一个小案例吧。
vue-router官方文档：https://router.vuejs.org/zh/
ExtJS 是一个非常优秀的 JS 框架， 由于 ExtJS 自身非常庞大， 用于开发测试的 ext-all-debug.js 文件达到了 3.24M ， 如果是再加载带注释的 ext-all-debug-w-comments.js 则更是达到了 6M ， 可以说是非常庞大了， 因此动态加载 ExtJS 是很有必要的， 接下来就介绍如何对 ExtJS 做动态加载。
可参考网上的步骤进行操作。例如这篇文章：https://wangheng3751.github.io/2018/01/17/selenium/
x-ua-compatible 用来指定IE浏览器解析编译页面的model x-ua-compatible 头标签大小写不敏感，必须用在 head 中，必须在除 title 外的其他 meta 之前使用。 1、使用一行代码来指定浏览器使用特定的文档模式。 <meta http-equiv="x-ua-compatible" content="IE=9" > <meta http-equiv="x-ua-compatible" content="IE=8" > <meta http-equiv="x-ua-compatible" content="IE=7" > 2、在一些情况下，我们需要限定浏览器对文档的解析到某一特定版本，或者将浏览器限定到一些旧版本的表现中。可以用如下的方式： <meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" > <meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" > <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" > 使用这种写法，浏览器或者使用标准模式进行解析，或者使用 IE5 Quirks 模式进行解析。 3、为了测试，我们也可以使用下面的语句指定浏览器按照最高的标准模式解析页面。 <meta http-equiv="x-ua-compatible" content="IE=edge" > 4、多个模式的指定。我们可以用逗号分割多个版本，这种情况下，浏览器会从这个列表中选择一个他所支持的最高版本来使用标准模式进行渲染。如下面的例子，在IE8进行浏览时，将会使用IE7的标准模式进行渲染，因为他本身不支持IE9和IE10。 <meta http-equiv="x-ua-compatible" content="IE=7,9,10" > 参考： http://www.cnblogs.com/cocowool/archive/2013/04/25/3043832.html http://www.cnblogs.com/nidilzhang/archive/2010/01/09/1642887.html http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 2012-04-25 16:29:04| 分类： 学习 |字号 订阅 在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml> <head> <meta http-equiv=Content-Type content=“text/html;charset=utf-8″> <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7> <title>百度一下，你就知道 </title> <script>var wpo={start:new Date*1,pid:109,page:‘superpage’}</script> <meta http-equiv=X-UA-Compatible content=IE=EmulateIE7> 可以打开百度，右键查看源码看下！我们可以看下文件头是否存在这样一行代码！ 这句话的意思是强制使用IE7模式来解析网页代码！ 在这里送上几种IE使用模式！ <meta http-equiv=“X-UA-Compatible” content=“IE=8″> 2. Google Chrome Frame也可以让IE用上Chrome的引擎: <meta http-equiv=“X-UA-Compatible” content=“chrome=1″ /> 3.强制IE8使用IE7模式来解析 <meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″><!– IE7 mode –> //或者 <meta http-equiv=“X-UA-Compatible” content=“IE=7″><!– IE7 mode –> 4.强制IE8使用I
最近在写公司内部的一个 node 应用的时候，发现自己在 node 调试这块还是比较薄弱的，特意恶补了一下，在这里也做一下分享。
参考链接： webpack-output webpack-entry webpack-devtool
Puppeteer 是 Node.js 的一个函数库，可用来操控浏览器，是 Google 的项目，可以应用的范围包括：前端的自动化测试、爬虫、表单提交等。
如果格式有问题，可以直接在这里进行查看 https://www.yuque.com/shuangguidaidan/ft6o18/tcu448
wasm 并不是传统意义上汇编语言（Assembly），而是一种中间编译的字节码，可以在浏览器上运行非 JavaScript 语言，只要它能被编译成 wasm。
我最近在学习做移动端页面，当做好一个移动端页面后想使用手机查看一下移动端页面在手机上的效果，找了很久才找到一个比较好的方法，特意写这篇文章记录下在手机上查看移动端页面的方法
PWA 是可被发现、易安装、可链接、独立于网络、渐进式、可重用、响应性和安全的。关于这些含义的细节，请参阅 PWA的优势。简单概括为以下几点
表单在网页中主要负责数据采集功能,HTML中的<form>标签,就是用来采集用户输入的信息,并通过<form>标签的提交操作,把采集到的信息提交到服务器端进行处理
0x00 起因 不久前@三好学生师傅买了一个wooyun wifi,然后聊到了缓存投毒： 然后看到wooyun wifi的这个说明： 默认情况下该功能附带缓存投毒功能，将视图缓存所有的页面至2099年
作者：龙付成--腾讯高级前端工程师 @IMWeb前端社区 目录 JavaScript早期主要作为脚本语言运行在浏览器，而现在JavaScript的使用范围已经超越浏览器，向通用系统语言发展。特别是HTML5的出现，浏览器的平台化，Node.js开源项目的发展，NoSQL技术的发展，JavaScript逐渐成为跨移动平台应用程序及跨平台桌面应用程序的开发语言。 JavaScript标准有两类，一种是作为浏览器上通用行业标准的ECMAScript标准，另一种是作为浏览器外的桌面、服务器的标准CommonJS标
一：本篇将解决的问题 本章主要为了解决一下几个问题： 1.JsDialog的按钮错位的问题 我们开发出的浏览器，在有些操系统上调用alert,confirm之类的对话框时，确定和取消按钮会出现错位的情况 2.右键菜单问题 我们开发的浏览器，在网页上点右键，会出现一些讨厌的英文菜单。 3.打印的问题 我们开发的浏览器，网页在调用window.print的时候，没有任何反应。 4.打开chrome的调试器 谷歌浏览器调试网页的调试器非常好用，我们开发的浏览器也可以用这个工具。 二：JsDialo
开发中会遇到领导指着一个网页说，这个不错，咱们页面也按这个布局和风格做吧。直接用html+css+js生写还是挺费工的。最快的方法是直接照抄网页。本文例子不需要其它工具，只用浏览器的“另存页面为”和“查看页面源代码”两个功能来照抄网页，结果证明，不考虑js功能，仅看网页外观，是完全可以做出一模一样的网页的。 以下面网页为例，布局简单，但是要自己从头开始写，肯定要调试很久。
这个压缩版的图片和原始数据的图片是有差异的，虽然压缩的过程中丢失了一些数据，但是这些差异对于人眼是无法识别的。所以在压缩之后不影响整体的浏览体验效果，同时对于页面来说，静态资源图片的容量也可以减少很多，从而提高网页的加载速度。
从开发文件到生产文件 有一天我突然意识到一个问题，在使用react框架搭建应用时，我使用到了sass/less，JSX模版以及ES6的语法在编辑器下进行开发，使用这些写法是可以提高开发的效率。可是浏览
有一天我突然意识到一个问题，在使用react框架搭建应用时，我使用到了sass/less，JSX模版以及ES6的语法在编辑器下进行开发，使用这些写法是可以提高开发的效率。可是浏览器它本身是并不能够“理解”这些语法的呀。就像下面这张图：
本文首发于知乎 Headless Testing是什么 Headless是指没有界面的浏览器运行环境。那么Headless Testing也就不难理解，是基于无界面化提供的命令行工具和api进行的前端
网页通过<script>标记可以引入在线的js文档，只有把网页保存在本地硬盘才能使用相对路径引入本地js文档，普通浏览器难以实现在线页面上引入本地js文档。怎么解决这个问题呢？ 首先准备好需要引入的JS文档，可以是成熟的JS库，也可以是自己编写的JS代码，把这些代码保存到本地硬盘浏览器的安装目录下的js文件夹。浏览器默认安装路径为“C:\Program Files\木头软件\木头浏览器(旗舰版)\js”，浏览器将自动读取该路径下的所有JS文档。
在之前，给大家介绍过webcontainer这个技术，就是可以让Node.js运行在浏览器中的技术
最近有个案例觉得挺有意思，可以分享一下。我们知道Windows里启动一个进程可以使用createprocess函数(https://docs.microsoft.com/en-us/previous-versions/aa908775(v=msdn.10))，大体上的使用可以看空白写的
Web 技术突飞猛进，但是有一个领域一直无法突破 ---- 游戏。 游戏的性能要求非常高，一些大型游戏连 PC 跑起来都很吃力，更不要提在浏览器的沙盒模型里跑了！但是，尽管很困难，许多开发者始终没放弃
笔者之前做一个实时监控应用的时候，曾搜索过一些将 iPhone 的摄像头拍摄的画面实时传输到浏览器的方案，一个都没有。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
