基于nodejs 的多页面爬虫实例代码

前言前端时间再回顾了一下node.js,于是顺势做了一个爬虫来加深自己对node的理解。
主要用的到是request,cheerio,async三个模块request
用于请求地址和快速下载图片流。 http...

JS简单实现自定义右键菜单实例

RT,一个简单的例子,仅仅讲述原理 复制代码 代码如下:
<div id="menu" style="width: 0;height: 0;background: cadetblue;position: absolute"></menu>
假设我要把上面这个div...

NodeJs使用Mysql模块实现事务处理实例

依赖模块:1. mysql:https://github.com/felixge/node-mysqlnpm install mysql --save2. async:https://github.com/caolan/asyncnpm install async --save(ps: async模块可换成...

详解angularjs中的隔离作用域理解以及绑定策略

我们首先看下面的例子:<!doctype html> <html ng-app="MyModule"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/bootstrap-3.0.0/css/bootstrap.c...

详解angularjs中如何实现控制器和指令之间交互

如果我们具有下面的DOM结构: <div ng-controller="MyCtrl"> <loader>滑动加载</loader> </div> 同时我们的控制器具有如下的签名:var myModule = angular.module("MyModul...

node.js中express-session配置项详解

官方地址:阅读
作用:用指定的参数创建一个session中间件,sesison数据不是保存在cookie中,仅仅sessionID保存到cookie中,session的数据仅仅保存在服务器端
警告:默认的服务器端的se...

Express框架之connect-flash详解

第一步:我们首先来看看这个插件的使用var flash = require('connect-flash'); app.use(flash());//Express使用这个插件 第二步:我们看看其内部是如何实现的var format = requ...

Node学习记录之cluster模块

在如今机器的CPU都是多核的背景下,Node的单线程设计已经没法更充分的"压榨"机器性能了。所以从v0.8开始,Node新增了一个内置模块——“cluster”,故名思议,它可以通过一个父进程...

详解angular中的作用域及继承

在一些使用angular框架的大型项目中,似乎有很多个controller,而每个controller都有自己的$scope.1、$rootscope $rootScope顶级作用域,也叫根作用域,类似于window,window的属性在...

深入理解vue中的$set

在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去;当我们去看vue文档的时候,会发现有这么一句话:如果在实...

JS实现简单抖动效果

废话不多说了,直接给大家贴代码了,具体代码如下所示:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>#div1 {width: 100px;height:...

js随机生成一个验证码

之前接触过的验证码都是图片,今天碰到了一个用js生成随机验证码的demo,拿来敲一敲和大家分享。效果:html代码:<p>验证码:</p> <div id="login" onclick="change()"> <a href="#"...

angularJs使用$watch和$filter过滤器制作搜索筛选实例

整理文档,搜刮出一个angularJs使用$watch和$filter过滤器制作搜索筛选,稍微整理精简一下做下分享。
<div ng-app="module" ng-controller="ctrl"> 搜索: <input type="text"...

详解vue过滤器在v2.0版本用法

1.x写法<body><div id="app"> {{html|uppercase}}</div><script> new Vue({ el:'#app', data:{ msg:"123", html:"abc" } })</script></body>但是2.0...

详解VUE 定义全局变量的几种实现方式

&#65279;最近在学习VUE.js 中间涉及到JS全局变量,与其说是VUE的全局变量,不如说是模块化JS开发的全局变量。1、全局变量专用模块就是以一个特定模块来组织管理这些全局量,需要...

vue 如何添加全局函数或全局变量以及单页面的title设置总结

传统的设置title的方法是:document.title = ‘title'
但是这种写法在iOS的微信上是不兼容的
这里设置title的方法是通过在百度搜索的所谓黑科技,避免了安卓和iOS的不兼容写...

node.js中fs.stat与fs.fstat的区别详解

前言fs.stat和fs.fstat他们的方法功能是一样的,都是获取文件的状态信息,本文主要介绍的是关于node.js中fs.stat与fs.fstat区别的相关内容,分享出来供大家参考学习,下面来看看详...

Javascript实现一个简单的输入关键字添加标签效果实例

本文主要给大家介绍的是关于js输入关键字添加标签效果的相关内容,分享出来供大家参考学习,下面来看看详细的介绍:实现功能: 输入关键字加空格键添加tag标签 按Backspace键删除...

jQuery+Ajax实现用户名重名实时检测

利用jQuery框架,封装了底层的Ajax异步技术,通过简单的方法调用即可实现。这篇博客是针对用户注册时出现的用户名重名问题的自动检测,利用的技术是Ajax异步传输。register.jsp...

详解基于webpack搭建react运行环境

最近由于项目需要,所以尝试使用webpack搭建react运行环境,在克服了一系列困难后,终于能在页面输出"Hello World",特地把整个过程记录下来,利人利己。首先我创建了一个文件夹webpa...

Node.js+ES6+dropload.js实现移动端下拉加载实例

最近要涉及微信移动端项目,所以尝试学习一些移动端的实用技能,这个demo服务由Node搭建服务、下拉加载使用插件dropload,数据渲染应用了ES6中的模板字符串。有兴趣的小伙伴可以...

javascript 数据存储的常用函数总结

数据存储的常用函数存入数组不重复值
function pushtoArray(myarr,mydata){ if(myarr.length==0){ myarr.push(mydata); }else{ var oktopush=true; for(v...

react-router中<Link/>的属性详解

本文主要给大家介绍了关于react-router中的属性的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:使用Link标签// 字符串定位描述符 String location descriptor.<...

关于javascript获取内联样式与嵌入式样式的实例

通过style属性设置背景图案<!--html--><div id="change">change color</div>/*css*/#change { border: 1px solid black; width: 200px; height: 200px;...

Require.JS中的几种define定义方式示例

本文主要给大家介绍的是关于Require.JS中define定义方式的相关内容,分享出来供大家参考学习,下面来看看详细的介绍:定义简单的键值对define({ color: "black", size: "unisiz...

JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变

说在前面:必须是基于支持H5的浏览器才可以这个 API 本身非常简单,由以下三部分组成。document.hidden:表示页面是否隐藏的布尔值。页面隐藏包括 页面在后台标签页中 或者 浏览...

BootStrap selectpicker后台动态绑定数据

项目使用BootStrap设置select时,不能动态加载,使用以下方法可以解决。//获得全部订单信息(订单ID,订单名称)function GetAllOrders(obj) { $.ajax({ type: 'Get', url: '/Or...

jquery网页加载进度条的实现

本次主要介绍一下网页加载进度的实现。如下图,在页面加载的时候,上方红色的进度条网页加载进度的好处是能够更好的反应当前网页的加载进度情况,loading进度条可用动画的形式从...

jQuery实现web页面樱花坠落的特效

源码地址https://github.com/jingegebuguai/Cherry_Blossoms(求star)开发原因 上课看到一位女生桌面背景是一课樱花树,顿时产生了一个让樱花可以在web页面飞舞的想法,借此把这...

Angularjs验证用户输入的字符串是否为日期时间

在angularjs中,想在文本框中,验证用户输入的字符串是否为日期时间。刚开始时,Insus.NET想到的是正则,这只是验证到日期与时间的格式是否正确而已,而对于2月最后一天或是30或是31...

详解Vue2.0里过滤器容易踩到的坑

vue2.0里,不再有自带的过滤器,需要自己定义过滤器。定义的方法如下:
注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数。Vue.filter('filtername',function(value,...

解决BootStrap Fileinput手机图片上传显示旋转问题

最近因为项目需要用到了bootstrap fileinput的插件,在使用苹果手机上传图片预览时,发现图片方向和手机本地存储方向不一致问题。后来通过查询资料了解图片具有EXIF(Exchangeab...

深入理解JavaScript创建对象的多种方式以及优缺点

写在前面这篇文章讲解创建对象的各种方式,以及优缺点。但是注意:这篇文章更像是笔记,因为《JavaScript高级程序设计》写得真是太好了!1. 工厂模式function createPerson(name) {...

vue.js加载新的内容(实例代码)

vue是一种轻巧便捷的框架,那么如何进行对于数据加载的刷新呢?以下就是我对于vue.js数据加载的一点想法源码:<div @scroll="onScroll($event)" style="height: 100%;overflow: a...

JS请求servlet功能示例

本文实例讲述了JS请求servlet的方法。分享给大家供大家参考,具体如下:前端js代码://创建ajax请求对象var xmlHttp;function createXMLHttpRequest(){ if(window.ActiveXObjec...

Vue.Draggable实现拖拽效果

快速实现Vue.Draggable的拖拽效果,供大家参考,具体内容如下1.下载包:npm install vuedraggable配置:package.json"dependencies": { "element-ui": "^1.3.4", "less": "^2.7.2...

Vue.js中兄弟组件之间互相传值实例

兄弟组件之间互相传值,需要建立一个“中转站”(新的vue实例),并且需要主动触发。实例上的$on方法来接受监听。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...

详解vuejs几种不同组件(页面)间传值的方式

在应用复杂时,推荐使用vue官网推荐的vuex,以下讨论简单SPA中的组件间传值。一、路由传值路由对象如下图所示:在跳转页面的时候,在js代码中的操作如下,在标签中使用<router-link>...

vue快捷键与基础指令详解

v-bind可以简写成 :<img src="{{url}}">→<img :src="url" :width="50px">v-on:click可以写成@click<button @click="up()"></button>v-if实例 可以通过对对象操作条件来...

VUE使用vuex解决模块间传值问题的方法

在看电影、打Dota、撸代码间来回,犹豫不决,终于还是下决心继续学习VUE。仿照 conde.js 官网写的一个demo,目前已经基本可用,但始终缺少登录页,没有用户权限管理,于是开撸......
<t...

vue.js 获取当前自定义属性值

假设有一个标签h5, 我们给它添加了一个自定义属性值,(item.id是从动态添加的)点击h5 标签,如何才能获取当前对应的自定义属性值呢?想当然的我最开始这样写:
<h5 class="left t-tit...

详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件

使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码// 在开头引入webpack,后面的plugins那里需要va...

javascript实现延时显示提示框效果

js延时提示框效果演示:
实现方法
移入显示,移出隐藏
移除延时隐藏,可以实现从第一个div移入第二个div,仍然可以显示<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio...

Js实现京东无延迟菜单效果实例(demo)

这是一个js实现京东无延迟菜单效果,感觉很好,分享给大家...先来理清思路:
1.开发基本的菜单结构 2.开发普通的二级菜单效果3.假如延迟解决移动问题,切换子菜单时候,用setTime...

ES6中箭头函数的定义与调用方式详解

本文主要介绍的是关于ES6箭头函数的定义与调用方式的相关内容,分享出来供大家参考学习,下面来看看详细的介绍:基本用法:
ES6中允许使用“箭头”(=>)定义函数var f = v => v; 上...

BootStrap daterangepicker 双日历控件

bootstrap-daterangepicker点击下载需要bootstrap跟jquery的支持。实例代码:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="boots...

SpringMVC+bootstrap table实例详解

bootstrap-table下载地址:https://github.com/wenzhixin/bootstrap-table/先来看一张效果图:
下载下来后,需要导入的css:由于需要bootstrap的支持,所以需要导入bootstrap的css<!-...

Vue.js中数据绑定的语法教程

数据绑定语法Vue.js 的模板是基于 DOM 实现的。这意味着所有的 Vue.js 模板都是可解析的有效的 HTML,且通过一些特殊的特性做了增强。Vue 模板因而从根本上不同于基于字符串...

Spring shiro + bootstrap + jquery.validate 实现登录、注册功能

之前的文章中我们已经搭建好框架,并且设计好了,数据库。现在我们开始实现登录功能,这个可以说是Web应用最最最普遍的功能了。先来说说我们登录的逻辑:输入用户名、密码(validate...

vue.js选中动态绑定的radio的指定项

上一文,介绍了vue.js动态添加、删除绑定的radio选项,本文介绍如何选中radio的某一项绑定的数据和上文的model是一致的,选中radio或者checkbox需要注意的是:不管<input type='rad...

返回顶部
顶部