JavaScript - 教程之家

79浏览

0评论

解决layer.open后laydate失效的问题

如果你的open方式是1（html）的话这样是可以的，如果是2（iframe）方式打开，你把注入的代码写在打开的界面就可以了不用这样写，open的参数type是有区别的，所以请注意：今天在开发项目时候使...

2020-05-27

63浏览

0评论

使用layui日期控件laydate对开始和结束时间进行联动控制的方法

1.在页面先引入laydate.js文件2.html页面控件如下：<input name="begin_time" style="margin-top:8px;width:130px;" id="begin_time" value="${beginTime}" class="Wdate" ty...

2020-05-27

42浏览

0评论

javascript写一个ajax自动拦截并下载数据代码实例

这篇文章主要介绍了javascript写一个ajax自动拦截并下载数据代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代...

2020-05-27

82浏览

0评论

通过vue写一个瀑布流插件代码实例

这篇文章主要介绍了通过vue写一个瀑布流插件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果如图所示：采用...

2020-05-27

106浏览

0评论

微信小程序页面滚动到指定位置代码实例

这篇文章主要介绍了微信小程序页面滚动到指定位置代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下页面上有一个...

2020-05-27

84浏览

0评论

vue的滚动条插件实现代码

这篇文章主要介绍了vue的滚动条插件实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果如下代码如下<template...

2020-05-27

54浏览

0评论

javascript的惯性运动实现代码实例

移动端的惯性运动，最早来自 ios 的专利。用于手指滑动，离开屏幕之后，屏幕内容继续滚动。更有动态感。这里，以 pc 端，鼠标横向（沿x轴）拖拽的，惯性计算。移动端同理效果代码如下<!DOC...

2020-05-27

57浏览

0评论

vue 的 solt 子组件过滤过程解析

如下图：1、定义了一个类似下拉的组件 mySelect ，然后里面有自定义的组件 myOptions2、有很多时候，我们希望， mySelect 组件内部的子组件，只能是 myOptions 。不应该有 <div>666...

2020-05-27

50浏览

0评论

vue 使用高德地图vue-amap组件过程解析

这篇文章主要介绍了vue 使用高德地图vue-amap组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下首先npm inst...

2020-05-27

47浏览

0评论

使用 js 简单的实现 bind、call 、aplly代码实例

这篇文章主要介绍了使用 js 简单的实现 bind、call 、aplly代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Fun...

2020-05-27

69浏览

0评论

javascript移动端电子书翻页效果实现代码

这篇文章主要介绍了javascript移动端电子书翻页效果实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果1、...

2020-05-27

79浏览

0评论

vue实现抖音时间转盘

本文实例为大家分享了vue实现抖音时间转盘的具体代码，供大家参考，具体内容如下做了一个抖音时间转盘，还挺简单的，可能我做的很粗糙用vue做的才160行代码。其实很简单只是大部...

抖音

2020-05-27

59浏览

0评论

Swiper.js实现移动端元素左右滑动

swiper.js也是一个很好用的移动端的js库。需要引入它的css文件和js文件。用法很简单，加入相应的类即可，看一下Demo，很容易看懂。我的例子如下：<!DOCTYPE html><html lang="en"><...

2020-05-27

56浏览

0评论

swiper4实现移动端导航切换

本文实例为大家分享了swiper4实现移动端导航切换的具体代码，供大家参考，具体内容如下首先导入<link rel="stylesheet" href="css/swiper.min.css" ><script src="js/jquery-1....

2020-05-27

46浏览

0评论

js实现移动端tab切换时下划线滑动效果

本篇会放置多种下划线滑动效果，一篇一篇增加，更新中1、当前 tab 出现下划线的同时，前一个下划线同时消失（出现方向与消失方向保持一致），伴随过渡效果。<!DOCTYPE html><html lang=...

2020-05-27

51浏览

0评论

swiper Scrollbar滚动条组件详解

本文实例为大家分享了swiper Scrollbar滚动条组件的具体代码，供大家参考，具体内容如下1、scrollbar为Swiper增加滚动条。类型：object。2、elscrollbar容器的css选择器或HTML元...

2020-05-27

91浏览

0评论

移动端手指操控左右滑动的菜单

本文实例为大家分享了移动端手指操控左右滑动菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>移动...

2020-05-27

63浏览

0评论

微信小程序 select 下拉框组件功能

一、源码地址https://github.com/imxiaoer/WeChatMiniSelect二、效果图录屏图片质量较差，所以大家会看到残影（捂脸）三、组件源码1. select.wxml
<view class="select-box"> <vi...

2020-05-27

37浏览

0评论

javascript删除数组元素的七个方法示例

前言在JavaScript中，除了Object之外，Array类型（数组）恐怕就是最常用的类型了。与其他语言的数组相比，JavaScript中的Array非常灵活。这种灵活性有利有弊，好处是其富有创造性，可以提...

2020-05-27

56浏览

0评论

世界上最短的数字判断js代码

我们知道JavaScript提供了typeof运算符，因此最容易想到的是用typeof来判断是否是number类型function isNumber(obj) { return typeof obj === 'number'}这个函数对于整数和...

2020-05-27

84浏览

0评论

JavaScript中判断为整数的多种方式及保留两位小数的方法

一、使用取余运算符判断任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。function isInteger(obj) { return obj%1 === 0}isInteger(3) // trueisInteger(3.3...

2020-05-27

51浏览

0评论

JS回调函数 callback的理解与使用案例分析

本文实例讲述了JS回调函数 callback的理解与使用。分享给大家供大家参考，具体如下：基本理解一个概念回调函数回头再调用函数，等主干事情干完了，再回头干分支上的事情。官方定义A...

2020-05-27

65浏览

0评论

微信小程序HTTP请求从0到1封装

前言
作为一个前端开发者，从最开始的js、jQuery一把梭，后来的vue、react、angular等MVVM、MVC框架，我们在开发工程中都离不开HTTP库的使用。
HTTP库
1、jQuery的$.ajax
调用了X...

2020-05-27

58浏览

0评论

一次微信小程序内地图的使用实战记录

前言今天在做新需求的时候发现个很尬的问题：我们项目的小程序是直接输入账号密码进行登录的，不是平常的获得用户授权登录的模式，所以当我使用wx.getLocation一直拉不下来授...

2020-05-27

81浏览

0评论

使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法

搜索框如下：通过datagrid的load方法直接传递参数并自动刷新表格通过ajax的post函数传递参数并通过loadData方法将数据初始化到表格中js代码（搜索按钮的点击事件部分）：$("#st...

2020-05-27

45浏览

0评论

js之切换全屏和退出全屏实现代码实例

这篇文章主要介绍了js之切换全屏和退出全屏实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下应用场景:
比如...

2020-05-27

66浏览

0评论

微信小程序 checkbox使用实例解析

这篇文章主要介绍了微信小程序 checkbox使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图如下:实例代...

2020-05-27

63浏览

0评论

layer关闭当前窗口页面以及确认取消按钮的方法

如下所示：function demo() { layer.confirm('您是如何看待前端开发？', { btn: ['重要','奇葩'] //按钮 }, function(){ var index = parent.layer.getFrameIndex(window.nam...

2020-05-27

66浏览

0评论

微信小程序 wx:for遍历循环使用实例解析

这篇文章主要介绍了微信小程序 wx:for遍历循环使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图如下:...

2020-05-27

61浏览

0评论

layer.confirm点击第一个按钮关闭弹出框的方法

layer.confirm弹出框，当你点击第一个按钮的时候，这个弹出层不会关闭，也是给一些小伙伴带来了一些困扰，下面分享两个解决方案：①可以将第一个按钮的回调函数传一个index，然后使用la...

2020-05-27

53浏览

0评论

Node.js之删除文件夹(含递归删除)代码实例

应用场景:比如像Eclipse这样的IDE，右击项目，出现选项，点击选项中的删除，就可以删除这个项目及其下的子目录包含文件(使用electron开发的桌面端项目多少都会用到)。核心代码如下:...

2020-05-27

102浏览

0评论

layui插件表单验证提交触发提交的例子

废话不多说，大家直接看代码吧！ <form class="layui-form" action="{:url('login/login')}" method="post"> <div class="logi_content">...

2020-05-27

72浏览

0评论

layui的表单提交以及验证和修改弹框的实例

HTML <div class="layui-form"> <input type="text" class="txt" name="newName" lay-verify="newName" lay-verType="tips" placeholder="请输入姓名"> <input type="text...

2020-05-27

33浏览

0评论

layui原生表单验证的实例

在网上看到很多validform和layer配合的验证方式，但是觉得写的不好，不清不楚的，于是研究了一下layui原生的验证1. 在需要验证的item上加 lay-verify=“value” ，在提交按钮上加 l...

2020-05-27

164浏览

0评论

关于layui表单中按钮自动提交的解决方法

layui表单中的按钮会自动提交，这是一个很麻烦的事情。这几天项目中多次用到表单按钮，仔细研究了下，找到了解决方法：1、如果不需要放在表单中的按钮，最好不要放在表单中，不在layui...

2020-05-27

39浏览

0评论

vue给对象动态添加属性和值的实例

一、背景介绍：在vue中请求接口中，一个请求方法可能对应后台两个请求接口，所以请求参数就会有所不同。需要我们先设置共同的参数，然后根据条件动态添加参数属性。二、案例let tha...

2020-05-27

34浏览

0评论

解决layui弹框失效的问题

之前一直用layer弹框组件一直出现这个layer.js:2 Uncaught TypeError: i is not a function
at Object.o.run (layer.js:2)
at layer.js:2
at layer.js:2
at layer.js:2问题...

2020-05-27

51浏览

0评论

解决layer弹出层中表单不起作用的问题

如下所示：var html = '<form class="layui-form" action="">' + '<div class="layui-form-item"><label class="layui-form-label">角色名</label><div class="layui-input...

2020-05-27

52浏览

0评论

关于layui 弹出层一闪而过就消失的解决方法

听说是因为 JQuery 的版本冲突问题，在找到具体问题之前，先在代码里加一个 return false 解决问题；<button class="layui-btn" lay-submit lay-filter="test" οnclick="return...

2020-05-27

43浏览

0评论

防止Layui form表单重复提交的实现方法

在提交表单数据时，提交按钮为 submit 类型，以layui为js框架时，会重复提交表单数据，为防止这一情况，有效的做法是：在<form>里面，加上 lay-filter="formConfig" , οnsubmit="return...

2020-05-27

45浏览

0评论

解决layer.open弹出框不能获取input框的值为空的问题

最近使用layer框架来做页面弹出框操作。总是不能获取弹出框中input的值，代码如下：红色标记区域添加js代码 //Ajax添加品牌 function addBrandWI(){ layer.open({ type: 0, t...

2020-05-27

50浏览

0评论

解决layui的input独占一行的问题

1.input标签独占一行，与button标签无法同行显示（使用position属性进行设置，position属性详见。）解决方法：一.对button的position进行设置，使之与input同行。二.将input与button放...

2020-05-27

79浏览

0评论

npm 语义版本控制详解

场景引入开发时，经常需要依赖一些模块（包），我们进行了下载之后，便一直在该版本的模块环境下进行开发，但是线上的服务器（其他开发者）一般都是根据依赖来配置文件，重新下载各个模块，但是...

2020-05-27

217浏览

0评论

VScode格式化ESlint方法(最全最好用方法)

ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。背景：
近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式...

2020-05-27

63浏览

0评论

layer.open回调获取弹出层参数的实现方法

如下所示：layer.open({ type : 2, title : '重命名', maxmin : true, shadeClose : true, // 点击遮罩关闭层 area : [ '200px', '150px' ], content : getContext() +...

2020-05-27

476浏览

0评论

vscode中eslint插件的配置（prettier配置无效）

用vue-cli构建vue项目，会有个eslint代码检测的安装可vscode自带代码格式化是prettier格式（右键有格式化文件或alt+shift+f）这时候要在vscode上装一个eslint插件装完后在文件---...

2020-05-27

58浏览

0评论

原生js基于canvas实现一个简单的前端截图工具代码实例

这篇文章主要介绍了原生js基于canvas实现一个简单的前端截图工具代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考...

2020-05-27

54浏览

0评论

layui表格返回的数据状态异常的解决方法

最近用到了layui表格组件,结果发现数据返回状态异常在网上查询了下是因为需要转成固定个格式然而layui的table默认返回的数据格式为：response: { //定义后端 json 格式，详细...

2020-05-27

87浏览

0评论

Node.js使用MongoDB的ObjectId作为查询条件的方法

当往MongoDB中插入一条数据时，会自动生成ObjectId作为数据的主键。那么如何通过ObjectId来做数据的唯一查询呢？在MongoDB中插入一条数据
在MongoDB中插入一条如下结构的数据：{...

2020-05-27

115浏览

0评论

在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法

最近，在项目中使用到了layer。layer的弹层组件可以说是非常好用，layer 至今仍作为 layui 的代表作。在项目中，需要实现一个在表格里面点击操作，然后弹出layer层，将父层表格的行值...

2020-05-27

热门文章