Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headlessby default, but can be configured to run full (non-headless) Chrome or Chromium
Alfred是一款Mac系统必装软件,他提供快速启动App、全文查找文件、workflow自动化流程等功能。本文介绍如何使用Alfred Workflow+Apple Script实现快速启动开发环境。 问题 & 设想 先梳理下,我在日常启动前端的工作环境时,需要手动操作的步骤: 打开Webstorm并选择开发项目(10秒) 打开iterm命令行工具,并cd到项目下(5秒) 打开whistle代理(5秒) 打开chrome浏览器工作必须的插件,比如代理插件、react、vue调试插件(20秒) 打开c
Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许开发者在服务器端执行Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许开发者在服务器端执行JavaScript代码。它最初由Ryan Dahl于2009年开发,他发现C++开发起来比较麻烦,因此想找一种更高级的语言来写服务器,于是选择了JavaScript。
Chrome 浏览器中,WebRTC 是默认开启的,如果没有开启,就需要检查是否有其他扩展在阻拦 WebRTC 服务,如 WebRTC Leak Prevent 和 WebRTC Control 和 Easy WebRTC Block 和 WebRTC Network Limiter 等。
工作中需要对web界面进行测试,在网上找了找解决方案,最终找到了Selenium WebDriver。 WebDriver简介 The primary new feature in Selenium 2.0 is the integration of the WebDriver API. WebDriver is designed to provide a simpler, more concise programming interface in addition to addressing some
本文将介绍使用Newbe.Pct项目所需要的环境准备工作。本篇作为启动项目的基本篇是必不可少的。但是,假如读者希望先了解本项目的功能效果,读者可以先阅读《Newbe.Pct 开始使用)》
Electron 是一个可以用JavaScript,Html,Css构建桌面应用的库,可以打包部署到Mac,Windows,Linux上。 Chrominum + nodejs + Native api = Electron 两个进程 拥有两种进程:主进程 和 渲染进程。 主进程充当幕后角色,渲染进程是应用程序各个窗口。 主进程 通常是个命名为main.js的文件,该文件是每个Electron应用入口,控制了应用生命周期(从打开到关闭)。 既能调用原生元素,也能创建多个渲染进程。 渲染进程 是应用的一个
先下载Node.js运行环境 https://nodejs.org/en下载14.16.1版本。 WIN7下载12.20的版本 https://nodejs.org/dist/latest-v12.x/node-v12.20.1-x64.msi。 只需要一路安装就可以。 检测是否安装成功:点击开始-运行-cmd(win+R),打开dos,输入“node –version”检查Node.js版本:只要有显示就说明没问题了。
本文最后更新于2022年04月25日,已超过48天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!
应用程序开发过程中,开发占总时间一半的话,调试可能会占一小半。读书破万卷,下笔如有神,但是在编程领域似乎破万卷也得通过不断地调试,找出程序存在的问题,完善程序功能
react native环境搭建请移步:react native环境搭建 这里说说react native创建完成之后,运行中出现的常见问题, 问题1: java.lang.RuntimeException: SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable. 这个是原因是工程找不到我们的android S
我觉得学习 nodejs 除了要掌握基础的 api、常用的一些包外,最重要的能力是学会使用 debugger。因为当流程复杂的时候,断点调试能够帮你更好的理清逻辑,有 bug 的时候也能更快的定位问题。
《第十课 Solidity语言编辑器REMIX指导大全》文章详细介绍了使用REMIX IDE环境调试Solidity智能合约的方法,其中没有介绍在本地部署IDE环境,访问本地目录的方法。 本文的重点: (1)在本地WINDOWS 10环境安装NODE.JS环境; (2)在本地安装REMIX IDE环境,可以本地直接访问编辑器; (3)安装REMIXD,可以访问本地目录;
对于开发者来说,在开发应用程序的过程中,往往为了开发方便和解决bug需要借助于编程语言的调试功能。一般来说我们需要借助于强大IDE的调试功能来完成这项工作。nodejs也不例外。
我是公众号「线下聚会游戏」的作者,开发了一些小游戏,可以和朋友联机一起玩,而且不用下载。
最近Golang,Android NDK、Chrome以及VSCode等都更新了新版,为了让大家更好的下载这些新版本的工具软件,特地对这些工具等进行了一次更新。
在项目开发过程中,时不时会碰上需要使用一些工具来做一些自动操作或者附加功能。特别是有一些外部组件只会提供Web工具,或者如果产品会发布在Web上的时候,在线上的产品中加调试指令显然是不安全的(前段时间刚好有携程线上服务器暴露的调试接口,导致用户信息泄露的事故)。这时候我们就可以借助Chrome来制作一些特别的小工具。 使用Chrome来自作工具有几个好处:其一是对熟悉Web开发的人而言,它用得全是Javascript(当然你也可以用Go语言)和HTML,没有太多额外的学习成本,而且现在的Chrome对HTML5标准支持得也比较好,基本的功能都可以实现;其二是不需要花多少时间在UI方面(作为一个后台开发表示The easier the better);其三是在需要的时候,还能开发为App,直接运行(另外还有一个项目叫Nodejs-webkit,提供了打包成不依赖Chrome本地应用的功能,而且底层用了nodejs,提供了更加强大的系统资源访问的功能)。总而言之,作为开发工具而言已经绰绰有余了。
前面几篇文章我已经分析过前端的变化了。毫无疑问,前端的变化是"质变"而非"量变",它不是递进式的出现一个新的技术语言或框架,从根本上说它是一种模式颠覆性的取代另一种模式。
Android Studio 2.3发布了,更新了很多不错的功能,比如WebP的支持,AppLink助手等,,因为众所周知的原因,所以就第一时间更新了镜像,让大家可以第一时间体验Android Studo 2.3的新功能。除此之外,这次还更新了Gradle、NodeJS、VsCode等最新版本,所有的工具软件都有Window,Linux和Mac三个平台的版本。
最近Golang1.8.5和1.9.2、Android Studio 3.0正式版、Chrome以及VSCode等都更新了新版,为了让大家更好的下载这些新版本的工具软件,特地对这些工具等进行了一次更新。
因为安全问题,Elasticsearch 不允许root用户直接运行,所以要创建新用户,在root用户中创建新用户,执行如下命令:
一、安装环境 1、本机系统:Windows 10 Pro(64位) 2、Node.js:v6.9.2LTS(64位)
前些时在学习操作postman接口时。了解到基于postman的接口自动化框架是postman+newman+jenkins; 这个其实在上家公司就实现过,许久没玩,今天下下来试试,前段时间写了俩篇关于postman的相关使用,其三篇简单可参考学习一下
nvm 管理 nodejs 和 npm 的版本。npm 可以管理 nodejs 的第三方插件。
作者:龙付成--腾讯高级前端工程师 @IMWeb前端社区 目录 JavaScript早期主要作为脚本语言运行在浏览器,而现在JavaScript的使用范围已经超越浏览器,向通用系统语言发展。特别是HTML5的出现,浏览器的平台化,Node.js开源项目的发展,NoSQL技术的发展,JavaScript逐渐成为跨移动平台应用程序及跨平台桌面应用程序的开发语言。 JavaScript标准有两类,一种是作为浏览器上通用行业标准的ECMAScript标准,另一种是作为浏览器外的桌面、服务器的标准CommonJS标
使用node.js开发已经有一段时间了,最开始的调试是使用工具node-inspector;不过node-inspector已经很长一段时间不能用了。 现在要调试node.js程序需要使用新的方式。 新的调试的方式有很多种,本文将介绍一种简单直接的方式。
在闲暇之余,我们经常会逛各种社区,逛掘金看技术软文,逛虎扑看今日赛事,逛头条看热门时事,逛 91……
Puppeteer 是谷歌构建的流行的Headless Chrome NodeJS API爬虫库。Puppeteer Sharp是用C#写的,由达里奥·孔德拉蒂乌克于2017年发行,为.NET开发者提供同样的功能。
2019 年 Google I/O 介绍了一些激动人心的 JS 新特性,这些特性有些已经被主流浏览器实现,并支持 polyfill,有些还在草案阶段。
2016年11月份搭建了一个常用工具的镜像网站,因为众所周知的原因,很多软件工具需要自备梯子才可以下载,但是有的软件工具非常大,在梯子下下载,时间长的像噩梦,所以就搭建了这么一个网站,可以更快速的下载工具软件学习,所有的工具软件都有Window,Linux和Mac三个平台的版本。
(一)什么是nodejs? nodejs是一个是基于Chrome V8(C++编写)的JavaScript引擎,提供了JS运行时的执行环境,这一点有点类似于Java的JVM虚拟机。nodejs是一个事件驱动的,异步非阻塞的io模型,这使他更非常轻量级和高效。 (二)什么是npm? npm是nodejs的包生态系统的管理器,它提供非常简洁的命令来管理在nodejs中的一些依赖库,这一点和centos中的yum或者java中的maven,gradle,scala的sbt的功能非常相似, 有了它,我们
因为最近做桌面端开发 ,要用到Windows,在Macbook上安装的Windows,环境好不容易全都配好的,用一段时间空间就不够了,又得重装,一些好用的软件老是忘记名字所以就写个博客记录一下。
很多前端同学可能对于爬虫不是很感冒,觉得爬虫需要用偏后端的语言,诸如 python 、php 等。当然这是在 nodejs 前了,nodejs 的出现,使得 Javascript 也可以用来写爬虫了。但这是大数据时代,数据的需求是不分前端还是后端的,既然由于 nodejs 强大的异步特性,让我们可以轻松以异步高并发去爬取网站。
VSCode 调试 JS 的方法有很多,目前比较推荐的就是无需配置的 auto-attach。
根据本文指导,可以在WINDOUWS环境下完成以太坊智能合约部署前的比较环境准备。
set PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=1即可跳过下载
单纯的技术层面也就是上述的那些个东西。如果某个同学都学会了上面的那些东西,是不是就能完全的胜任前端开发工作呢?
有人说过程序员和码农的本质区别就是程序员会不断探索提高生产力的方法。思维模式的转变是提高生产力的最好方式,但打磨我们的工具也是十分有意义的事,本文将从开发环境,自动化开发,开发工具等几个方面针对前端开发效率的提升和代码质量的提高来展开讨论。
node-webkit是两周前我才刚刚认识的桌面开发利器。那天程序君写了篇关于github atom的文章,中间有段文字做了大胆的猜测:「这就是Atom最大的亮点!web native。在此之下,less style,coffeescript plugin,nodejs integration都水到渠成。看上去atom的源代码来自chrome —— 我觉得atom很可能是一款以某种方式运行本地web app的浏览器。chrome的源代码base在webkit上(貌似是bsd),所以atom可以任意修改。很可
好了,前面两篇铺垫了一些内容,这周终于进行这个话题的核心内容了,就是对于跨平台桌面来说,Electron与WebView2这两个非常类似的技术方案究竟哪个更合适?
我在2020年曾经基于Electron开发过一个跨平台桌面应用,在一定的条件下,Electron是非常好的选择。
什么是前后端分离,要区分前端和后端,需要有个明确的界限。一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了。
JavaScript是一个脚本语言,需要解析器才可以工作,而浏览器就充当了解析器的角色,在Chrome浏览器中,这个解析器就是V8引擎。它可以将js代码高效地转化为机器码然后执行。V8引擎是用C++写的。V8引擎是浏览器的一部分,他是作为解析JavaScript语法而存在的。 而V8引擎本身就是开源的,也就是说,如果把V8引擎抽离出来,在别的地方也可以运行JS代码,并被解析成机器码。这就是Nodejs的来历。
和 EpicGames 官方的像素流 SDK 相比,我们开发出了更轻量的像素流 SDK,包含 2 个文件:前端组件(WebComponents API)外加信令服务器(NodeJS)。
对于web的自动测试,很多人熟悉的是selenium、webdriver的解决方案,比如说webdriver是按照server – client的经典设计模式设计的,server端是remote server,可以是任意的浏览器。以及常用到的一个爬虫框架PhantomJS 。对于这两款工具环境安装复杂,API 调用不友好的问题。puppeteer是一款基于chrome的自动化测试以及爬虫工具。
目录 ---- 首先我们先来看一下文章的分区,以方便我们进行检索。 PS: 内容超长,请注意! 前言 目录 入门类 HTML 5 部分 CSS 3 部分 JQuery Angular JS React Vue Node JS JS Template 移动端 移动端 API 综合 API 其他 API 综合类 工具类 综合效果搜索平台 团队 BLOG 开发中心 ECMAScript D3 RequrieJS SeaJS Less & Sass Markdown 兼容性 UI相关 图表类 正
领取专属 10元无门槛券
手把手带您无忧上云