JavaScript - 教程之家

95浏览

0评论

js实现select下拉框选择

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

122浏览

0评论

JS实现轮播图效果

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

2020-05-27

129浏览

0评论

原生js实现无缝轮播图

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

2020-05-27

111浏览

0评论

JS实现动态无缝轮播

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

2020-05-27

139浏览

0评论

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

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

2020-05-27

122浏览

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

147浏览

0评论

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

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

2020-05-27

143浏览

0评论

ES2020 新特性(种草)

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

2020-05-27

240浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

134浏览

0评论

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

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

2020-05-27

434浏览

0评论

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

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

2020-05-27

130浏览

0评论

js实现拖动缓动效果

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

114浏览

0评论

JavaScript实现模态对话框实例

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

490浏览

0评论

vue+vant实现商品列表批量倒计时功能

最近因为一个项目需要用到商品批量倒计时，当时使用vant封装好的组件CountDown编写起初不知道“timeData”这个对象只需要传time的时间戳就可以自动生成，走了一大波弯路，现在想...

2020-05-27

94浏览

0评论

JS校验与最终登陆界面功能完整示例

本文实例讲述了JS校验与最终登陆界面功能。分享给大家供大家参考，具体如下：<html> <head> <title>注册页面</title> <meta charset="UTF-8"/> <scrip...

2020-05-27

115浏览

0评论

JS document form表单元素操作完整示例

本文实例讲述了JS document form表单元素操作。分享给大家供大家参考，具体如下：<html> <head> <title>form表单操作</title> <meta charset="UTF-8"/>...

2020-05-27

102浏览

0评论

JavaScript数组排序小程序实现解析

这篇文章主要介绍了JavaScript数组排序小程序实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下JavaScript数组的...

2020-05-27

108浏览

0评论

JS document文档的简单操作完整示例

本文实例讲述了JS document文档的简单操作。分享给大家供大家参考，具体如下：<html> <head> <title>js-documnent文档结构操作</title> <meta charset="UTF-8...

2020-05-27

191浏览

0评论

优化Vue中date format的性能详解

在很多项目中，都需要将长整型的日期格式转换成其他的日期格式，而在Vue中，我们可以利用自定义相应的 filter 过滤器来进行 date format 的功能。如果直接引入 moment 的方法，在利...

2020-05-27

150浏览

0评论

Vue 嵌套路由使用总结（推荐）

开发环境
Win 10node-v10.15.3-x64.msi下载地址：https://nodejs.org/en/需求场景如下图，我们希望点击导航栏不同菜单时，导航栏下方加载不同的组件，进而展示不同的页面内容
解决...

2020-05-27

103浏览

0评论

js实现适配移动端的拖动效果

本文实例为大家分享了js实现适配移动端的拖动效果，供大家参考，具体内容如下1.html<div id="div1"> <div id="div2"></div></div>2.jsvar flag = false;var cur = { x: 0, y: 0...

2020-05-27

132浏览

0评论

微信小程序聊天功能的示例代码

效果
初始化滚动条高度
var keyHeight = 0;数据格式
const CHAT_DATA=[ { type:0,//0客服1用户 content:'欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎欢迎...

2020-05-27

319浏览

0评论

VUE实现自身整体组件销毁的示例代码

V-IF实现组件自身销毁
前面说了一些自己怎么思考得来，如果时间急可直接看
最后~~~~通知提示组件案例分析
在编写一些简单的通知组件案例中，可能会这样去写//在[index.js]的ins...

2020-05-27

278浏览

0评论

vue 组件销毁并重置的实现

方法1
当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题
<template> <third-comp v-if="reFresh"/></template> <script> expo...

2020-05-27

172浏览

0评论

js实现列表向上无限滚动

本文实例为大家分享了js实现列表向上无限滚动的具体代码，供大家参考，具体内容如下先来一张效果图html<div class="transdata1"> <ul class="tody-table-header2"> <li>商...

2020-05-27

120浏览

0评论

微信小程序canvas截取任意形状的实现代码

最近在研究拼图验证码实现，需要对图片的部分模块进行特殊形状切割出一小块，明白后原来是如此简单，第一步就是将所有绘制的形状用线勾出（直线、弧线、贝塞尔曲线都可以）形成闭环，第...

2020-05-27

168浏览

0评论

vue页面加载时的进度条功能(实例代码)

先看一张图如果我们的程序每次页面切换时，顶部也有一个进度条，那会让用户体验提升很大的。npropgress插件github地址简单用法 - Vue 项目为例（详细配置，点击上面的github地址查...

2020-05-27

366浏览

0评论

vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)

一、思路分析和效果图
　　用vue来实现一个瀑布流效果，加载网络图片，同时有下拉刷新和上拉加载更多功能效果。然后针对这几个效果的实现，捋下思路：根据加载数据的顺序，依次追加标...

2020-05-27

100浏览

0评论

JS实现容器模块左右拖动效果

本文实例为大家分享了JS实现容器模块左右拖动效果的具体代码，供大家参考，具体内容如下实际效果是鼠标点击上方颜色模块，左右拖动，根据拖动的距离来显示模块
一共有7个颜色块代...

2020-05-27

88浏览

0评论

vue项目创建步骤及路由router

1、创建一个vue项目步骤（windows环境下）。创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。cmd打开终端。1.1 如果还没安装node.js...

2020-05-27

79浏览

0评论

ES6实现图片切换特效代码

效果图demo.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> let arr =...

2020-05-27

119浏览

0评论

小程序中设置缓存过期的实现方法

需求是两张图片在这个时间段内交替显示，当天只弹一次图片。后端返回的数据格式：{ "start": "2019/10/08 00:00:00", "end": "2019/10/30 23:59:59", "ads": [ { "i...

2020-05-27

501浏览

0评论

微信小程序indexOf的替换方法(推荐)

方法：通过wxs定义indexOf方法，在页面中引用并使用栗子：wxs：命名为str.wxs，导出定义的defineIndexOf方法，命名为indexOffunction defineIndexOf(str, val) { return str.indexOf(va...

2020-05-27

96浏览

0评论

JS document内容及样式操作完整示例

本文实例讲述了JS document内容及样式操作。分享给大家供大家参考，具体如下：<html> <head> <title>js-documnet元素内容和样式操作</title> <meta charset="...

2020-05-27

113浏览

0评论

JS document对象简单用法完整示例

本文实例讲述了JS document对象简单用法。分享给大家供大家参考，具体如下：<html> <head> <title>js-document对象学习</title> <meta charset="UTF-8"/>...

2020-05-27

98浏览

0评论

JavaScript回调函数callback用法解析

这篇文章主要介绍了JavaScript回调函数callback用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下JavaScript回调...

2020-05-27

102浏览

0评论

JavaScript遍历数组的方法代码实例

这篇文章主要介绍了JavaScript遍历数组的方法代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下for循环
let arr...

2020-05-27

83浏览

0评论

让mocha支持ES6模块的方法实现

mocha是比较常用的node测试框架，但是只支持commonjs模块，要让mocha支持ES6模块，需要babel的帮助。书写本文时用到的工具版本为： babel v7 mocha v6.2
安装依赖
$ npm i -D @...

2020-05-27

73浏览

0评论

JS window对象简单操作完整示例

本文实例讲述了JS window对象简单操作。分享给大家供大家参考，具体如下：例1：<html> <head> <title>js---window函数</title> <meta charset="UTF-8"/>...

2020-05-27

82浏览

0评论

JavaScript事件冒泡机制原理实例解析

这篇文章主要介绍了JavaScript事件冒泡机制原理实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下DOM事件流（event...

2020-05-27

364浏览

0评论

vue quill editor 使用富文本添加上传音频功能

1. 前言
vue-quill-editor 是vue项目中常用的富文本插件，其功能能满足大部分的项目需求。但是，最近项目中，需要在富文本中上传音频文件，但是vue-quill-editor这个富文本仅支持图...

2020-05-27

138浏览

0评论

解决 window.onload 被覆盖的问题方法

手头在维护一个比较老的项目，由于页面的重组，一些不同页面的 js 被加载到了同一个页面，导致一个页面里可能有一个以上的 window.onload ，这样做的后果就是前面的回调函数会被后...

2020-05-27

112浏览

0评论

JS实现滑动导航效果

本文实例为大家分享了JS实现滑动导航效果的具体代码，供大家参考，具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

2020-05-27

79浏览

0评论

JS实现滑动插件

本文实例为大家分享了JS实现滑动插件的具体代码，供大家参考，具体内容如下
基本思路是封装一个Slider类，拥有默认初始配置参数。
Slider.prototype(原型链上)拥有实现滑动的方...

2020-05-27

102浏览

0评论

JS 事件机制完整示例分析

本文实例讲述了JS 事件机制。分享给大家供大家参考，具体如下：<html> <head> <title>js事件机制</title> <meta charset="UTF-8"/> <script type="tex...

2020-05-27

108浏览

0评论

Vue v-bind动态绑定class实例方法

现在很多网站，都是希望动态切换class，更换css样式。下面我们使用Vue的v-bind绑定classv-bind动态绑定class对象语法绑定（常用）red和size的值为true就在class显示red和size，false...

2020-05-27

热门文章