本文由哔哩哔哩前端工程师 墨白 翻译分享 我喜欢移动app，而且也是那些坚持使用Web技术构建移动应用程序的人之一。 经过技术的不断迭代（可能还有一些其它的东西），移动体验设计愈来愈平易近人，给予用户
Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境。 Node采用Google开发的V8引擎运行js代码，使用事件驱动、非阻塞和异步I/O模型等技术来提高性能，可优化应用程序的传输量和规模。 Node大部分基本模块都用JavaScript编写。在Node出现之前，JS通常作为客户端程序设计语言使用，以JS写出的程序常在用 户的浏览器上运行。 目前，Node已被IBM、Microsoft、Yahoo!、Walmart、 Groupon、SAP、 LinkedIn、Rakuten、PayPal、Voxer和 GoDaddy等企业采用。 Node主要用于编写像Web服务器一样的网络应用，这和PHP 和Python是类似的。 Node.js允许通过JS和一系列模块来编写服务器端应用和网络相关的应用。 核心模块包括文件系统I/O、网络（HTTP、TCP、UDP、DNS、TLS/SSL等）、二进制数据流、加密算法、数据流等。Node 模块的API形式简单，降低了编程的复杂度。
前言：这两天学了下nodejs，网络上有很多教程但是我觉得不是很全面，所以写一下我学习的过程和当中所遇到的问题。
你的网页性能优化的再好，如果网络不好那也会导致网页的体验差。 离线应用是指通过离线缓存技术，让资源在第一次被加载后缓存在本地，下次访问它时就直接返回本地的文件，就算没有网络连接。
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，由Ryan Dahl开发并于2009年5月发布。以下是关于Node.js的详细介绍：
本文介绍 webpack 构建 web 应用的时候生成 sourcemap 的相关基础知识。 sourcemap 不仅适用于 chrome 浏览器，也适用于其它很多现代浏览器，本文主要针对 chrome
在网页中加载并显示PDF文件是最常见的业务需求。例如以下应用场景：（1）在电商网站上购物之后，下载电子发票之前先预览发票。（2）电子商务管理系统中查看发布的公文，公文文件一般是PDF格式的文件。
可能你也想拥有一个属于自己的博客网站，但是自己搭个博客网站不知道从何下手，而且还需要租个云服务器，虽然一个月只需几十块钱，但是我们的博客网站是要长期维护的，日积月累也要不少钱呢。
不同于其他抓包工具（通过断点修改请求响应的方式），whistle采用的是类似配置系统hosts的方式，一切操作都可以通过配置实现，支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式。
项目起始时间：2017-11-25 前端人数： 3 页面数： 6 一期上线时间：2018-01-16 在我们开发的过程中，小程序的生态也不断变化。例如 最开始不支持其打开的 web 页面调起小程序页面，后来则新增了 JS-SDK 并在高版本的基础库里支持了这样的功能；再例如它的 IDE 不断优化升级，开发体验变好；页面的5级跳转限制，改为了10级；小程序体积限制由 1MB 扩大为了 2MB …… 总体来说，一直在朝着好的方向发展。
如果已安装Visual Studio Code，打开命令行工具，输入code --version命令，检查版本号是否为1.45.1及以上版本；可以正常返回版本号，说明环境变量设置也正确。
关键渲染路径概念 浏览器是如何将HTML、JS、CSS、image等资源渲染成可视化的页面的呢？本文简单介绍一下渲染过程中涉及到的关键步骤。 该过程分为四步：模型对象的构建、渲染树构建、布局、绘制。
记得以前写过一篇《给博客添加网络电视页面》的文章，后来张戈将音乐电台和网络电视综合了一下， 成为了现在的在线影音。 此页面用到了 iframe 框架，所以张戈用 js 封装处理了下，避免不利于 SEO
三版离线Api下载链接：https://pan.baidu.com/s/1ei6tyLKTHMIGdDuowqQW6Q 提取码：x1va
有一个困扰 web 用户多年的难题——丢失网络连接。即使是世界上最好的 web app，如果下载不了它，也是非常糟糕的体验。如今虽然已经有很多种技术去尝试着解决这一问题。而随着离线页面的出现，一些问题已经得到了解决。有一个叫做 APP Cache 的 API 可以提供离线体验，但它的问题比较多。最重要的问题是，仍然没有一个好的统筹机制对资源缓存和自定义的网络请求进行控制。
方法一：开始菜单 -> 运行 -> cmd -> 回车 方法二：直接url栏中输入cmd
接触过前后端开发的同学应该都了解网络请求代理工具fiddler(mac下面常用的是Charles)，可以用来拦截分析请求、包装请求、本地调试和移动端代理开发调试等。多多少少，fiddler和Charles使用起来还是有些区别，不过还好都是可视化的界面使用配置起来也都比较方便。
node和npm版本对应表：以往的版本 | Node.jsNode.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.
最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。
描述：通过获取沙盒H5路径直接加载 将h5文件存入沙盒，webview加载本地文件URL 。
3）在填写项目信息之前，先创建一个空目录作为项目资源目录，这里我们以E:\weixin\demo为例
UnblockNeteaseMusic 介绍 UnblockNeteaseMusic是一款可以解锁网易云音乐变灰(无版权)歌曲的工具 支持windows 支持Macos 支持安卓 支持IOS 项目地址 UnblockNeteaseMusic 特性 使用 QQ / 虾米 / 百度 / 酷狗 / 酷我 / 咪咕 / JOOX 音源替换变灰歌曲链接 (默认仅启用一、五、六) 为请求增加 X-Real-IP 参数解锁海外限制，支持指定网易云服务器 IP，支持设置上游 HTTP / HTTPS 代理 完整的流量代理功
1）在web session 面板中找到对应的请求，然后将其拖到AutoResponder面板中。
whistle 相当于一个连接客户端和远程服务器的“中转站”，当你向服务器发出请求后，代理服务器先获取用户的请求，再将服务请求转发至远程服务器，并将远程服务器反馈的结果再转交给客户端。
在网络节点中，负责消费资源的电脑，叫做客户端，负责对外提供网络资源的电脑，叫做服务器。
页面所有资源包含本页面所在域资源以及第三方域资源，同主域的资源也认为第三方域资源，这种资源一般是以绝对路径的方式标识，同域下资源主要有三种表现方式 （以https://www.baidu.com举例）
好多人认为whistle是抓包工具，殊不知抓包只是whistle能力的冰山一角。除了抓包外，它还能修改请求与响应、真机调试h5移动端、解决跨域、域名映射等等等。总而言之，使用whistle能够提升我们的开发效率，改善开发体验。
打开VLC，点击媒体 -> 打开网络串流，添加网络流媒体链接： rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mp4
1. dist 项目打包生成的文件夹(启动打包命令才会生成，部署项目 时，只需要这个文件夹内容即可)
PWA的全称是Progressive Web Apps，译为渐进式网络应用程序。装配了PWA以后，用户可以将网站作为WEB APP安装到自己的设备上，以原生应用般的方式浏览博客，同时借助PWA的缓存机制，能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同，但是都可以实现原生应用体验和更新弹窗提示。其实还有个离线博客，但是视方案不同会有很多BUG，而且离线博客意义何在啊！
Web自动化测试工具从刚开始接触的QTP（UFT）,到现在绝大多数公司或项目都在使用的Selenium，以及之后有很大发展前景的Cypress。可以看出自动化测试工具越来越丰富了，当然这里所提到的都是比较有代表性的，市面上的优秀工具远远不止这三个。
管理后台无法正常打开，如图所示，其他的同事一直处于这个状态，但其中一个同事可以正常打开。
一、背景 Vue作者尤雨溪在今年4月提出了一个由Vue3搭载的前端开发工具Vite。Vite主要提供了前端开发服务器的功能以及生产环境打包的功能，而其主要突破则是在前端开发服务器这一方面，提供了一种基于ES Module的快速的本地开发服务器。 二、Vite简介 2.1 什么是Vite 在本文编辑时，Vite版本仍处于1.0.0-rc.9，尚未正式发布，并且Vite目前主要支持Vue3项目，尚不识别Vue2语法。下面是引用尤雨溪在微博上对Vite的介绍。 Vite，一个基于浏览器原生 ES imports
每次新版本重新签名打包的时候一定要记得手动修改config.xml配置最新的apk版本上传服务器并手动修改服务器的版本号
下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开
离线存储可以将站点的一些文件存储在本地，它是浏览器自己的一种机制，将需要的文件缓存下来在没有网络的时候可以访问到缓存的对应的站点页面，包括html，js，css，img等等文件在有网络的时候，浏览器也会优先使用已离线存储的文件，返回一个200（from cache）头。这跟HTTP的缓存使用策略是不同的。
这个 功能 借鉴了 https://github.com/kenshinji/yddict的实现。
今天聊下微信小程序的抓取，其实小程序的抓取不难，主要解决抓包和如何调试小程序这两个问题。如果你运用chrome调试已经比较熟练了的话，就手到擒来。
微信开发者·代码管理是为开发者提供的一项代码管理服务，方便微信开发者进行代码推送、拉取、版本管理和多人协作。
执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”， 值为“D:\nodejs\node_modules”，如下图：
我们很多安防、互联网、直播的应用场景中，在打开一路直播流后，极少看到需要点击播放按钮才能直播 播放视频流的情况，但是由于H5场景的播放需要兼容的浏览器非常多，这样的情况下经常会遇到各种各样的摄像机网页播放的问题，比如这里解析的视频流自动播放的问题：
Vue这里就不多作介绍了，首先我们要安装好整个开发环境，其实Windows和Mac的整个过程基本一样
在实际的开发过程中，我们经常用别人开发的脚手架，以节约搭建项目的时间。但是，当 npm 没有自己中意的脚手架时，我们不得不自己动手，此时学会开发前端 CLI 脚手架的技能就显得非常重要。搭建一个符合大众化的脚手架能使自己在项目经验上加个分哦！
原文 / https://developer.akamai.com/blog/2018/06/25/experiments-with-browser-preconnects/
在实际的开发过程中，我们经常用别人开发的脚手架，以节约搭建项目的时间。但是，当npm没有自己中意的脚手架时，我们不得不自己动手，此时学会开发前端CLI脚手架的技能就显得非常重要。搭建一个符合大众化的脚手架能使自己在项目经验上加个分哦！
在进行前端开发的时候（本文具体而言是编辑CSS 文件时候），常常要做的是刷新浏览器查看修改后的样式。那么最常用到的就是F5 键了，以前在开发WordPress 主题的时候Jeff 都是傻傻按F5 刷新，一次开发下来F5 键的位置常常是油腻腻的，还担心坏了。不过，有了这个chrome扩展，一切都成为过去式；唉，相见恨晚啊~ CSS Auto Reload 介绍 css auto reload 是一款 chrome 开发者插件。它可以在你编辑 css 的时候，自动在页面上重新载入最新的 css 文件， 以达到立
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
