Category Archives: 程序开发

WEB开发，前端后端开发与修改。

十二 10

原生JS实现JQuery中的hasClass()、addClass()、removeClass()方法

Posted on by

原生JS实现JQuery中的hasClass()、addClass()、removeClass()方法

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function hasClass(ele, cls) {
cls = cls || '';
if (cls.replace(/\s/g, '').length === 0) return false; // 当cls没有参数时，返回false
return new RegExp(' ' + cls + ' ').test(' ' + ele.className + ' ');
}
function addClass(ele, cls) {
if (!hasClass(ele, cls)) {
ele.className = ele.className === '' ? cls : ele.className + ' ' + cls;
}
}
function removeClass(ele, cls) {
if (hasClass(ele, cls)) {
var newClass = ' ' + ele.className.replace(/[\t\r\n]/g, '') + ' ';
while (newClass.indexOf(' ' + cls + ' ') >= 0) {
newClass = newClass.replace(' ' + cls + ' ', ' ');
}
ele.className = newClass.replace(/^\s+|\s+$/g, '');
}
}

js复制到剪贴板

 

十二 10

nodeJS-fs模块的基本使用

Posted on by

fs模块(系统内置模块 主要用来操作文件)

注意: 基本上所有方法都有异步和同步,基本上同步的方法 都是在异步方法后面加上 Sync

常见的文件的基本操作:

0
1
2
前提: 要先引入fs模块
      var fs = require('fs');
 

01) 读取文件(内容)

0
1
2
3
4
5
6
7
8
9
10
11
12
13
    a) 异步读取
        fs.readFile('要读取的文件的路径', function (err, data) {
            // 判断 如果有错 打印错误
            if (err) {
                console.log('读取错误!')
            }
            // 否则 打印读取到的数据
            console.log(data);
        })
 
    b) 同步读取
        // 直接读取 返回读取的结果 保存在data变量里面
        var data = fs.readFileSync('被读取的文件的路径');
 

// 引入fs模块 Continue reading →

十二 10

nodejs中的promise基本操作

Posted on by

Javascript的特点是异步，Javascript不能等待，如果你实现某件需要等待的事情，你不能停在那里一直等待结果回来，相反，底线是使用回调callback：你定义一个函数，这个函数只有等到结果可用时才能被调用。

这种回调模型对于好的代码组织是没有问题的，但是也可以通过从原始回调切换到promise解决很多问题，将promise看成是一个标准的数据容器，这样会简化你的代码组织，可以成为基于promise的架构。 Continue reading →

十二 07

cheerio中文文档

Posted on by

这篇参考手册是对cheerio 官方文档 的中文翻译

cheerio是jquery核心功能的一个快速灵活而又简洁的实现，主要是为了用在服务器端需要对DOM进行操作的地方

简介

让你在服务器端和html愉快的玩耍

0
1
2
3
4
5
6
7
var cheerio = require('cheerio'),
    $ = cheerio.load('<h2 class = "title">Hello world</h2>');
 
$('h2.title').text('Hello there!');
$('h2').addClass('welcome');
 
$.html();
//=> <h2 class = "title welcome">Hello there!</h2>

安装

0
npm install cheerio

Continue reading →

十二 02

jsdom中文文档

Posted on by

jsdom是一个纯粹由 javascript 实现的一系列 web标准，特别是 WHATWG 组织制定的DOM和 HTML 标准，用于在 nodejs 中使用。大体上来说，该项目的目标是模拟足够的Web浏览器子集，以便用于测试和挖掘真实世界的Web应用程序。

最新版本的 jsdom 运行环境需要 node.js v6或者更高的版本。（jsdom v10以下版本在 nodejs v4以下仍然可用，但是我们已经不支持维护了）

v10版本的 jsdom 拥有全新的 API(如下所述).旧的 API 现在仍然支持;详细的参照文档

基本用法

0
1
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

Continue reading →

十一 25

nodejs模块request的官方文档

Posted on by

提示：自动翻译的nodejs模块request的官方文档，大致的改了一些，但是可能还有一些地方不是原文的意思，或者不像人话的地方，所以还需要对照一下原文，原文地址在最下方。

超级简单易用

请求被设计为进行http调用的最简单方法。它支持HTTPS，默认情况下遵循重定向。

0
1
2
3
4
5
const request = require('request');
request('http://www.google.com', function (error, response, body) {
  console.error('error:', error); // Print the error if one occurred
  console.log('statusCode:', response && response.statusCode); // Print the response status code if a response was received
  console.log('body:', body); // Print the HTML for the Google homepage.
});

目录 Continue reading →

十一 22

为nodejs模块PhantomJS配置代理

Posted on by

为nodejs模块PhantomJS配置代理

PhantomJS模块配置代理方案一：

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
phantom.create(["--proxy=201.172.242.184:15124", "--proxy-type=socks5"])
  .then((instance) => {
    phInstance = instance;
    return instance.createPage();
  })
  .then((page) => {
    sitepage = page;
    return page.open('http://newsdaily.online');
  })
  .then((status) => {
    console.log(status);
    return sitepage.property('title');
  })
  .then((content) => {
    console.log(content);
    sitepage.close();
    phInstance.exit();
  })
  .catch((error) => {
    console.log(error);
    phInstance.exit();
  });

PhantomJS模块配置代理方案二： Continue reading →

十一 22

使用nodejs模块PhantomJS制作爬虫之我们必须要懂的

Posted on by

使用nodejs模块PhantomJS进行页面自动化，因为PhantomJS可以加载和操纵网页，所以执行各种页面自动化任务是完美的。

DOM操作

由于脚本的执行就像在Web浏览器上运行一样，因此标准的DOM脚本和CSS选择器可以正常工作。

以下useragent.js示例演示如何读取id为textContent的元素的属性：qua Continue reading →