Node.js 是基于 “ Chrome V8 引擎 ” 的 JavaScript 运行环境
浏览器端用JS创建和下载文件 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 浏览器端用JS创建和下载文件 1 需求 2 解决方案 2.1 下载取代加载：H5标签属性 2.2 生成文件：DataURI 3 改进方案 1 需求 前端需要把获取的数
es6之前，社区模块加载方案，主要是CommonJS(用于服务器)和AMD(用于浏览器) 而es6实现的模块解决方案完全可以替代CommonJS和AMD ES6模块设计思想：尽量静态化，在编译时就能确定模块的依赖关系，以及输入输出的变量 而CommonJS和AMD模块，都只能在运行时确定这些东西 同时：模块中使用的是严格模式 <script type="module" src="es7-1.js" ></script> <script type="module" src="es7-2.js" ></sc
在博客上，CSS 相关的文章却不多。那就结合 CSS 与性能这两大主题，为大家带来一篇文章吧。
每个浏览器都内置了DOM、BOM这样的API函数，因此，浏览器中的JavaScript才可以调用它们。
浏览器端用JS创建和下载文件 1 需求 前端需要把获取的数据生成文件让用户下载，按照以往生成 a 标签 href 指向目的文件，不仅需要有已经生成的文件服务器路径，而且很多浏览器支持类型的文件会默认加载而不提示用户选择路径下载 2 解决方案 2.1 下载取代加载：H5标签属性 HTML5 中 a 标签增加了 download 属性，点击链接时浏览器不会打开链接指向的文件，而是改为下载（目前只有chrome、firefox和opera支持），下载时会直接使用链接的名字来作为文件名(可给 download 加上
我们都知道，前端开发最让人头疼的事情，就是兼容ie系列的浏览器了，不但麻烦还让人头秃，今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面，border-radius这个属性是不起作用的，这个时候，就需要进行一些处理了，首先下载pie.htc文件pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件
还记得当初入门前端开发的时候写过的 Hello World 么？一开始我们先创建了一个 HTML 文件，在 <body> 标签里写上网页内容；后来需要学习页面交互逻辑时，在 HTML markup 里增加一个 <script src="script.js"> 标签引入外部 script.js 代码，script.js 负责页面交互逻辑。
一：源起 1.何为CB/S的应用程序 C/S结构的应用程序，是客户端/服务端形式的应用程序，这种应用程序要在客户电脑上安装一个程序，客户使用这个程序与服务端通信，完成一定的操作。 B/S结构的应用程序，是浏览器/服务端形式的应用程序，这种应用程序不用在客户端部署任何东西，客户只需要通过浏览器与服务端通信，来完成一定的操作。 两种类型的程序优缺点对比： 对比内容 C/S结构的应用程序 B/S结构的应用程序 部署 较困难 方便 升级
3、仅仅加载被修改过的资源，避免同一资源对服务器多次的请求，大大降低了对服务器的访问压力
例如同一个域名 CDN 服务器上的 a.js，b.js，c.js 就可以按如下方式在一个请求中下载：
在爬取数据时，有一些网站设置了反爬（禁止F12、网页调试Debugger、丑化Js），比如下面这几种情况：
大型网站打造并不是件容易的事情，即使是从小开始慢慢迭代。从本期《问底》开始，我们将为大家带来李平的大型网站打造系列，从理论和实践两个方面进行讲解。 在前一篇随笔大型网站系统架构的演化中，介绍了大型网站的演化过程，期间穿插了一些技术和手段，我们可以从中看出一个大型网站的轮廓，但想要掌握设计开发维护大型网站的技术，需要我们一步一步去研究实践。所以我打算写一个系列，从理论到实践讲述大型网站的点滴，这也是一个共同学习的过程，希望自己能坚持下去。系列大概会分为两部分，理论和实践，理论部分尽量通俗易懂，也要讲一些细节。
Via: http://blog.jobbole.com/84433/ 前言 在前一篇随笔《大型网站系统架构的演化》中，介绍了大型网站的演化过程，期间穿插了一些技术和手段，我们可以从中看出一个大型网站的轮廓，但想要掌握设计开发维护大型网站的技术，需要我们一步一步去研究实践。所以我打算写一个系列，从理论到实践讲述大型网站的点滴，这也是一个共同学习的过程，希望自己能坚持下去。系列大概会分为两部分，理论和实践，理论部分尽量通俗易懂，也要讲一些细节。实践部分会抽取一些技术做实践，将方法、解决问题过程分享出来。 本
当ES模块第一次在ECMAScript 2015中被引入，作为在JavaScript中标准化模块系统的一种方式时，它是通过在import语句中指定相对或绝对路径来实现的。
移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。
在网页中加载并显示PDF文件是最常见的业务需求。例如以下应用场景：（1）在电商网站上购物之后，下载电子发票之前先预览发票。（2）电子商务管理系统中查看发布的公文，公文文件一般是PDF格式的文件。
安装文件应用程序非常简单，因为它只是一个文件。只需下载最新的文件index.php，将其放入您要查看或管理的文件夹中并加载到浏览器中。
想要本地引用就直接打开这两个链接去下载对应的js和css文件就好了。 因为我的项目比较老，所以这里使用本地引用
这是一个系列的文章，前面六篇文章的地址如下： 基于.net开发chrome核心浏览器【六】 基于.net开发chrome核心浏览器【五】 基于.net开发chrome核心浏览器【四】 基于.net开发chrome核心浏览器【三】 基于.net开发chrome核心浏览器【二】 基于.net开发chrome核心浏览器【一】 这篇文章和前面六篇文章关系不大，你如果懒得看前面六篇的话，从这一篇开始看也没问题 之前写的六篇文章，都是基于 Xilium
本文介绍了如何搭建使用Selenium爬取JS渲染页面的环境，并分享了PhantomJS、Selenium和Python的下载和安装方法。通过使用PhantomJS和Selenium，可以自动化地爬取JS渲染的页面，并提取出所需的信息。
3. 浏览器中运行的 JavaScript 和 Node.js 中运行的 JavaScript 有区别吗
今天，我们来谈谈，浏览器的「关键渲染路径」。针对浏览器的一些其他文章，我们前面有介绍。分别从浏览器架构和最新的渲染引擎介绍了关于页面渲染的相关概念。对应连接如下。
服务器环境： php7.2 nginx 1.14 ubuntu 18.04 测试浏览器:谷歌浏览器 70.0.3538.110（
说到爬虫，就不得不接触一些反爬的技术了。其中，针对一些无法绕过或者无法正常阅读的JS代码，我们的最终法宝就是无头浏览器了！
HTML 用于控制网页的结构，CSS 用于控制网页的外观，JavaScript 控制的是网页的行为。
首先需要在服务器上建立一个文件，里面的内容确定了哪些文件需要缓存，哪些文件不需要，如果资源无法访问会使用什么页面等
selenium的介绍 知识点： 了解 selenium的工作原理 了解 selenium以及chromedriver的安装 掌握 标签对象click点击以及send_keys输入 ---- 1. selenium运行效果展示 Selenium是一个Web的自动化测试工具，最初是为网站自动化测试而开发的，Selenium 可以直接调用浏览器，它支持所有主流的浏览器（包括PhantomJS这些无界面的浏览器），可以接收指令，让浏览器自动加载页面，获取需要的数据，甚至页面截屏等。我们可以使用selenium很
4、语法： 1）加载 path 模块 2）使用 path.join 方法，拼接路径
Selenium 是一个用于web应用程序自动化测试的工具，直接运行在浏览器当中，支持chrome、firefox等主流浏览器。可以通过代码控制与页面上元素进行交互（点击、输入等），也可以获取指定元素的内容。
原文：《Using JavaScript modules on the web》 https://developers.google.com/web/fundamentals/primers/modules 译者序 JS modules，即ES6的模块化特性，通过 <scripttype="modules">可以实现不经过打包直接在浏览器中import/export，此玩法确实让人眼前一亮。 先看看 <scripttype="modules">的兼容性。目前只有较新版本的chrome/firefox/saf
最近一段时间刚好在公司内部涉及一些老旧项目的优化，所以对于 Web 网页性能方面沉淀了一些自己的看法。
大家好，我是黑脸怪。这篇文章主要给大家介绍jsrpc，方便大家日后在遇到JS逆向的时候派上用场。
Playwright Playwright支持在Windows、Mac以及Linux系统上安装和使用。
自从用饿了么框架重构项目以来，遇到 很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网上百度一下，就能找到解决方案，还有很多社区可以讨论，社区文档都比较成熟，很容易上手~~
在前端项目开发完成，我们肯定是需要对前端的项目进行测试优化。我们可以先用一些第三方工具对网站进行分析。工具例如
selenium的介绍 知识点： 了解 selenium的工作原理 了解 selenium以及chromedriver的安装 掌握 标签对象click点击以及send_keys输入 ---- 1. selenium运行效果展示 Selenium是一个Web的自动化测试工具，最初是为网站自动化测试而开发的，Selenium 可以直接调用浏览器，它支持所有主流的浏览器（包括PhantomJS这些无界面的浏览器），可以接收指令，让浏览器自动加载页面，获取需要的数据，甚至页面截屏等。我们可以使用selenium
文件的上传是将用户本地的资源发送到服务器，让服务器存储到其硬盘中的过程。而下载和上传正好是相反的过程。下载是用户发起请求，请求要下载的资源。服务器根据请求，将其硬盘中的文件资源发送给浏览器的过程。
我们知道JavaScript是运行在浏览器中的，浏览器为它提供了一个上下文(context)，从而让JavaScript得以解析执行。
在前一篇随笔《大型网站系统架构的演化》中，介绍了大型网站的演化过程，期间穿插了一些技术和手段，我们可以从中看出一个大型网站的轮廓，但想要掌握设计开发维护大型网站的技术，需要我们一步一步去研究实践。所以我打算写一个系列，从理论到实践讲述大型网站的点滴，这也是一个共同学习的过程，希望自己能坚持下去。系列大概会分为两部分，理论和实践，理论部分尽量通俗易懂，也要讲一些细节。实践部分会抽取一些技术做实践，将方法、解决问题过程分享出来。
请注意，本文编写于 1727 天前，最后修改于 996 天前，其中某些信息可能已经过时。
浏览器内核 相信大部分的前端同学都是基于谷歌浏览器进行编码，IE的应该是极少数了吧，微软早在几年前就已经表示希望用户不要使用IE游览器尤其是旧版本的，仅仅作为兼容工具使用，因为考虑到一些旧项目需要使用，所以保留在系统内。做过IE兼容性的同学们都知道IE是多么让人头疼 🤦♂️，现在我们经常使用的主流内核大概这几种： Chrome浏览器内核：我们都叫chrome内核，以前是Webkit内核，现在是Blink内核 Firefox浏览器内核：Gecko内核，俗称Firefox内核 Safari浏览器内核：Web
原文说的JS modules，实际上指的是ES6的模块化特性，通过<script type="module">可以实现不经过打包直接在浏览器中import/export，此玩法确实让人眼前一亮。
这一段时间在研究R里面的数据抓取相关包，时不时的能发掘出一些惊喜。 比如今天，我找到了一个自带请求器的解析包，而且还是嵌入的pantomjs无头浏览器，这样就不用你再傻乎乎的再去装个selenium驱
模拟浏览器功能，自动执行网页中的js代码，实现动态加载。使请求更加真实(好像是真的浏览器在请求)
天下苦webpack久矣，相信作为前端开发者一定经历过在项目迭代时间较长的时候经历漫长等待的这一过程，每一次保存都会浪费掉大量时间，这是webpack这种机制所带来的问题。
vue-router官方文档：https://router.vuejs.org/zh/
根据相关数据显示，谷歌的Chrome浏览器目前已达近七成的市场占有率，成为浏览器的“霸主”。大家选择Chrome，除了是因为性能的优越以及强大的兼容性之外，Chrome充足的扩展插件，可以让我们的浏览器成为一个“百宝箱”。而谷歌浏览器插件更是一种用于定制浏览器体验的小程序，通过插件，我们可以根据个人的需求定制浏览器的行为。Chrome插件是一个用Web技术开发的软件，可以说只要掌握了”前端三兄弟“（html、js、css），相当于会了Chrome插件开发的一大半。
YApi 是高效、易用、功能强大的 api 管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务。可以帮助开发者轻松创建、发布、维护 API，YApi 还为用户提供了优秀的交互体验，开发人员只需利用平台提供的接口数据写入工具以及简单的点击操作就可以实现接口的管理。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
