js oncontextmenu事件使用详解
定义和使用oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。
注意：所有浏览器都支持 oncontextmenu 事件， contextmenu 元素只有 Firefox 浏览器支持。实例当...
2020-05-27
axios学习教程全攻略
前言随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。本来想在网上找找详细攻略，突然发现，axios 的官方文档本...
2020-05-27
JavaScript实现获取远程的html到当前页面中
html代码<div id="includeHtml"></div>javascript代码function clientSideInclude(id, url) { var req = false; // Safari, Firefox, 及其他非微软浏览器 if (window.XM...
2020-05-27
简单好用的nodejs 爬虫框架分享
这个就是一篇介绍爬虫框架的文章，开头就不说什么剧情了。什么最近一个项目了，什么分享新知了，剧情是挺好，但介绍的很初级，根本就没有办法应用，不支持队列的爬虫，都是耍流氓。 所以...
2020-05-27
NodeJS处理Express中异步错误
摘要比起回调函数，使用 Promise 来处理异步错误要显得优雅许多。结合 Express 内置的错误处理机制和 Promise 极大地降低产生未捕获错误（uncaught exception）的可能性。Promise...
2020-05-27
JS实现隔行换色的表格排序
1、获取元素 2、获取数据 3、绑定数据 4、隔行换色 5、表格排序<table cellpadding="0" cellspacing="0" id="tab"> <thead> <tr> <th class="cursor">姓名</th>...
2020-05-27
JS数组去重（4种方法）
第一种：双重循环var ary=[1,2,3,3,2,3,4,5];for(var i=0;i<ary.length;i++){ for(var j=i+1;j<ary.length;j++){ if(ary[i]===ary[j]){ ary.splice(i,1); i--;...
2020-05-27
nodejs学习笔记之路由
server.jsvar http = require("http");var url = require("url");function start(route){//route.js 的route方法 //服务实现 function onRequest(request,response){...
2020-05-27
js实现三级联动效果（简单易懂）
话不多说，请看代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body><select id="one"> <option>请输入省份</option></select><selec...
2020-05-27
vue2.0实战之使用vue-cli搭建项目（2）
Vue-cli是官方推荐的快速构建单页应用的脚手架。官方给的建议，如果你是初次尝试Vue，哪就老老实实用普通的书写引入js文件，这里牵扯太多的东西，例如webpack、npm、nodejs等等，很容...
2020-05-27
详解VUE的状态控制与延时加载刷新
在实际项目中，我们经常会遇到这种状况，某些数据我们希望等到需要的时候再去获取，或者某些数据我们需要刷新，但是不必立刻刷新，而是延时到展示的时候再去刷新。
在DOM操作的年代，想...
2020-05-27
使用AngularJS2中的指令实现按钮的切换效果
之前在AngularJS2中一种button切换效果的实现（二）中实现了按钮的切换效果，但是方法比较low，这次我们使用Angular2的指令来实现。指令实现hover效果import { Directive, Element...
2020-05-27
AngularJS2中一种button切换效果的实现方法（二）
之前用三目表达式和ng-class实现了按钮切换效果，似乎达到了我的预期，但是我觉得还有改进空间，网上找了一些资料，大概还有以下几种实现方式：路由<button class="btn1" routerLink=...
2020-05-27
Vue 过渡实现轮播图效果
Vue 过渡
Vue 的过渡系统是内置的，在元素从 DOM 中插入或移除时自动应用过渡效果。过渡的实现要在目标元素上使用 transition 属性，具体实现参考Vue2 过渡下面例子中我们用到...
2020-05-27
Angular2利用组件与指令实现图片轮播组件
前言如果说模块系统是Angular2的灵魂，那其组件体系就是其躯体，在模块的支持下渲染出所有用户直接看得见的东西，一个项目最表层的东西就是组件呈现的视图。
而除了直接看的见的...
2020-05-27
jQuery中的deferred使用方法
deferred简介deferred对象是jQuery的回调函数解决方案，jQuery之前的版本中异步回调这块做的不是很好，所以后期补上了该解决方案。普遍的ajax操作方式我们先来回顾一下jQuery中...
2020-05-27
深入nodejs中流(stream)的理解
nodejs的fs模块并没有提供一个copy的方法，但我们可以很容易的实现一个，比如：var source = fs.readFileSync('/path/to/source', {encoding: 'utf8'});fs.writeFileSync('/path/...
2020-05-27
vue2.0实战之基础入门（1）
最近公司的H5项目准备重构，部门老大说前端使用vue2.0来开发，所以就准备把整个项目的开发过程记录下来，一方面是为了记录开发过程中遇到的坑，另一方面也加强自己写作的能力。什么...
2020-05-27
深入理解AngularJS中的ng-bind-html指令
前言在为html标签绑定数据的时，如果绑定的内容是纯文本，你可以使用{{}}或者ng-bind。但在为html标签绑定带html标签的内容的时候，angularjs为了安全考虑，不会将其渲染成html，而是...
2020-05-27
JS实现的点击表头排序功能示例
本文实例讲述了JS实现的点击表头排序功能。分享给大家供大家参考，具体如下：运行效果：1、index.html文件：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www...
2020-05-27
HTML的select控件美化
CSS：.div-select{ border: solid 1px #999; height: 40px; line-height: 40px; cursor: default;}.div-select-text{ float: left; background-color: #fff; height:...
2020-05-27
javascript实现下雨效果
效果图：代码如下：<!doctype html><html> <head> <meta charset="UTF-8"> <title>梦柯教育-锤子老师</title> <style type="text/css"> *{margin:0;padding:0;list-style-type:...
2020-05-27
JS数组搜索之折半搜索实现方法分析
本文实例讲述了JS数组搜索之折半搜索实现方法。分享给大家供大家参考，具体如下：一. 方法原理：当从一个给定的序列数组arr中, 查找某个特定值value时, 折半搜索法是这样做的:1....
2020-05-27
JavaScript无缝滚动效果的实例代码
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...
2020-05-27
vue 2.0组件与v-model详解
前言大家可能乍一看这个标题，可能会有疑问：v-model和组件也能扯到一起？在打算写这篇文章的时候，也是这么想的。咱们按简历的那一套STAR法则来梳理一下这篇文章：情景【Situation】...
2020-05-27
JS闭包用法实例分析
本文实例讲述了JS闭包用法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script typ...
2020-05-27
Angularjs+bootstrap+table多选（全选）支持单击行选中实现编辑、删除功能
最终实现效果：
index.html<!DOCTYPE html><html> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> <script src="//ajax.go...
2020-05-27
基于JavaScript实现焦点图轮播效果
不管是高校的网站还是电商的页面，焦点图的切换和轮播应该是一项不可或缺的应用。今天把焦点图轮播制作的技术要点做下笔记，以供日后查看。 一、结构层（HTML） 焦点图的H...
2020-05-27
BootStrap中jQuery插件Carousel实现轮播广告效果
轮播广告在网站中的应用实在是太常见了，下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果，下图为最终效果：具体实现方法请看下面的代码：<div class="carousel sl...
2020-05-27
JS简单实现数组去重的方法示例
本文实例讲述了JS简单实现数组去重的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xht...
2020-05-27
JS字符串统计操作示例【遍历,截取,输出,计算】
本文实例讲述了JS字符串统计操作。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-stri...
2020-05-27
基于JavaScript实现移动端无限加载分页
本文实例为大家分享了js实现移动端无限加载分页的具体代码，供大家参考，具体内容如下原理：当滚动条到达底部时，执行下一页内容。判断条件需要理解三个概念：
1.scrollHeight 真...
2020-05-27
AngularJS前端页面操作之用户修改密码功能示例
本文实例讲述了AngularJS前端页面操作之用户修改密码功能。分享给大家供大家参考，具体如下：最近在做前端设计，主要使用的知识有AngularJS和nodejs来进行页面显示和数据请求、处...
2020-05-27
js实现抽奖效果
效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随机抽奖</title> <style> *{margin: 0;padding: 0;} body{ backgro...
2020-05-27
Vue中的v-cloak使用解读
v-cloak 的作用和用法
用法：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到...
2020-05-27
利用NPM淘宝的node.js镜像加速nvm
NVM 加速安装 Node.js 一般都是用 nvm但是安装之后使用体验就不咋地了，由于某些不可变原因，国内网络就不好吐槽了；就连执行一下 nvm ls-remote 都要很久。当然“道”高一尺“魔...
2020-05-27
angular2+nodejs实现图片上传功能
在使用angular2进行图片上传的时候，遇到了各种各样的问题。在多番尝试之后最终成功上传图片，下面将我的方法分享给大家：nodejs 后台代码var express = require("express");//网...
2020-05-27
详解从Node.js的child_process模块来学习父子进程之间的通信
child_process模块提供了和popen(3)一样的方式来产生自进程，这个功能主要是通过child_process.spawn函数来提供的：
const spawn = require('child_process').spawn; const ls...
2020-05-27
vue2.0获取自定义属性的值
最近在项目中使用了vue.js。在爬坑的路上遇到了很多问题。这里都会给记录下来，今天要说的是怎么获取自定义属性的值。HTML<!DOCTYPE html><html><head><script src="http://v...
2020-05-27
js实现下拉框效果（select）
效果图：代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...
2020-05-27
js实现多行文本框统计剩余字数功能
效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js统计文本框剩余字数</title> <style type="text/css"> #area{ width:...
2020-05-27
JavaScript实现经纬度转换成地址功能
在webAPP开发过程中，需要将返回的经纬度转换成中文地址，一番折腾后得以实现，总结如下原理分析：百度地图API提供了一个JS库，我们只需要用这个接口就可以实现转换功能，这里我写一个...
2020-05-27
Web前端框架Angular4.0.0 正式版发布
前言angular4.0.0正式版现在可以使用了。这是自我们宣布angular改版后，首次发布的专业版本。它向下兼容，支持所有使用了angular2.x.x版本的应用程序。我们很高兴和大家分享这...
2020-05-27
bootstrap table实现单击单元格可编辑功能
要使bootstrap-table实现可编辑，需要配合使用x-editable插件。
先在页面上导入必要的css和js文件<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta...
2020-05-27
Vue.js 60分钟快速入门教程
vuejs是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.j...
2020-05-27
Restify中接入Socket.io报Error:Can’t set headers的错误解决
发现问题在restify的官方文档中，接入socket.io的代码是酱汁的： http://restify.com/#socketiovar server = restify.createServer();var io = socketio.listen(server);// ......
2020-05-27
TypeScript入门-基本数据类型
大致介绍TypeScript是由C#语言之父Anders Hejlsberg主导开发的一门编程语言，TypeScript本质上是向JavaScript语言添加了可选的静态类型和基于类的面向对象编程，它相当于是Java...
2020-05-27
Node.js设置CORS跨域请求中多域名白名单的方法
CORS说到CORS，相信前端儿都不陌生，这里我就不多说了，具体可以看看这篇文章。CORS，主要就是配置Response响应头中的 Access-Control-Allow-Origin 属性为你允许该接口访问的域名...
2020-05-27
JavaScript实现分页效果
效果图：代码如下：<html> <head> <style> *{padding:0;margin:0} ul,li{list-style:none} .left{float:left} .right{float:left} .page_container{height: 30px; l...
2020-05-27
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
nodemailer是nodejs中的邮件发送模块,本文使用的版本为2.5.0--下载模块
npm install nodemailernpm下载模块后,在项目中引入就可以使用: var nodemailer = require('nodemai...
2020-05-27
