JavaScript - 教程之家

50浏览

0评论

JS操作xml对象转换为Json对象示例

最近在处理一个前端功能的时候，遇到了一个问题，原本的系统是使用的xml来存储数据的，而在新的系统上，想要转换为json对象存储，于是就考虑到直接将xml对象转换为json对象。目前为止...

2020-05-27

46浏览

0评论

JavaScript 实现 Tab 点击切换实例代码

Tab 选项卡切换效果在现如今的网页中，运用的也是比较多的，包括点击切换、滑动切换、延迟切换、自动切换等多种效果，在这篇博文里，我们是通过原生 JavaScript 来实现 Tab 点击切...

2020-05-27

60浏览

0评论

使用vue.js写一个tab选项卡效果

通常我们写tab选项卡的时候,一般都是用jq等去操作dom,给同级元素移除active类,然后,给被点击元素添加active类,但是在vue.js中,我们能不去操作dom我们就尽量不操作dom,那么...

2020-05-27

41浏览

0评论

vue中用动态组件实现选项卡切换效果

最近在研究vue的路上，那么今天也算个学习笔记吧！
导航按钮：<div class="tab-title"> <p @click="a='tab1'"><router-link to='/collectnewcars'>新车</router-link><em><...

2020-05-27

61浏览

0评论

javascript作用域链与执行环境详解

前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！作用域、作用域链、执行环境、执行环境栈以及this的概念在javascript中非常重要，本...

2020-05-27

32浏览

0评论

JS去掉字符串前后空格或去掉所有空格的用法

1、去掉字符串前后所有空格：代码如下： function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 说明：如果使用jQuery直接使用$.trim(str)方法...

2020-05-27

59浏览

0评论

JavaScript 字符串数字左补位，右补位，取固定长度，截位扩展函数代码

有时候我们的日期等不足两位的补一个0等，都可以使用这个。这个大家应该都很明白了，就不废话了，代码如下：String.prototype.padLeft =Number.prototype.padLeft = function(total...

2020-05-27

44浏览

0评论

在js中做数字字符串补0(js补零)

通常遇到的一个问题是日期的“1976-02-03 HH:mm:ss”这种格式，我的比较简单的处理方法是这样：function formatDate(d) { var D=['00','01','02','03','04','05','06','07','0...

2020-05-27

58浏览

0评论

js 去掉字符串前后空格实现代码集合

第一种：循环检查替换//供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 function trimLeft(s){ if(s == null) { return "";...

2020-05-27

166浏览

0评论

CodeMirror js代码加亮使用总结

CodeMirror是一个基于JavaScript的代码编辑器，CodeMirror支持大量语言的语法高亮,也包括css,html,js等的高亮显示。此外，CodeMirror还支持代码自动完成、搜索/替换、HTML预览...

2020-05-27

69浏览

0评论

js 函数式编程学习笔记

（1）平常写的函数大多是接受值，合并值，返回值，比如经常写的for循环:function printArray(array){ for(var i=0;i<array.length;i++){ print(array[i]); } }但是如果我们...

2020-05-27

41浏览

0评论

js oncontextmenu事件使用详解

定义和使用oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。
注意：所有浏览器都支持 oncontextmenu 事件， contextmenu 元素只有 Firefox 浏览器支持。实例当...

2020-05-27

52浏览

0评论

axios学习教程全攻略

前言随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。本来想在网上找找详细攻略，突然发现，axios 的官方文档本...

2020-05-27

42浏览

0评论

JavaScript实现获取远程的html到当前页面中

html代码<div id="includeHtml"></div>javascript代码function clientSideInclude(id, url) { var req = false; // Safari, Firefox, 及其他非微软浏览器 if (window.XM...

2020-05-27

106浏览

0评论

简单好用的nodejs 爬虫框架分享

这个就是一篇介绍爬虫框架的文章，开头就不说什么剧情了。什么最近一个项目了，什么分享新知了，剧情是挺好，但介绍的很初级，根本就没有办法应用，不支持队列的爬虫，都是耍流氓。所以...

2020-05-27

270浏览

0评论

NodeJS处理Express中异步错误

摘要比起回调函数，使用 Promise 来处理异步错误要显得优雅许多。结合 Express 内置的错误处理机制和 Promise 极大地降低产生未捕获错误（uncaught exception）的可能性。Promise...

2020-05-27

45浏览

0评论

JS实现隔行换色的表格排序

1、获取元素 2、获取数据 3、绑定数据 4、隔行换色 5、表格排序<table cellpadding="0" cellspacing="0" id="tab"> <thead> <tr> <th class="cursor">姓名</th>...

2020-05-27

48浏览

0评论

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

53浏览

0评论

nodejs学习笔记之路由

server.jsvar http = require("http");var url = require("url");function start(route){//route.js 的route方法 //服务实现 function onRequest(request,response){...

2020-05-27

66浏览

0评论

js实现三级联动效果（简单易懂）

话不多说，请看代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title></head><body><select id="one"> <option>请输入省份</option></select><selec...

2020-05-27

63浏览

0评论

vue2.0实战之使用vue-cli搭建项目（2）

Vue-cli是官方推荐的快速构建单页应用的脚手架。官方给的建议，如果你是初次尝试Vue，哪就老老实实用普通的书写引入js文件，这里牵扯太多的东西，例如webpack、npm、nodejs等等，很容...

2020-05-27

45浏览

0评论

详解VUE的状态控制与延时加载刷新

在实际项目中，我们经常会遇到这种状况，某些数据我们希望等到需要的时候再去获取，或者某些数据我们需要刷新，但是不必立刻刷新，而是延时到展示的时候再去刷新。
在DOM操作的年代，想...

2020-05-27

44浏览

0评论

使用AngularJS2中的指令实现按钮的切换效果

之前在AngularJS2中一种button切换效果的实现（二）中实现了按钮的切换效果，但是方法比较low，这次我们使用Angular2的指令来实现。指令实现hover效果import { Directive, Element...

2020-05-27

55浏览

0评论

AngularJS2中一种button切换效果的实现方法（二）

之前用三目表达式和ng-class实现了按钮切换效果，似乎达到了我的预期，但是我觉得还有改进空间，网上找了一些资料，大概还有以下几种实现方式：路由<button class="btn1" routerLink=...

2020-05-27

48浏览

0评论

Vue 过渡实现轮播图效果

Vue 过渡
Vue 的过渡系统是内置的，在元素从 DOM 中插入或移除时自动应用过渡效果。过渡的实现要在目标元素上使用 transition 属性，具体实现参考Vue2 过渡下面例子中我们用到...

2020-05-27

62浏览

0评论

Angular2利用组件与指令实现图片轮播组件

前言如果说模块系统是Angular2的灵魂，那其组件体系就是其躯体，在模块的支持下渲染出所有用户直接看得见的东西，一个项目最表层的东西就是组件呈现的视图。
而除了直接看的见的...

2020-05-27

47浏览

0评论

jQuery中的deferred使用方法

deferred简介deferred对象是jQuery的回调函数解决方案，jQuery之前的版本中异步回调这块做的不是很好，所以后期补上了该解决方案。普遍的ajax操作方式我们先来回顾一下jQuery中...

2020-05-27

37浏览

0评论

深入nodejs中流(stream)的理解

nodejs的fs模块并没有提供一个copy的方法，但我们可以很容易的实现一个，比如：var source = fs.readFileSync('/path/to/source', {encoding: 'utf8'});fs.writeFileSync('/path/...

2020-05-27

49浏览

0评论

vue2.0实战之基础入门（1）

最近公司的H5项目准备重构，部门老大说前端使用vue2.0来开发，所以就准备把整个项目的开发过程记录下来，一方面是为了记录开发过程中遇到的坑，另一方面也加强自己写作的能力。什么...

2020-05-27

49浏览

0评论

深入理解AngularJS中的ng-bind-html指令

前言在为html标签绑定数据的时，如果绑定的内容是纯文本，你可以使用{{}}或者ng-bind。但在为html标签绑定带html标签的内容的时候，angularjs为了安全考虑，不会将其渲染成html，而是...

2020-05-27

48浏览

0评论

JS实现的点击表头排序功能示例

本文实例讲述了JS实现的点击表头排序功能。分享给大家供大家参考，具体如下：运行效果：1、index.html文件：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www...

2020-05-27

61浏览

0评论

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

53浏览

0评论

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

38浏览

0评论

JS数组搜索之折半搜索实现方法分析

本文实例讲述了JS数组搜索之折半搜索实现方法。分享给大家供大家参考，具体如下：一. 方法原理：当从一个给定的序列数组arr中, 查找某个特定值value时, 折半搜索法是这样做的:1....

2020-05-27

67浏览

0评论

JavaScript无缝滚动效果的实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...

2020-05-27

45浏览

0评论

vue 2.0组件与v-model详解

前言大家可能乍一看这个标题，可能会有疑问：v-model和组件也能扯到一起？在打算写这篇文章的时候，也是这么想的。咱们按简历的那一套STAR法则来梳理一下这篇文章：情景【Situation】...

2020-05-27

47浏览

0评论

JS闭包用法实例分析

本文实例讲述了JS闭包用法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script typ...

2020-05-27

51浏览

0评论

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

54浏览

0评论

基于JavaScript实现焦点图轮播效果

　不管是高校的网站还是电商的页面，焦点图的切换和轮播应该是一项不可或缺的应用。今天把焦点图轮播制作的技术要点做下笔记，以供日后查看。一、结构层（HTML）　　焦点图的H...

2020-05-27

44浏览

0评论

BootStrap中jQuery插件Carousel实现轮播广告效果

轮播广告在网站中的应用实在是太常见了，下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果，下图为最终效果：具体实现方法请看下面的代码：<div class="carousel sl...

2020-05-27

40浏览

0评论

JS简单实现数组去重的方法示例

本文实例讲述了JS简单实现数组去重的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xht...

2020-05-27

44浏览

0评论

JS字符串统计操作示例【遍历,截取,输出,计算】

本文实例讲述了JS字符串统计操作。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-stri...

2020-05-27

45浏览

0评论

基于JavaScript实现移动端无限加载分页

本文实例为大家分享了js实现移动端无限加载分页的具体代码，供大家参考，具体内容如下原理：当滚动条到达底部时，执行下一页内容。判断条件需要理解三个概念：
1.scrollHeight 真...

2020-05-27

62浏览

0评论

AngularJS前端页面操作之用户修改密码功能示例

本文实例讲述了AngularJS前端页面操作之用户修改密码功能。分享给大家供大家参考，具体如下：最近在做前端设计，主要使用的知识有AngularJS和nodejs来进行页面显示和数据请求、处...

2020-05-27

97浏览

0评论

js实现抽奖效果

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随机抽奖</title> <style> *{margin: 0;padding: 0;} body{ backgro...

2020-05-27

54浏览

0评论

Vue中的v-cloak使用解读

v-cloak 的作用和用法
用法：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到...

2020-05-27

49浏览

0评论

利用NPM淘宝的node.js镜像加速nvm

NVM 加速安装 Node.js 一般都是用 nvm但是安装之后使用体验就不咋地了，由于某些不可变原因，国内网络就不好吐槽了；就连执行一下 nvm ls-remote 都要很久。当然“道”高一尺“魔...

2020-05-27

54浏览

0评论

angular2+nodejs实现图片上传功能

在使用angular2进行图片上传的时候，遇到了各种各样的问题。在多番尝试之后最终成功上传图片，下面将我的方法分享给大家：nodejs 后台代码var express = require("express");//网...

2020-05-27

39浏览

0评论

详解从Node.js的child_process模块来学习父子进程之间的通信

child_process模块提供了和popen(3)一样的方式来产生自进程，这个功能主要是通过child_process.spawn函数来提供的：
const spawn = require('child_process').spawn; const ls...

2020-05-27

48浏览

0评论

vue2.0获取自定义属性的值

最近在项目中使用了vue.js。在爬坑的路上遇到了很多问题。这里都会给记录下来，今天要说的是怎么获取自定义属性的值。HTML<!DOCTYPE html><html><head><script src="http://v...

2020-05-27

热门文章