JavaScript - 教程之家

54浏览

0评论

jQuery选择器之子元素选择器详解

本文实例为大家分享了jQuery子元素选择器，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" />...

2020-05-27

73浏览

0评论

Windows下Node.js安装及环境配置方法

一、安装环境1、本机系统：Windows 10 Pro（64位）
2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/
2、选安装目录...

2020-05-27

100浏览

0评论

BetterScroll 在移动端滚动场景的应用

BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（ GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。为了满足这些场景，它不仅支持...

2020-05-27

117浏览

0评论

Node.JS中快速扫描端口并发现局域网内的Web服务器地址（80）

在 Node.JS 中进行端口扫描还是比较方便的，一般会有广播和轮询两种方式。即使用广播和扫描，使用广播发出的消息有时会被路由器屏蔽，所以并不可靠。使用node.js中的net模块，可以...

2020-05-27

65浏览

0评论

JavaScript实现HTML5游戏断线自动重连的方法

断线重连的需求一断线重连原理二游戏内自动重连不刷新三刷新游戏自动重连重连数据Locationreplace重置url重连四实际项目中处理重连机制最后的总结断线重连的需求尤其是手机...

2020-05-27

72浏览

0评论

JavaScript 数组的进化与性能分析

正式开始前需要声明，本文并不是要讲解 JavaScript 数组基础知识，也不会涉及语法和使用案例。本文讲得更多的是内存、优化、语法差异、性能、近来的演进。在使用 JavaScript 前...

2020-05-27

56浏览

0评论

详解用函数式编程对JavaScript进行断舍离

我和JavaScript从1997年网景的Navigator 3浏览器开始就开始使用JavaScript。当时，JavaScript还只能做一些很简单的事情。我记得最酷的就是用JavaScript实现mouseover特性，在那...

2020-05-27

81浏览

0评论

浅谈JavaScript作用域和闭包

作用域和闭包在JavaScript里非常重要。但是在我最初学习JavaScript的时候，却很难理解。这篇文章会用一些例子帮你理解它们。我们先从作用域开始。作用域JavaScript的作用域限...

2020-05-27

65浏览

0评论

探索webpack模块及webpack3新特性

本文从简单的例子入手，从打包文件去分析以下三个问题：webpack打包文件是怎样的？如何做到兼容各大模块化方案的？webpack3带来的新特性又是什么？一个简单的例子webpack配置 // webp...

2020-05-27

74浏览

0评论

Web技术实现移动监测的介绍

Web技术实现移动监测的介绍由上述引用语句可得出“移动监测”需要以下要素：一个拥有摄像头的计算机用于判断移动的算法移动后的处理注：本文涉及的所有案例均基于 PC/Mac 较新...

2020-05-27

51浏览

0评论

聊聊那些使用前端Javascript实现的机器学习类库

机器学习（Machine Learning）在最近几年绝对称的上是大火，越来越多的公司和资本投入了巨大资源和金钱到这个新上位的技术“新宠”中，尤其是随着更多的各种机器学习相关类库的出现...

2020-05-27

101浏览

0评论

HTML5开发Kinect体感游戏的实例应用

HTML5开发Kinect体感游戏的实例应用一、简介我们要做的是怎样一款游戏？　　在前不久成都TGC2016展会上，我们开发了一款《火影忍者手游》的体感游戏，主要模拟手游章节《九尾袭来...

2020-05-27

65浏览

0评论

Redux 和 Mobx的选择问题：让你不再困惑！

我在去年大量的使用了 Redux，但我最近都在使用 Mobx 来做状态（state）管理。似乎现在社区里关于该选什么来替代 Redux 很自然地成为了一件困惑的事。开发者不确定该选择哪种解...

2020-05-27

81浏览

0评论

十个免费的web前端开发工具详细整理

十个免费的web前端开发工具网络技术发展迅速，部分技术难以保持每年都有新的工具出现，这同时也意味着许多旧的工具倒在了新技术的发展之路上。前端开发占据了web很大一部分，而且...

2020-05-27

64浏览

0评论

分析javascript中9 个常见错误阻碍你进步

分析javascript中9 个常见错误阻碍你进步很多人尝试学习 JavaScript ，但是不久就放弃了。然后他们就告诉自己，“JavaScript 太复杂了”，更有甚者说，“我不是前端开发的料”。这...

2020-05-27

62浏览

0评论

为什么我们要做三份 Webpack 配置文件

在知乎上我们常常会看到有同学发问：BAT 等大型网站的前端工程是如何组织管理的？这的确是一个可以发散的很广的 Q&A，我想如果要我回答这个问题，不如先从 Webpack 配置说起。
时至...

2020-05-27

84浏览

0评论

Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件

实现代码一：var fs = require('fs')var path = require('path')var copyFile = function(srcPath, tarPath, cb) { var rs = fs.createReadStream(srcPath) rs.on('error',...

2020-05-27

55浏览

0评论

Node.js 使用递归实现遍历文件夹中所有文件

如标题所示，遍历文件夹下的所有文件，主要功能如下：传入一个路径，读取路径里面所有的文件
遍历读取的文件，判断当前文件是文件还是文件夹
当前目录为文件，打印出当前文件绝对路径...

2020-05-27

41浏览

0评论

nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较

1、equal()equal(actual,expected[,message])相当于使用 == 运算符比较两个参数值actual和expected是否相等，如果相等不返回任何值，如果不相等则返回带有message属性的Asserti...

2020-05-27

48浏览

0评论

Node.js中Bootstrap-table的两种分页的实现方法

1、Bootstrap-table使用github:https://github.com/wenzhixin/bootstrap-table
官方文档：http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
bootstrap-table是...

2020-05-27

71浏览

0评论

Nodejs中使用phantom将html转为pdf或图片格式的方法

最近在项目中遇到需要把html页面转换为pdf的需求，并且转换成的pdf文件要保留原有html的样式和图片。也就是说，html页面的图片、表格、样式等都需要完整的保存下来。最初找到三...

2020-05-27

60浏览

0评论

Node.js+jade抓取博客所有文章生成静态html文件的实例

这篇文章，我们就把上文中采集到的所有文章列表的信息整理一下，开始采集文章并且生成静态html文件了.先看下我的采集效果，我的博客目前77篇文章，1分钟不到就全部采集生成完毕了，这...

2020-05-27

41浏览

0评论

基于js中的原型(全面讲解)

在讲js的原型之前，必须先了解下Object和Function。Object和Function都作为JS的自带函数，Object继承自己，Funtion继承自己，Object和Function互相是继承对方，也就是说Object和Funct...

2020-05-27

51浏览

0评论

前端把html表格生成为excel表格的实例

最近公司改后台管理系统。要求导出台账项目等等为excel表格，找半天还真有，他是通过query.table2excel.js 实现，原谅我原生不会弄这个当然大家有可以给我留言。<!DOCTYPE html><...

2020-05-27

78浏览

0评论

基于jQuery选择器之表单对象属性筛选选择器的实例

<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" rel...

2020-05-27

58浏览

0评论

vue小图标favicon不显示的解决方案

vue脚手架虽然好用，但是文件配置问题一直很头疼。
将原生的代码用vue框架来做，出现种种问题，之前设置小图标的时候也出现了问题，总结了网上的解决方案，在此记下对我亲自试验并奏...

2020-05-27

65浏览

0评论

jQuery选择器之属性筛选选择器用法详解

在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的[attr="value"]能帮我们定位不同类型的元素，特别是表单form元素的操作，比如说input[type="text"],input[type...

2020-05-27

63浏览

0评论

JavaScript事件处理程序详解

本文实例为大家分享了js事件处理程序的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM0级DOM2级</title></he...

2020-05-27

70浏览

0评论

使用vue与jquery实时监听用户输入状态的操作代码

实现效果：input未输入值，按钮禁用jquery操作代码：html<input type="text" name="" placeholder="请输入用户名" id="userName" > <button class="disabled" id="login">登录</b...

2020-05-27

81浏览

0评论

慕课网题目之js实现抽奖系统功能

本文实例为大家分享了js实现抽奖系统功能的具体代码，供大家参考，具体内容如下要求实现功能：1.点击左侧按键，开始抽奖，点击右侧按键，停止抽奖；2.敲击回车键，开始抽奖，再次敲击回车键，停...

2020-05-27

58浏览

0评论

jQuery实现简单日期格式化功能示例

本文实例讲述了jQuery实现简单日期格式化功能。分享给大家供大家参考，具体如下：代码如下，引入jquery后直接后加入以下代码刷新可测试Date.prototype.Format = function (fmt) {...

2020-05-27

76浏览

0评论

vue 粒子特效的示例代码

本文介绍了vue 粒子特效的示例代码，分享给大家，具体如下：
实现效果：
没错，你看到的上图那些类似于星座图的点和线，是由vue-particles生成的，而且能与用户鼠标事件产生互动。
传送...

2020-05-27

58浏览

0评论

ECMAScript6变量的解构赋值实例详解

数组的解构赋值ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）var [a, b, c] = [1, 2, 3];这种写法属于“模式匹配”，只要等号两边的模式...

2020-05-27

84浏览

0评论

js实现QQ面板拖拽效果（慕课网DOM事件探秘）（全）

QQ面板拖拽，效果如图JavaScript代码如下：function getByClass(clsName, parent) { var oParent = parent ? document.getElementById(parent) : document, eles = [],...

QQ

2020-05-27

76浏览

0评论

vue2.0开发入门笔记之.vue文件的生成和使用

这几天新项目用vue2.0开发，由于之前没用过vue，拿到项目框架看到都是.vue文件，不知道怎么用，以下是关于.vue文件的发现：1、一个.vue文件是一个封装的组件，在.vue文件里可以写 html,...

2020-05-27

93浏览

0评论

一步步教你利用Canvas对图片进行处理

前言Canvas，中文译为“画布”，HTML5中新增了<canvas>元素，可以结合JavaScript动态地在画布中绘制图形。今天，我们不讲Canvas的图形绘制，而是讲如何对图片进行处理，话不多说了，来一...

2020-05-27

66浏览

0评论

JavaScript数组去重的多种方法(四种)

数组去重，一般需求是给你一个数组，调用去重方法，返回数值副本，副本中没有重复元素。一般来说，两个元素通过 === 比较返回 true 的视为相同元素，需要去重，所以，1 和 "1" 是不同的元素...

2020-05-27

130浏览

0评论

详解.vue文件中监听input输入事件（oninput）

.vue文件其实是一个组件，关于它的说明我之前也写过一篇文章，地址：.vue文件，今天这篇文章要讲的是.vue文件中监听input的输入值变化事件。需求是这页面中，改变input的值，就调用一个...

2020-05-27

181浏览

0评论

前端常见跨域解决方案（全）

什么是跨域？
跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。
广义的跨域：
1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>...

2020-05-27

65浏览

0评论

详解vue-cli与webpack结合如何处理静态资源

处理静态资源你也许会注意到vue-cli与webpack结合的项目中，我们通常会有两个静态资源的路径：src/assets和static/，他们两者的区别是什么呢？打包的资源为了回答这个问题，我们首先...

2020-05-27

42浏览

0评论

angularjs实现过滤并替换关键字小功能

本文实例为大家分享了angularjs实现过滤并替换关键字的具体代码，供大家参考，具体内容如下html样式<body ng-app="myapp" ng-controller="myCtrl"> <input type="text" ng-mode...

2020-05-27

53浏览

0评论

原生js中ajax访问的实例详解

原生js中ajax访问的实例详解form表单中
登录名:
失去光标即触发事件function createXmlHttp() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlH...

2020-05-27

49浏览

0评论

Webpack 服务器端代码打包的示例代码

环境变量
之前,我们在项目里会经常使用 process.env.NODE_ENV, 但这个变量对于 webpack打包是有影响的, 在 production 的时候是有优化的.所以, 我们将改用其他的环境变量来...

2020-05-27

45浏览

0评论

在 Node.js 中使用原生 ES 模块方法解析

从版本 8.5.0 开始，Node.js 开始支持原生 ES 模块，可以通过命令行选项打开该功能。新功能很大程度上得归功于 Bradley Farias。
1.演示
这个示例的代码目录结构如下：esm-demo/...

2020-05-27

38浏览

0评论

JavaScript 中的 this 简单规则

几条规则确定函数里的 this 是什么。想确定 this 是什么其实非常简单。总体的规则是，通过检查它的调用位置，在函数被调用的的时候确定 this。它遵循下面这些规则，接下来以优先...

2020-05-27

62浏览

0评论

详解JS中的this、apply、call、bind(经典面试题)

这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，最好还是了解一下 this 的指向和 call、ap...

2020-05-27

61浏览

0评论

Javascript中将变量转换为字符串的三种方法

前言大家应该都知道，对于JavaScript，有3种不同方法可以将变量转换为字符串。这篇文章将详细介绍这些方法，并比较他们的优劣。下面话不多说了，来一起看看详细的介绍吧。3种方法将...

2020-05-27

42浏览

0评论

微信小程序媒体组件详解（视频，音乐，图片）

今天主要是简单的讲一下小程序当中的媒体组件，媒体组件包括：视频，音乐，图片等。
先来看看效果图：　
1、图片Image
<!-- scaleToFill:不保持纵横比缩放图片，使图片的宽高完全拉伸...

2020-05-27

72浏览

0评论

深入理解Node.js中通用基础设计模式

谈到设计模式，你可能会想到 singletons, observers（观察者）或 factories（工厂方法）。本文不并专门探讨他们。只是探讨Node.JS一些基础模式的实现，像依赖注入或中间件。什么是设计...

2020-05-27

163浏览

0评论

vue实现页面加载动画效果

我们经常看到数据未出现时，页面中会有一条提示消息，页面正在加载中，如何实现该效果呢，请看下面代码<template> <section class="page" v-if="option" :style="{background:...

2020-05-27

热门文章