编程开发 - 教程之家

111浏览

0评论

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

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

2020-05-27 01:56:34

85浏览

0评论

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

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

2020-05-27 01:56:33

229浏览

0评论

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

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

2020-05-27 01:56:32

79浏览

0评论

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

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

2020-05-27 01:56:31

104浏览

0评论

jQuery实现轮播图效果demo

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

2020-05-27 01:56:30

114浏览

0评论

js实现二级联动简单实例

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

2020-05-27 01:56:29

85浏览

0评论

js实现select下拉框选择

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

2020-05-27 01:56:28

107浏览

0评论

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

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

2020-05-27 01:56:27

111浏览

0评论

JS实现轮播图效果

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

2020-05-27 01:56:26

117浏览

0评论

原生js实现无缝轮播图

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

2020-05-27 01:56:25

96浏览

0评论

JS实现动态无缝轮播

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

2020-05-27 01:56:23

122浏览

0评论

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

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

2020-05-27 01:56:22

109浏览

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 01:56:21

130浏览

0评论

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

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

2020-05-27 01:56:20

131浏览

0评论

ES2020 新特性(种草)

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

2020-05-27 01:56:19

227浏览

0评论

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

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

2020-05-27 01:56:17

84浏览

0评论

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

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

2020-05-27 01:56:15

117浏览

0评论

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

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

2020-05-27 01:56:14

425浏览

0评论

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

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

2020-05-27 01:56:13

115浏览

0评论

js实现拖动缓动效果

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

2020-05-27 01:56:12

82浏览

0评论

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

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

2020-05-27 01:56:10

97浏览

0评论

JavaScript实现模态对话框实例

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

2020-05-27 01:56:08

91浏览

0评论

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

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

2020-05-27 01:56:07

476浏览

0评论

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

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

2020-05-27 01:56:06

81浏览

0评论

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

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

2020-05-27 01:56:05

105浏览

0评论

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

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

2020-05-27 01:56:03

94浏览

0评论

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

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

2020-05-27 01:56:02

98浏览

0评论

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

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

2020-05-27 01:56:01

170浏览

0评论

优化Vue中date format的性能详解

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

2020-05-27 01:56:00

135浏览

0评论

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

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

2020-05-27 01:55:59

95浏览

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 01:55:58

120浏览

0评论

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

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

2020-05-27 01:55:56

306浏览

0评论

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

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

2020-05-27 01:55:55

267浏览

0评论

vue 组件销毁并重置的实现

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

2020-05-27 01:55:54

160浏览

0评论

js实现列表向上无限滚动

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

2020-05-27 01:55:53

104浏览

0评论

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

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

2020-05-27 01:55:52

149浏览

0评论

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

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

2020-05-27 01:55:51

354浏览

0评论

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

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

2020-05-27 01:55:50

88浏览

0评论

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

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

2020-05-27 01:55:46

76浏览

0评论

vue项目创建步骤及路由router

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

2020-05-27 01:55:45

67浏览

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 01:55:44

104浏览

0评论

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

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

2020-05-27 01:55:42

486浏览

0评论

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

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

2020-05-27 01:55:41

84浏览

0评论

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

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

2020-05-27 01:55:40

105浏览

0评论

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

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

2020-05-27 01:55:39

86浏览

0评论

JavaScript回调函数callback用法解析

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

2020-05-27 01:55:38

93浏览

0评论

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

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

2020-05-27 01:55:37

74浏览

0评论

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

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

2020-05-27 01:55:36

64浏览

0评论

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

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

2020-05-27 01:55:35

69浏览

0评论

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

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

2020-05-27 01:55:34

热门文章