json 异步加载js js加载的缺点：加载工具方法没必要阻塞文档，过得js加载会影响页面效率，一 旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。 有些工具方法需要按需加载，用到再加载，不用不加载。 复制代码 javascript 异步加载的三种方案： 1.defer 异步加载，但要等到dom文档全部解析完才会被执行。只有IE能用，也可以将代码写到内部。 2.async 异步加载，加载完就执行，async只能加载外部脚本，不能把js写在script 标签里。 1.2 执行时也不阻塞页面 3
网站 --> 安装Nginx --> 默认选项即可（1.20，极速安装）--> 等待安装完成
本文也在我的博客发布了：手把手教你把网页转为.exe文件. - 二次元フロントエンド
首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具
首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 vue的安装 1.vue的安装依赖于node.js,所以先安装过node.js。从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）安装完成后可进入cmd编辑器，输入命令 node -v进行查看,如果成功安装node会出现 v 6.9.1 2.安装cnpm 在命令行中输入 npm install -g cnpm --regi
当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。
51CTO博客首席体验官，专注于大前端技术的分享，包括Flutter,小程序,安卓，VUE，JavaScript。
动态网页抓取是指通过模拟浏览器行为，获取网页上的动态生成的数据，如JavaScript渲染的内容、Ajax请求的数据等。动态网页抓取的难点在于如何处理网页上的异步事件，如点击、滚动、等待等。Puppeteer是一个基于Node JS的库，它提供了一个高级的API，可以控制Chrome或Chromium浏览器，实现动态网页抓取。本文将介绍如何使用Puppeteer在Node JS服务器上实现动态网页抓取，并给出一个简单的案例。
在大家的支持下，今年参加掘金的人气作者排行榜，最后获得了2021年度人气作者第7的成绩，再次感谢各位朋友们的鼎力支持。但没想到最后被狠狠的恶心了一把，除了排名揭晓时当天的直播外，官方至今没有再推送人气排行榜的任何信息。
很久之前就想关于浏览器渲染原理做一份总结性文章。之前也看过网上不少这个方面的文章，关于浏览器渲染机制的原理文章非常多但是总是觉得差那么一点意思，没有串联整个流程。所以这里打算串联这两部分，从原理和实践出发讲解他们背后的含义。
适用于Angular4.x、Angular5.x、Angular6.x、Angular7.x、Angular8.x、Angular9.x、Angular10.x，截止目前Angular最新版本
本文介绍了前端性能优化中的直出方案，通过减少HTTP请求、合并小文件、懒加载、使用服务器端渲染等方式来提高首屏渲染速度，降低白屏时间，从而提升用户体验。同时，总结了实施直出方案过程中的一些经验和教训，包括前端路由的使用和React同构直出优化等。
火线（Fireline）的Jenkins官方插件已经上线，目前火线不仅能检查出安卓代码中的安全类问题和内存泄露问题，还兼容了阿里开源的Java开发规约（P3C项目），本文将以教程的形式帮助大家了解如何在Jenkins中使用火线插件做静态代码扫描。 提示：如果您是第一次使用Jenkins，请先前往文章【[新手教程] Jenkins 下载安装配置教程】（在文章最后点击阅读原文可见）。 Jenkins安装火线（Fireline）插件 点击左上角的Jenkinslogo，依次点击系统管理->管理插件， 在插件页面点
原文发布于 Fiora 构建指南 – 春花秋月 (fmcf.cc) 中，若要获得最好的阅读体验，可前往原文查看
很多时候我们都希望首屏速度快，SEO友好，那么相比于客户端渲染的 SPA，SSR 在 SEO 方面有明显的优势，在之前的 Next.js 的文章中，就有同学说要 Next.js 的 SSR，现在，它来了。
当浏览器的网络线程收到html文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。
因为自己学习了前端大部分知识，然后想自己做网站，于是学习了node.js，可不知道如何将项目发布到网上，所以花了很多天的时间，搜集了很多的资料，才将项目部署到服务器上，这里给大家分享一下我的部署过程，以免大家走弯路。
使用 GitHub + Hexo 搭建个人博客 提前准备 网络（尽量保证信号畅通） 电脑（Windows） 电源（220V） 精力 本教程图片存储于腾讯公共图床，原图床果然还是失效了，教程图片全部迁移至去不图床，失效可联系邮箱：1547563662@qq.com 工具安装 VSCode 安装： 到 Visual Studio Code 官网下载 VSCode 安装包。 点击左侧 Download for Windows 即可直接跳转下载。 右上角 Download 可选择更多版本下载。 这里提供 VSCod
点击上方蓝字“ITester软件测试小栈“关注我，每周一、三、五早上 08:30准时推送，每月不定期赠送技术书籍。
云开发静态托管是云开发提供的静态网站托管的能力，静态资源（HTML、CSS、JavaScript、字体等）的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云 CDN 提供支持
浏览器在开始运行一个页面的时候，首先它会初始化js功能，当js发挥它的功能时候，记录了一系列浏览器按照顺序做的事情，也就是一个执行顺序，谁在谁之前发生，谁在谁之后发生。
如果已安装Visual Studio Code，打开命令行工具，输入code --version命令，检查版本号是否为1.45.1及以上版本；可以正常返回版本号，说明环境变量设置也正确。
https协议需要到CA（Certificate Authority，证书颁发机构）申请证书，一般免费证书较少，因而需要一定费用。
一直想去学Vue，不过一直找不到一个契机。然公司手机端用到了跨平台开发apicloud，里边涉及到Vue组件化开发，例如header和footer的封装，以及apicloud自定义的frame等等，于是决定对Vue.js研究一番，当然开发环境搭建是少不了的第一步。俗话说，工欲善其事必先利其器！
很多时候我们都希望首屏速度快，SEO友好，那么相比于客户端渲染，SSR渲染将是这方面的优势。
由于 Hexo 这款博客程序是基于 Node.js 所构建的，所以我们需要下载 Node.js
DevEco Studio的编译构建依赖JDK，DevEco Studio预置了Open JDK，版本为1.8，安装过程中会自动安装JDK。
Node.js简单来说就是一个IISExpress，提供一个前端Html的独立运行环境。
事件循环通过将操作分给系统内核来处理使得使用单线程的 JavaScript 的 Node.js 可以进行无阻塞 I/O 操作。
在前端项目开发中，我们可以根据实际情况不同程度地使用 Vue。利用 Vue CLI（或写成 vue-cli，即 Vue 脚手架）搭建出来的项目，是最能体现 Vue 的特性的。这点在接下来的内容中我们可以慢慢感受。
摘要： 随着时代的发展，知识的更新速度越来越快，“活到老，学到老”显得必须且重要。在众多学习方法之中，知识输出是学习的不二法门。互联网时代，通过写博客去记录自己的学习过程，是一种相对比较方便且效率很高的方式。因而，养成一个写博客的习惯，对于科研和工作，都有很大的帮助。本文主要介绍如何在windows操作系统上基于github平台，结合hexo框架（一个node.js框架）来构建一个专属于个人的博客。
微信公众号后台自带的功能可能有时不能满足我们的需要，这时候我们就需要搭建自己的服务端。本实验带您从零开始，基于 NodeJS 搭建起一个可以支撑微信订阅号自动回复的服务，包括 HTTP 部署、后台模块服务。
现阶段的浏览器运行在一个单用户，多合作，多任务的操作系统中。一个糟糕的网页同样可以让一个现代的浏览器崩溃。其原因可能是一个插件出现bug,最终的结果是整个浏览器以及其他正在运行的标签被销毁。
有时候我们需要分析一个网站，或者基于一个网站进行魔改，这个就需要一些特殊的手段将网站源码下载到本地了，其实目前大部分网站都是有代码压缩的，很难去有修改。 这里我就教大家如何快速获取一个网站的所有资源，包括源码，图片，js，css。
Note: 安装 Puppeteer 时，它会下载最新版本的Chromium（~170MB Mac，~282MB Linux，~280MB Win），以保证可以使用 API。如果想要跳过下载，请阅读环境变量。
随着移动开发越来越火热，前端开发也是有之前11年一直火热到现在，不过我发现从去年年底开发，Android和ios基本已经饱和了，特别是随着广大开源社区的中很多人贡献代码，开发已经不是什么问题了，所以现在好多公司招聘 都要求3年以上工作经验的，无外乎好多培训班出来的会写一些功能，会写一些界面实现，就出来上班了，但是深层次到framwork层，能够深入了解原理的还是少数，特别是当我们的项目遇到瓶颈之后，才能去看看你们怎么实现的。废话说道这里。 接下来我想说说面试，往往人家会要求会一点js，会一点html5，会r
本项目为基于Hyperledger Fabric区块链的供应链资产跟踪解决方案，项目主要包括链码和Web应用两部分。Fabric链码采用GOLANG开发，负责维护资产的状态，后台为采用Node.js开发的Web应用，负责为用户提供访问区块链上资产的操作界面，例如资产的创建、所有权转移等操作。
本文将演示如何使用Playwright爬取淘宝Python书籍的相关信息，包括书名、价格和销量等。我们将使用Playwright模拟登录和搜索，并提取所需信息。所有代码都使用JavaScript编写，并在Node.js环境中运行。
在听到 nodejs 相关的特性时，经常会对 异步I/O、非阻塞I/O有所耳闻，听起来好像是差不多的意思，但其实是两码事，下面我们就以原理的角度来剖析一下对 nodejs 来说，这两种技术底层是如何实现的？
我们在日常的web ui测试工作中经常会碰到页面中存在动态内容与通过Ajax异步加载的元素内容，针对这些非静态元素我们的自动化测试代码就需要进行一些对应的处理，才能确保元素可以被正确的加载与捕捉，那么今天我们就围绕着这一话题来说说如何在自动化测试中对异步通信与动态内容进行处理。
😏作者简介：博主是一位测试管理者，同时也是一名对外企业兼职讲师。 📡主页地址：【Austin_zhai】 🙆目的与景愿：旨在于能帮助更多的测试行业人员提升软硬技能，分享行业相关最新信息。 💎声明：博主日常工作较为繁忙，文章会不定期更新，各类行业或职场问题欢迎大家私信，有空必回。
性能优化不单指优化一个页面的打开速度，在开发环境将一个项目的启动时间缩短使开发体验更好也属于性能优化，大文件上传时为其添加分片上传、断点续传也属于性能优化。在项目开发以及用户使用的过程中，能够让任何一个链路快一点，都可以被叫做性能优化。
1.load是当页面所有资源全部加载完成后（包括DOM文档树，css文件，js文件，图片资源等），执行一个函数
很多玩博客的大佬都在使用Hexo静态博客作为自己的系统而不是WordPress或者Typecho，这是因为Hexo这一类的静态博客，可以部署在很多稳定且免费的环境中，对于大佬来说，这是个最好不过的选择了，其一是环境稳定且免费，可以省出维护服务器的精力和开支，其二是大佬们一般对服务器有很高的要求，一个服务器通常会专门做一件事情，如果挂博客太低的配置没法有很好的访问性能，太高的配置又是资源浪费，中规中矩的配置却又比上不足比下有余，这时候 静态博客 就是个很好的解决方案。
配置React Native环境 一. 安装Homebrew: “Homebrew installs the stuff you need that Apple didn’t.——Homebrew OS X 更完整”。 Homebrew的官网（多语言版本）简单明了地介绍了如何安装和使用这个工具，;并提供了自己的Wiki。 brew的安装很简单，使用一条ruby命令即可，Mac系统上已经默认安装了ruby": ruby -e "$(curl -fsSL https://raw.githubuserconte
1. node.js 回调函数 node.js 的异步编程思想最直接的体现就是回调，在node中大量使用了回调函数，所有的API都支持回调函数，回调函数一般作为最后一个参数出现，正因为这样node在执行代码的时候就没有阻塞或者等待的操作，提高了node的性能，可以处理大量的并发请求。 function f1(name, age, callback){} function f2(name, callback, callback2){} 阻塞代码实例 创建一个文件input.txt内容如下： 这是一个阻
React 是一个开源 JavaScript 库，开发人员使用它来创建基于 Web 和移动的应用程序，并且支持构建交互式用户界面和 UI 组件。React 是由 Facebook 软件工程师 Jordan Walke 创建，React 的第一个版本在七年前问世，现在，Facebook 负责维护。React框架自首次发布以来，React 的受欢迎程度直线飙升，热度不减。 2020 年 10 月，React 17 发布了，但令人惊讶的是——“零新功能”。当然，这并不是真的表示没有任何新添加的功能，让广大程序员使用者兴奋。事实上，这个版本为我们带来了很多重大功能的升级及16版本的bug修复，并推出了：Concurrent Mode 和Suspense。 虽然这两个功能尚未正式发布，这些功能已提供给开发人员进行测试。一旦发布，它们将改变 React 呈现其 UI 的方式，从而达到双倍提高性能和用户体验。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
