在Javascript的开发过程中，经常会遇到一些重复性的任务，比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通 常，我们需要使用不同的工具，来完成不同的任务，既重复劳动又非常耗时。Grunt就是为了解决这个问题而发明的工具，可以帮助我们自动管理和运行各种任 务。 简单说，Grunt是一个自动任务运行器，会按照预先设定的顺序自动运行一系列的任务。这可以简化工作流程，减轻重复性工作带来的负担。## 安装Gru...
PhantomJS 是一个基于 WebKit 的服务器端 JavaScript API。它全面支持web而不需浏览器支持，其快速，原生支持各种Web标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。 PhantomJS 可以用于 页面自动化 ， 网络监测 ， 网页截屏 ，以及 无界面测试 等。 PhantomJs官网：http://phantomjs.org/ GitHub:https://github.com/ariya/phantomjs/wiki/Quick-Start一、安装 安装包下载地址：http://phantomjs.org/download.html ，包括 ...
一、 简介 1、 什么是javascript JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱动式的网页脚本语言。 2、 为什么要使用javascript 表单验证 网页特效 小游戏 Ajax 3、快速入门 在程序中，如果想编写js代码，有两种办法： 1）在html文件中，在一对script标记中，直接编写document.write('hello');2）在js中，直接编写，在html中，使用一对script标记直接引用以上两种不能在一对script...
引用类型 引用类型是一种数据结构，用于将数据和功能组织在一起。它也常被称为类，但这种称呼并不妥当。尽管 ECMAScript从技术上讲是一门面向对象的语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。 前面提到过，引用类型的值便是对象，在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起，而对象则是某个特定引用...
本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下： 什么是jQuery选择器 使用JavaScript操作页面上得DOM元素时，首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。 在jQuery中则完全不同，jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象，并且将对象以jquery对象的形式返回。 首先来看看什么是选择器。//根据id获取jQuery对象 var jQueryObject=$("#testDiv");上例中使用...
Electron 是什么 定义Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。 历史2013年的时候，Atom编辑器问世，作为实现它的底层框架Electron也逐渐被熟知，到2014年时被开源，那时它还是叫Atom Shell。接下来的几年，Electron在不断的更新迭代，几乎每年都有一个重大的里程碑 2013年4月11日，Electron以Atom ...
最近公司要开发企业微信端的 Worktile，以前做的是企业微信内部应用，所以只适用于私有部署客户，而对于公有云客户就无法使用，所有就准备开发企业微信的第三方应用，本文主要介绍在调研阶段遇到的山珍海味。 开发之前你需要前注册为第三方服务商，然后用第三方服务商的账号创建应用，创建之后只需要管理员授权应用，第三方服务商即可为用户提供服务。 一、注册第三发服务商 登陆 服务商官网 ，注册成为服务商，并登陆服务商管理后...
一,介绍与需求 1.1,介绍定时任务（node-schedule)，是针对Node.js的一种灵活的cron-like和not-cron-like作业调度程序。它允许您使用可选的递归规则将作业(任意函数)安排在特定日期执行。它在任何给定的时间只使用一个计时器(而不是每秒钟/分钟重新评估即将到来的作业)。 Async是一个实用模块，它为异步JavaScript提供了直接、强大的功能。async流程控制器--queue(队列),queue流程控制器是一个并行的流程控制器,但是它与parallel的区...
出现的背景Chrome59(linux、macos)、 Chrome60(windows)之后，Chrome自带headless(无界面)模式很方便做自动化测试或者爬虫。但是如何和headless模式的Chrome交互则是一个问题。通过启动Chrome时的命令行参数仅能实现简易的启动时初始化操作。Selenium、Webdriver等是一种解决方案，但是往往依赖众多，不够扁平。Puppeteer是谷歌官方出品的一个通过DevTools协议控制headless Chrome的Node库。可以通过Puppeteer的提供的api直接控制C...
基本概念svg(Scalable Vector Graphics)是一种基于XML语法的图像格式，全称是可缩放矢量图，其它图像格式都是基于像素处理的，SVG则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真.SVG是面向图形，HTML时面向文本。 嵌入到HTMLSVG可以写在一个独立的文件中，然后用img, object, embed, iframe等标签插入网页 <img src="circle.svg"> <object id="object" data="circle.svg" type="image/s...
前言 TypeScript是Javascript的超集，实现以面向对象编程的方式使用Javascript。当然最后代码还是编译为Javascript。 三斜杠指令是包含单个XML标记的单行注释。 注释的内容用作编译器指令。 三斜杠指令仅在其包含文件的顶部有效。 三重斜杠指令只能在单行或多行注释之前，包括其他三重斜杠指令。 如果在声明或声明之后遇到它们，则将它们视为常规单行注释，并且没有特殊含义。 /// <reference path ="..."/> /// <reference path =...
我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。 ========================== 定义一个基础组件 这个基础组件，是导航条中 可以复用 的基础组件 单个导航。 基础组件【导航组件】基础的功能是能够显示文字，单击的交互方式。明确任务目标之后，进行开发。 在 component 目录下新建 Base 目录，Base 下新建文件 TopNav.vue。加入如下代码： <template><div class="topnav">{{title}}</div> </template> <script> expo...
我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。 进入 src 文件夹，这是实际都工程文件夹，其他文件夹以及文件以后在了解。 3个文件夹 assets - 各类静态资源文件夹 - 比如 图片, css 文件等。 components - 组件文件夹, 组件是 vue 等 MVC 框架等核心概念，自行了解含义。 view - 视图文件夹。 5个文件 app.vue、main.js - 主视图、配合 main.js 成为 vue 程序的主入口。router.js - 路由程序主入口。store.js -...
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。下面是一个例子。 // 转码前 input.map(item => item + 1);// 转码后 input.map(function (item) {return item + 1; });上面的原始代码用了箭头函数，这个特性还没有得到广泛支持，Babel将其转为普通函数，就能在现有的JavaScript环境执行了。 一、配置文件.babelrcBabel的配置文...
1、Puppeteer 简介Puppeteer 是一个node库，他提供了一组用来操纵Chrome的API, 通俗来说就是一个 headless chrome浏览器 (当然你也可以配置成有UI的，默认是没有的)。既然是浏览器，那么我们手工可以在浏览器上做的事情 Puppeteer 都能胜任, 另外，Puppeteer 翻译成中文是”木偶”意思，所以听名字就知道，操纵起来很方便，你可以很方便的操纵她去实现： 1） 生成网页截图或者 PDF 2） 高级爬虫，可以爬取大量异步渲染内容的网页 ...