JavaScript - 教程之家

64浏览

0评论

js实现按座位号抽奖

最近一个项目需要实现一个按座位号抽奖的效果，抽奖现场有多个区域，抽奖时随机选取其中一个区域，再在这个区域中随机选取一排，最后在这排中随机选取一个座位号，区域、排号及座位号...

2020-05-27

62浏览

0评论

JavaScript结合HTML DOM实现联动菜单

本文实例为大家分享了js三级联动菜单展示的具体代码，供大家参考，具体内容如下效果图：代码：<!DOCTYPE HTML><html><head><title>联动菜单</title><meta charset="utf-8" /><scrip...

2020-05-27

67浏览

0评论

JS实现的二叉树算法完整实例

本文实例讲述了JS实现的二叉树算法。分享给大家供大家参考，具体如下：<!DOCTYPE HTML><head> <title>20130328BinaryTree</title> <metahttp-equiv="Content-Type" content...

2020-05-27

83浏览

0评论

大白话讲解JavaScript的Promise

去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念...

2020-05-27

61浏览

0评论

JS优化与惰性载入函数实例分析

本文实例讲述了JS优化与惰性载入函数。分享给大家供大家参考，具体如下：惰性载入函数由于现在浏览器之间的差异，为了实现跨浏览器工作，很多函数要书写大量if语句或者try…catch…...

2020-05-27

63浏览

0评论

js遍历获取表格内数据的方法(必看)

本文将介绍如何使用js获取表格内某一单元格的内容，表格由table,tr,td等html标记组成。table表示表格，tr表示行，td表示行中列。1、一般的表格结构如下<table> <tr> <td>id</td>...

2020-05-27

60浏览

0评论

selenium 与 chrome 进行qq登录并发邮件操作实例详解

selenium 与 chrome 进行qq登录并发邮件操作实例详解出现的问题：qq邮箱各种iframe需要切换，延时是必须的，通过各种方法找元素，qq邮件正文的iframe name是变化的，其他几种方法都不...

QQ

2020-05-27

59浏览

0评论

javascript中this用法实例详解

本文实例讲述了javascript中this用法。分享给大家供大家参考，具体如下：JavaScript中的this含义非常丰富，它可以是全局对象，当前对象或者是任意对象，这都取决于函数的调用方式。函...

2020-05-27

150浏览

0评论

详解nodejs爬虫程序解决gbk等中文编码问题

使用nodejs写了一个爬虫的demo，目的是提取网页的title部分。
遇到最大的问题就是网页的编码与nodejs默认编码不一致造成的乱码问题。nodejs支持utf8, ucs2, ascii, binary,...

2020-05-27

52浏览

0评论

详谈js遍历集合(Array,Map,Set)

Array可以使用下标，Map和Set不能使用下标，ES6引入了iterable类型，Array,Map,Set都属于iterable类型，它们可以使用for...of循环来遍历：var a = ['A', 'B', 'C'];var s = new Set([...

2020-05-27

50浏览

0评论

ES6字符串模板，剩余参数，默认参数功能与用法示例

本文实例讲述了ES6字符串模板，剩余参数，默认参数功能与用法。分享给大家供大家参考，具体如下：这里介绍一下字符串模板以及剩余参数，默认参数的概念以及使用。
先来说说字符串模板...

2020-05-27

57浏览

0评论

ES6中的箭头函数实例详解

本文实例讲述了ES6中的箭头函数。分享给大家供大家参考，具体如下：语法我们先来看看箭头函数的语法：([param] [, param]) => { statements}param => expressionparam 是参数，根...

2020-05-27

73浏览

0评论

HTML中使背景图片自适应浏览器大小实例详解

HTML中使背景图片自适应浏览器大小实例详解解决办法：
1、图片不够大，又background属性不能拉伸图片；
2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div...

2020-05-27

60浏览

0评论

B/S(Web)实时通讯解决方案分享

B/S的实时通讯实现起来比较麻烦，因为http协议是无状态的，导致一些实时消息通知和聊天等功能比较难以实现，本文主要简述几种自己之前常用的几种方式。1、传统的HTTP协议是无状态...

2020-05-27

51浏览

0评论

vue中mint-ui环境搭建详细介绍

vue中mint-ui环境搭建详细介绍首先需要如下配置node （最好用淘宝源）$ npm install -g cnpm --registry=https://registry.npm.taobao.org以及git从官方github拉下来mint-uigi...

2020-05-27

56浏览

0评论

ES6中Symbol类型用法实例详解

本文实例讲述了ES6中的Symbol类型。分享给大家供大家参考，具体如下：Symbol是在ES6中新加入的类型。正如我们所知，JavaScript中有以下几种类型：Undefined ,Null ,Boolean ,Number...

2020-05-27

67浏览

0评论

ES6中Proxy代理用法实例浅析

本文实例讲述了ES6中Proxy代理用法。分享给大家供大家参考，具体如下：ES6中提出了一个新的特性，就是proxy，用来拦截在一个对象上的指定操作。这个功能非常的有用。举一个例子来说...

2020-05-27

64浏览

0评论

ES6中class类用法实例浅析

本文实例讲述了ES6中class类用法。分享给大家供大家参考，具体如下：类语法是ES6中新增的一个亮点特色。我们熟悉的JavaScript终于迎来了真正意义上的类。在之前，想要通过javascr...

2020-05-27

52浏览

0评论

ES6中module模块化开发实例浅析

本文实例讲述了ES6中module模块化开发。分享给大家供大家参考，具体如下：多人开发JavaScript时伴随着命名冲突等问题，先后有了模拟块级作用域、命名空间、模块化开发等方法。之...

2020-05-27

63浏览

0评论

深入理解 JavaScript 中的 JSON

我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题，请问，以下JS对象通过JSON.stringify后的字符串是怎样的？先不要急着复制粘贴到控制台，先自己打开一个代码编辑器或者纸...

2020-05-27

65浏览

0评论

javascript闭包功能与用法实例分析

本文实例讲述了javascript闭包功能与用法。分享给大家供大家参考，具体如下：理解闭包闭包这个东西，确实是很麻烦。之前我自己的理解也是有一点误差，所以今天将文章修改修改，争取将...

2020-05-27

62浏览

0评论

vue.js指令和组件详细介绍及实例

大家好，本文给各位做一下vue.js一个最基本的概念介绍。vue.js 指令
<div id="app"> <div v-text="message"></div></div>var app = new Vue({ el: '#app', data: { message...

2020-05-27

66浏览

0评论

jQuery实现文章图片弹出放大效果

首先先搭写一个基本的格式：$.fn.popImg = function() { //your code goes here}然后用自调用匿名函数包裹你的代码，将系统变量以变量形式传递到插件内部，如下：;(function($,win...

2020-05-27

86浏览

0评论

原生javascript上传图片带进度条【实例分享】

javascript代码： ; (function(w) { var error = "上传控件不支持您的浏览器！"; // 构造函数 function UploadImg(option) { $u = this; $u.option = option; $u.init($u.op...

2020-05-27

67浏览

0评论

微信小程序五星评分效果实现代码

微信小程序五星评分效果实现代码很多做过电商项目的朋友会经常用到评分的功能，我这里正好写了一个例子，发出来分享一下：我写的是5分满分制的，首先，准备3个图片，，像这样的，分别代表分...

2020-05-27

59浏览

0评论

微信小程序下拉菜单的实现

微信小程序下拉菜单看下实现效果图：实例：//wcss /**DropDownMenu**/ /*总菜单容器*/ .menu { display: block; height: 28px; position: relative; } /*一级菜单*/ .m...

2020-05-27

65浏览

0评论

微信小程序图片宽度自适应的实现

微信小程序图片宽度自适应的实现实例代码：wxml 代码：<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration...

2020-05-27

66浏览

0评论

JavaScript原生数组Array常用方法

栈方法push方法和pop方法, 可以使数组的行为类似于栈, 先进后出, 并且推入和弹出操作只发生在一端.push方法push方法可以接收一个或多个参数, 把它们追加到数组末尾, 并返回...

2020-05-27

60浏览

0评论

详解JS中遍历语法的比较

for循环JavaScript 提供多种遍历语法。最原始的写法就是for循环。let arr = [1,2,3,4,5];for (var index = 0; index < arr.length; index++) { console.log(myArray[index]...

2020-05-27

77浏览

0评论

js按条件生成随机json:randomjson实现方法

前端开发中，在做前后端分离的时候，经常需要手写json数据，有3个问题特别揪心：
1，数据是写死的，不能按一定的条件随机生成长度不一，内容不一的数据2，写数组的时候，如果有很多条，需要一条...

2020-05-27

58浏览

0评论

Zepto实现密码的隐藏/显示

效果图：代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript" src="http://www.xipwang.cn/js/zep...

2020-05-27

47浏览

0评论

原生JS实现圆环拖拽效果

最近用原生JS写一个环形的鼠标滑动效果，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin:0;padding:0...

2020-05-27

102浏览

0评论

nodejs爬虫遇到的乱码问题汇总

上一篇文章中使用nodejs程序解析了网页编码为gbk,gb2312,以及utf-8的情况，这里面有三种特殊的乱码情况需要单独的说明一下.1，网页编码为utf-8,但是解析为乱码，代表网站为www.gu...

2020-05-27

61浏览

0评论

JavaScript函数节流的两种写法

最近看了函数节流的相关内容，具体什么是节流我不讨论了，网上很多，这里总结下两个方法，我只认可其中一个。另一个貌似也能达到节流的效果但是感觉不是很正规。方法一：<!DOCTYPE ht...

2020-05-27

80浏览

0评论

JS实现的添加弹出层并完成锁屏操作示例

本文实例讲述了JS实现的添加弹出层并完成锁屏操作。分享给大家供大家参考，具体如下：上图：代码：<html><head> <title>弹出层</title> <style type="text/css"> *{ padding:0px...

2020-05-27

74浏览

0评论

Bootstrap.css与layDate日期选择样式起冲突的解决办法

问题如图:
给大家看下正常的layDate年份选择图片:
一开始想到的，以为是自己没有将layer.css导入，或者layDate.css没有导入，出现的这个问题，结果发现只要导入layer.css，会自动导...

2020-05-27

68浏览

0评论

JS简单实现获取元素的封装操作示例

本文实例讲述了JS简单实现获取元素的封装操作。分享给大家供大家参考，具体如下：JS封装获取元素js的获取元素：ID：document.getElementById();
class:document.getElementsByName(...

2020-05-27

50浏览

0评论

js简单实现网页换肤功能

我发现网上写换肤功能写的有点长，就想想如何更简单方法实现这个功能，于是我自己写了一个。html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></titl...

2020-05-27

68浏览

0评论

聊聊JavaScript如何实现继承及特点

“继承”是面向对象编程里面经常提及到的概念，它的目的是实现代码复用。JavaScript并没有“类”的概念，那么，它如何实现继承呢？
（ES6有关键字class和extend，继承的语法与Java等面...

2020-05-27

74浏览

0评论

js时间查询插件使用详解

我从同事那拿来一个时间查询的插件，先记录下来：首先要引入js文件和css文件，因为我用到了bootstrap 所以引入的文件有点多：ps: 如果有需要的小伙伴，可以直接跟我说<script src="j...

2020-05-27

41浏览

0评论

jQuery获取table下某一行某一列的值实现代码

jQuery获取table下某一行某一列的值实现代码最近需要获取到某个table下每一行某一列的值，用jQuery做了一会儿，过程如下，仅供参考：
<div class="div"> <table name="info">...

2020-05-27

55浏览

0评论

nodejs服务搭建教程 nodejs访问本地站点文件

本教程为大家分享了nodejs服务搭建和如何访问本地站点文件，供大家参考，具体内容如下搭建nodejs服务器步骤:1.安装nodejs服务(从官网下载安装)2.在自己定义的目录下新建服务器...

2020-05-27

54浏览

0评论

微信小程序连续旋转动画（this.animation.rotate）详解

微信小程序连续旋转动画一、.js中封装旋转动画方法　　添加animation属性 data:{ animation:''" }　　改变animation的值（官网提供角度范围是-180~180，但是我发现角度...

2020-05-27

46浏览

0评论

jQuery中map函数的两种方式

两种方式：1、直接jQuery.map//将原数组中每个元素加 4 转换为一个新数组。$.map( [0,1,2], function(n){ return n + 4;});//结果:[4, 5, 6]//原数组中每个元素扩展为一个包...

2020-05-27

44浏览

0评论

JavaScript使用链式方法封装jQuery中CSS()方法示例

本文实例讲述了JavaScript使用链式方法封装jQuery中CSS()方法。分享给大家供大家参考，具体如下：主要思路就是：返回this对象，将所获取的操作元素放入一个数组中。在原型中添加拓...

2020-05-27

79浏览

0评论

微信小程序page的生命周期和音频播放及监听实例详解

一、界面的生命周期 /** * 监听页面加载， * 页面加载中 */ onLoad:function(){ var _this = this console.log('index---------onload()') /**...

2020-05-27

68浏览

0评论

微信小程序 chooseImage选择图片或者拍照

微信小程序 chooseImage选择图片或者拍照一、使用API wx.chooseImage(OBJECT)var util = require('../../utils/util.js')Page({ data:{ src:"../image/pic4.jpg" },...

2020-05-27

57浏览

0评论

JS实现css hover操作的方法示例

本文实例讲述了JS实现css hover操作的方法。分享给大家供大家参考，具体如下：hover我们可以用css的方式写，当然，也可以用js的方式写<html><head> <title>js的下拉菜单效果</titl...

2020-05-27

72浏览

0评论

如何使用vuejs实现更好的Form validation?

用vuejs对Form验证怎么进行对submit验证，验证失败不跳转，成功才跳转？我试了好几个方法都没实现，很郁闷，要么不验证，要么就是验证了不进行跳转。<input type="button" v-on:click="...

2020-05-27

66浏览

0评论

ES6实现的遍历目录函数示例

本文实例讲述了ES6实现的遍历目录函数。分享给大家供大家参考，具体如下：// npm init// npm install koa --save-dev// node --harmony app.jsconst fs = require('fs');var ea...

2020-05-27

热门文章