JavaScript - 教程之家

48浏览

0评论

Websocket 向指定用户发消息的方法

场景
用户正常发送一个http请求，需要处理一个耗时很长的任务，有可能这个任务要处理好几分钟，在任务处理期间后台要不断的发送当前处理的进度日志等信息，打印在前端。也就是说...

2020-05-27

57浏览

0评论

Nodejs + Websocket 指定发送及群聊的实现

目的通过nodejs + ws (Websocket) 实现点对点发送及群聊发送
项目搭建直接跳过，这里列举一下用到的插件
yarn add wsWebSocket话不多说，直接上码对比上一篇文章 << Nodejs+M...

2020-05-27

60浏览

0评论

一看就会的vuex实现登录验证（附案例）

一、vuex是啥？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来...

2020-05-27

47浏览

0评论

Vue-axios-post数据后端接不到问题解决

1 前言
最近在前后端联调的时候发现了一个问题，可能自己平时不注意发送的内容格式，导致解决问题的路上，走了很多弯路，尤其是在刚刚懂了一点Vue知识之后，发送请求的各种花式写法也...

2020-05-27

102浏览

0评论

js实现左右轮播图

本文实例为大家分享了js实现左右轮播图的具体代码，供大家参考，具体内容如下我的轮播图功能有：自动播放、点击焦点切换和点击左右按钮切换效果图：自动轮播点击焦点切换点击左右按...

2020-05-27

52浏览

0评论

JavaScript复制变量三种方法实例详解

这篇文章主要介绍了JavaScript复制变量三种方法实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下直接将一个变量...

2020-05-27

66浏览

0评论

如何在Node和浏览器控制台中打印彩色文字

这篇文章中，我们主要研究的是如何在Node中打印出彩色文字，浏览器的只是附带。一、常用场景：
1、在Wepack的打包过程中，显示打包完成后，控制台输出了几行注目的彩色文字信息。2、...

2020-05-27

69浏览

0评论

微信小程序新闻网站详情页实例代码

准备工作：1、在微信公众号平台，申请小程序账号，获取appid 2、下载并安装微信开发者工具3、做不同分辨率设备的自适应：单位使用rpx IPhone6下 1px=1rpx=0.5pt 使用rpx，小程序会自...

2020-05-27

107浏览

0评论

js实现旋转木马轮播图效果

本文实例为大家分享了js实现旋转木马轮播图的具体代码，供大家参考，具体内容如下整个页面的文件结构如下图所示：html部分代码：<!DOCTYPE html><html lang="en"><head> <meta char...

2020-05-27

83浏览

0评论

jquery选择器和属性对象的操作实例分析

本文实例讲述了jquery选择器和属性对象的操作。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery-选择器</title> <meta charset="UTF-8"/> <script src="http://l...

2020-05-27

100浏览

0评论

jQuery操作元素的内容和样式完整实例分析

本文实例讲述了jQuery操作元素的内容和样式。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作元素的样式和内容</title> <meta charset="UTF-8"/> <script sr...

2020-05-27

107浏览

0评论

JS图片懒加载的优点及实现原理

这篇文章主要介绍了JS图片懒加载的优点及实现原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下图片懒加载优势：
增强...

2020-05-27

98浏览

0评论

JS数组属性去重并校验重复数据

这篇文章主要介绍了JS数组属性去重并校验重复数据,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下新任务: 下拉框出去重...

2020-05-27

108浏览

0评论

基于JS判断对象是否是数组

这篇文章主要介绍了基于JS判断对象是否是数组,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1、通过instanceof判断
in...

2020-05-27

82浏览

0评论

jQuery操作元素追加内容示例

本文实例讲述了jQuery操作元素追加内容。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作文档结构</title> <meta charset="UTF-8"/> <script src="http://li...

2020-05-27

79浏览

0评论

jQuery操作事件完整实例分析

本文实例讲述了jQuery操作事件。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作事件</title> <meta charset="UTF-8"/> <script src="http://libs.baidu.com...

2020-05-27

97浏览

0评论

基于JavaScript判断两个对象内容是否相等

这篇文章主要介绍了基于JavaScript判断两个对象内容是否相等,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下ES6中有一...

2020-05-27

79浏览

0评论

jQuery操作动画完整实例分析

本文实例讲述了jQuery操作动画。分享给大家供大家参考，具体如下：<html> <head> <title>jQuery操作动画</title> <meta charset="UTF-8"/> <script src="http://libs.baidu.com...

2020-05-27

107浏览

0评论

bootstrap实现嵌套模态框的实例代码

项目上有一个需求，需要在已经弹出的一个bootstrap模态框的基础上再弹一个模态框。因为bootstrap官方不建议这么做，最后实现的过程属实不易。以下是解决方案：html代码：<div id="c...

2020-05-27

51浏览

0评论

基于vue-draggable 实现三级拖动排序效果

vue-draggable 之前项目中需要用到拖动排序，就去网上找资料，本来最开始是想用jquery-ui里的拖动的，后面发现不符合我的预期也不知道能不能跟vue.js兼容，后面我试过了，单个的可以...

2020-05-27

53浏览

0评论

webpack proxy 使用(代理的使用)

为什么要写篇文章
这两天的开发中遇到一些需要代理才能解决的问题, 在这里记录一下, 方便以后的查阅.
为什么要用代理跨域在开发过程中, 我们的开发环境一般都是http:// loc...

2020-05-27

124浏览

0评论

vue实现购物车选择功能

使用vue制作一个购物车功能，只是一个测试版本，注重的是功能实现，界面并没有做好，数据也是模拟数据等不说那么多，直接上代码<template> <div id="app"> 全选<input type="checkbo...

2020-05-27

139浏览

0评论

js实现橱窗展示效果

本文实例为大家分享了js实现橱窗展示的具体代码，供大家参考，具体内容如下思路1、获取需要的标签2、求出滚动条的长度（公式：滚动条长度 = ( 盒子的宽度 / 内容的宽度) * 盒子的宽...

2020-05-27

106浏览

0评论

js实现蒙版效果

本文实例为大家分享了js实现蒙版效果展示的具体代码，供大家参考，具体内容如下思路1.监听按钮的点击
2.阻止冒泡（最关键的一点）
3.让隐藏的显示出来
4.隐藏滚动条
5.点击文档：获取...

2020-05-27

54浏览

0评论

javascript实现蒙版与禁止页面滚动

本文实例为大家分享了javascript实现蒙版与禁止页面滚动的具体代码，供大家参考，具体内容如下项目需求：页面很长，要求加个蒙版，点击特定位置蒙版消失可以滑动页面，否则蒙版存在页面...

2020-05-27

75浏览

0评论

jquery实现图片无缝滚动蒙版遮蔽效果

本文实例为大家分享了jquery实现图片无缝滚动、蒙版效果的具体代码，供大家参考，具体内容如下1、无缝连接：通过对li设置属性float：left；消除标签之间的间隔
2、通过对ul整体进行偏...

2020-05-27

72浏览

0评论

jQuery实现手风琴效果（蒙版）

本文实例为大家分享了jQuery实现手风琴效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...

2020-05-27

108浏览

0评论

jQuery实现鼠标移入显示蒙版效果

本文实例为大家分享了jQuery鼠标移入显示蒙版的具体代码，供大家参考，具体内容如下效果展示：具体代码：<ul id="fourth_tab"> <li> <img src="img/camera_green.png" alt="绿色...

2020-05-27

83浏览

0评论

详解javascript中var与ES6规范中let、const区别与用法

随着ES6规范的到来，Js中定义变量的方法已经由单一的 var 方式发展到了 var、let、const 三种之多。var 众所周知，可那俩新来的货到底有啥新特性呢？到底该啥时候用呢？下面就是小...

2020-05-27

216浏览

0评论

jQuery擦除插件eraser使用方法详解

eraser插件简介：
1.jQuery.eraser 是一个基于 jQuery 的插件，它的效果类似于橡皮擦，按住鼠标不放，在图片上面来回移动，上面灰色的图片就会被擦出，显示出下面彩色的图片。
2.jQuery...

2020-05-27

70浏览

0评论

详解微信小程序中var、let、const用法与区别

微信小程序可以使用Javascript的最新ES6标准来开发所以微信小程序中var、let、const用法与区别可以视为Javascript ES6标准中var、let、const用法与区别let命令基本用法ES6...

2020-05-27

100浏览

0评论

jQuery实现轮播图效果demo

本文实例为大家分享了jQuery实现轮播图效果的具体代码，供大家参考，具体内容如下效果展示：编程思路：1. 首先是基础的布局，使用"子绝父相"等页面布局方法，将图片、左右按钮以及每张...

2020-05-27

113浏览

0评论

js实现二级联动简单实例

本文实例为大家分享了js实现二级联动的具体代码，供大家参考，具体内容如下此实例是一个简单的二级联动，第一个列表中的值为固定的，第二个列表中的值随着第一个列表值的变化而变化...

2020-05-27

82浏览

0评论

js实现select下拉框选择

最近在做一个项目需要兼容到ie不同版本，在使用select时遇到了各种问题。后来索性就自己使用原生js实现了这样一个下拉框，话不多说，直接上代码吧。<html lang="en"><head> <met...

2020-05-27

104浏览

0评论

js实现带搜索功能的下拉框

本文实例为大家分享了js实现带搜索功能的下拉框，供大家参考，具体内容如下1、介绍在实现下拉框的时候，如果用select+option可以在满足pc端的需求，但如果需应用到手机端，由于select...

2020-05-27

99浏览

0评论

JS实现轮播图效果

本文实例为大家分享了JS实现轮播图展示的具体代码，供大家参考，具体内容如下原理介绍1.html <div id="swiper-container" class="swiper-container" onmouseenter="swiperImg()...

2020-05-27

106浏览

0评论

原生js实现无缝轮播图

本文实例为大家分享了js实现无缝轮播图的具体代码，供大家参考，具体内容如下先上效果图原理图如图可见，是页面按顺序依次显示5张图片，包裹这五张图片的外层的盒子，我们叫ul，通过向...

2020-05-27

93浏览

0评论

JS实现动态无缝轮播

在同学的帮助下，终于使用纯js代码实现了动态轮播，学无止境加油吧！效果图是这样的，我们需要定义一个div，并放入三张图片，还需要左右两个按钮，以及底下三个按钮三个div。先看布局代码...

2020-05-27

119浏览

0评论

js 计数排序的实现示例(升级版)

原版计数排序，桶的容积需要一个可以包含最小值到最大值所有可能出现的数字。这里我们可以将桶换成对象，利用对象的自动排序与不能出现相同属性名的键值对这两个特点，不需要一个...

2020-05-27

105浏览

0评论

es6 for循环中let和var区别详解

let和var区别：for(var i=0;i<5;i++){ setTimeout(()=>{ console.log(i);//5个5 },100) }console.log(i);//5console.log('=============')for(let j=0;j<5;j++){ setTi...

2020-05-27

123浏览

0评论

在微信小程序中渲染HTML内容3种解决方案及分析与问题解决

大部分Web应用的富文本内容都是以HTML字符串的形式存储的，通过HTML文档去展示HTML内容自然没有问题。但是，在微信小程序（下文简称为「小程序」）中，应当如何渲染这部分内容呢？在微...

2020-05-27

123浏览

0评论

ES2020 新特性(种草)

这几年，Ecma TC39一年一次更新 ecmascript 规范标准，截止目前，以下特性已进入 finished 状态。现在带大家体验种草 ES2020 新特性。
一：Promise.allSettled
Promise.all 缺陷
都...

2020-05-27

224浏览

0评论

html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片

如何使用JS截取HTML页面为图片呢，下面为大家介绍一款JS截图插件html2canvas.jshtml2canvas.js 能够实现在用户浏览器端直接对整个或部分页面进行截屏。html2canvas.js可以将...

2020-05-27

83浏览

0评论

2019年度web前端面试题总结(主要为Vue面试题)

毕业之后就在一直合肥小公司工作，没有老司机、没有技术氛围，在技术的道路上我只能独自摸索。老板也只会画饼充饥，前途一片迷茫看不到任何希望。于是乎，我果断辞职，在新年开工之际...

2020-05-27

110浏览

0评论

深入理解redux之compose的具体应用

应用
最近给自己的react项目添加redux的时候，用到了redux中的compose函数，使用compose来增强store，下面是我在项目中的一个应用:import {createStore,applyMiddleware,compose}...

2020-05-27

422浏览

0评论

Vue.js中的高级面试题及答案

Vue-loader 是 Webpack 的加载模块，它使我们可以用 Vue 文件格式编写单文件组件。单文件组件文件有三个部分，(模板、脚本和样式)。 vue-loader 模块允许 webpack 使用单独的加...

2020-05-27

108浏览

0评论

js实现拖动缓动效果

话不多说，先上效果，一个体验非常好的拖拽缓动的效果，让页面提升一个档次。这个效果看似很简单，到也困惑了很长时间，为什么别人写出来的拖拽体验为什么这么好？
直到我自己实现了以...

2020-05-27

79浏览

0评论

JS动态图片的实现方法完整示例

本文实例讲述了JS动态图片的实现方法。分享给大家供大家参考，具体如下：<html> <head> <meta charset="UTF-8"> <title>js-是动态实现图片显示</title>...

2020-05-27

96浏览

0评论

JavaScript实现模态对话框实例

这篇文章主要介绍了JavaScript实现模态对话框实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下<!DOCTYPE html><html...

2020-05-27

90浏览

0评论

JS表格的动态操作完整示例

本文实例讲述了JS表格的动态操作。分享给大家供大家参考，具体如下：<html> <head> <title>js-表格的动态操作</title> <meta charset="UTF-8"/> <styl...

2020-05-27

热门文章