Swiper.js实现移动端元素左右滑动
swiper.js也是一个很好用的移动端的js库。需要引入它的css文件和js文件。用法很简单，加入相应的类即可，看一下Demo，很容易看懂。我的例子如下：<!DOCTYPE html><html lang="en"><...
2020-05-27
swiper4实现移动端导航切换
本文实例为大家分享了swiper4实现移动端导航切换的具体代码，供大家参考，具体内容如下首先导入<link rel="stylesheet" href="css/swiper.min.css" ><script src="js/jquery-1....
2020-05-27
js实现移动端tab切换时下划线滑动效果
本篇会放置多种下划线滑动效果，一篇一篇增加，更新中1、当前 tab 出现下划线的同时，前一个下划线同时消失（出现方向与消失方向保持一致），伴随过渡效果。<!DOCTYPE html><html lang=...
2020-05-27
swiper Scrollbar滚动条组件详解
本文实例为大家分享了swiper Scrollbar滚动条组件的具体代码，供大家参考，具体内容如下1、scrollbar为Swiper增加滚动条。类型：object。2、elscrollbar容器的css选择器或HTML元...
2020-05-27
移动端手指操控左右滑动的菜单
本文实例为大家分享了移动端手指操控左右滑动菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>移动...
2020-05-27
微信小程序 select 下拉框组件功能
一、源码地址https://github.com/imxiaoer/WeChatMiniSelect二、效果图录屏图片质量较差，所以大家会看到残影（捂脸）三、组件源码1. select.wxml
<view class="select-box"> <vi...
2020-05-27
javascript删除数组元素的七个方法示例
前言在JavaScript中，除了Object之外，Array类型（数组）恐怕就是最常用的类型了。与其他语言的数组相比，JavaScript中的Array非常灵活。这种灵活性有利有弊，好处是其富有创造性，可以提...
2020-05-27
世界上最短的数字判断js代码
我们知道JavaScript提供了typeof运算符，因此最容易想到的是用typeof来判断是否是number类型function isNumber(obj) { return typeof obj === 'number'}这个函数对于整数和...
2020-05-27
JavaScript中判断为整数的多种方式及保留两位小数的方法
一、使用取余运算符判断任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。function isInteger(obj) { return obj%1 === 0}isInteger(3) // trueisInteger(3.3...
2020-05-27
JS回调函数 callback的理解与使用案例分析
本文实例讲述了JS回调函数 callback的理解与使用。分享给大家供大家参考，具体如下：基本理解一个概念回调函数回头再调用函数，等主干事情干完了，再回头干分支上的事情。官方定义A...
2020-05-27
微信小程序HTTP请求从0到1封装
前言
作为一个前端开发者，从最开始的js、jQuery一把梭，后来的vue、react、angular等MVVM、MVC框架，我们在开发工程中都离不开HTTP库的使用。
HTTP库
1、jQuery的$.ajax
调用了X...
2020-05-27
一次微信小程序内地图的使用实战记录
前言 今天在做新需求的时候发现个很尬的问题：我们项目的小程序是直接输入账号密码进行登录的，不是平常的获得用户授权登录的模式，所以当我使用wx.getLocation一直拉不下来授...
2020-05-27
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
搜索框如下： 通过datagrid的load方法直接传递参数并自动刷新表格 通过ajax的post函数传递参数并通过loadData方法将数据初始化到表格中js代码（搜索按钮的点击事件部分）：$("#st...
2020-05-27
js之切换全屏和退出全屏实现代码实例
这篇文章主要介绍了js之切换全屏和退出全屏实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下应用场景:
比如...
2020-05-27
微信小程序 checkbox使用实例解析
这篇文章主要介绍了微信小程序 checkbox使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图如下:实例代...
2020-05-27
layer关闭当前窗口页面以及确认取消按钮的方法
如下所示：function demo() { layer.confirm('您是如何看待前端开发？', { btn: ['重要','奇葩'] //按钮 }, function(){ var index = parent.layer.getFrameIndex(window.nam...
2020-05-27
微信小程序 wx:for遍历循环使用实例解析
这篇文章主要介绍了微信小程序 wx:for遍历循环使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图如下:...
2020-05-27
layer.confirm点击第一个按钮关闭弹出框的方法
layer.confirm弹出框，当你点击第一个按钮的时候，这个弹出层不会关闭，也是给一些小伙伴带来了一些困扰，下面分享两个解决方案：①可以将第一个按钮的回调函数传一个index，然后使用la...
2020-05-27
Node.js之删除文件夹(含递归删除)代码实例
应用场景:比如像Eclipse这样的IDE，右击项目，出现选项，点击选项中的删除，就可以删除这个项目及其下的子目录包含文件(使用electron开发的桌面端项目多少都会用到)。核心代码如下:...
2020-05-27
layui插件表单验证提交触发提交的例子
废话不多说，大家直接看代码吧！<!------HTML部分---------> <form class="layui-form" action="{:url('login/login')}" method="post"> <div class="logi_content">...
2020-05-27
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
layui原生表单验证的实例
在网上看到很多validform和layer配合的验证方式，但是觉得写的不好，不清不楚的，于是研究了一下layui原生的验证1. 在需要验证的item上加 lay-verify=“value” ，在提交按钮上加 l...
2020-05-27
关于layui表单中按钮自动提交的解决方法
layui表单中的按钮会自动提交，这是一个很麻烦的事情。这几天项目中多次用到表单按钮，仔细研究了下，找到了解决方法：1、如果不需要放在表单中的按钮，最好不要放在表单中，不在layui...
2020-05-27
vue给对象动态添加属性和值的实例
一、背景介绍：在vue中请求接口中，一个请求方法可能对应后台两个请求接口，所以请求参数就会有所不同。需要我们先设置共同的参数，然后根据条件动态添加参数属性。二、案例let tha...
2020-05-27
解决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
解决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
关于layui 弹出层一闪而过就消失的解决方法
听说是因为 JQuery 的版本冲突问题，在找到具体问题之前，先在代码里加一个 return false 解决问题；<button class="layui-btn" lay-submit lay-filter="test" οnclick="return...
2020-05-27
防止Layui form表单重复提交的实现方法
在提交表单数据时，提交按钮为 submit 类型，以layui为js框架时，会重复提交表单数据，为防止这一情况，有效的做法是：在<form>里面，加上 lay-filter="formConfig" , οnsubmit="return...
2020-05-27
解决layer.open弹出框不能获取input框的值为空的问题
最近使用layer框架来做页面弹出框操作。总是不能获取弹出框中input的值，代码如下：红色标记区域添加js代码 //Ajax添加品牌 function addBrandWI(){ layer.open({ type: 0, t...
2020-05-27
解决layui的input独占一行的问题
1.input标签独占一行，与button标签无法同行显示（使用position属性进行设置，position属性详见。）解决方法：一.对button的position进行设置，使之与input同行。二.将input与button放...
2020-05-27
npm 语义版本控制详解
场景引入开发时，经常需要依赖一些模块（包），我们进行了下载之后，便一直在该版本的模块环境下进行开发，但是线上的服务器（其他开发者）一般都是根据依赖来配置文件，重新下载各个模块，但是...
2020-05-27
VScode格式化ESlint方法(最全最好用方法)
ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。背景：
近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式...
2020-05-27
layer.open回调获取弹出层参数的实现方法
如下所示：layer.open({ type : 2, title : '重命名', maxmin : true, shadeClose : true, // 点击遮罩关闭层 area : [ '200px', '150px' ], content : getContext() +...
2020-05-27
vscode中eslint插件的配置（prettier配置无效）
用vue-cli构建vue项目，会有个eslint代码检测的安装可vscode自带代码格式化是prettier格式（右键有格式化文件或alt+shift+f）这时候要在vscode上装一个eslint插件装完后在文件---...
2020-05-27
原生js基于canvas实现一个简单的前端截图工具代码实例
这篇文章主要介绍了原生js基于canvas实现一个简单的前端截图工具代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考...
2020-05-27
layui表格 返回的数据状态异常的解决方法
最近用到了layui表格组件,结果发现数据返回状态异常 在网上查询了下是因为需要转成固定个格式然而layui的table默认返回的数据格式为：response: { //定义后端 json 格式，详细...
2020-05-27
Node.js使用MongoDB的ObjectId作为查询条件的方法
当往MongoDB中插入一条数据时，会自动生成ObjectId作为数据的主键。 那么如何通过ObjectId来做数据的唯一查询呢？在MongoDB中插入一条数据
在MongoDB中插入一条如下结构的数据：{...
2020-05-27
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
最近，在项目中使用到了layer。layer的弹层组件可以说是非常好用，layer 至今仍作为 layui 的代表作。在项目中，需要实现一个在表格里面点击操作，然后弹出layer层，将父层表格的行值...
2020-05-27
layer弹出层自定义提交取消按钮的例子
首先从js开始/** * 检查是否选中 */Sendandre.check = function () { var selected = $('#' + this.id).bootstrapTable('getSelections'); if (selected.length === 0) {...
2020-05-27
layui下拉框获取下拉值(select)的例子
如下所示： <script type="text/javascript"> $(document).ready(function () { layui.use('form', function(){ var form = layui.form; form.render(); form....
2020-05-27
解决layui-open关闭自身窗口的问题
如下所示：1、这里的弹窗弹出来的是一个页面，经过了后台才弹出来的一个页面1.1、弹窗的实现1.1.1、 js 部分 function getArticleById(articleId){ var index = layer.open({...
2020-05-27
layui导出所有数据的例子
layui自带的导出，是导出当前页的数据，以下方法是导出所有数据<button class="layui-btn layui-btn layui-btn-warm" οnclick="excl_rep()">导出</button>//导出function excl...
2020-05-27
es6中reduce的基本使用方法
前言为啥要把es6 中 reduce 单独拿出来说呢，因为这个功能实在太骚，值得如此。
reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。reduce...
2020-05-27
layui监听工具栏的实例(操作列表按钮)
废话不多说，直接上代码吧！<table id="demo" lay-filter="test"></table><script type="text/html" id="barDemo"> <a class="layui-btn layui-btn-xs" lay-event="edit">查看...
2020-05-27
layui表格内放置图片,并点击放大的实例
我就废话不多说了，直接上代码吧！cols: [[ //表头 { field: 'brand_img_url', title: '图片', sort: true, templet: function(d){ return '<div...
2020-05-27
js中console在一行内打印字符串和对象的方法
在前端开发中，大多数的调试一般都是F12中的console和network中查看请求数据和响应数据，也有一部分人喜欢用debugger。在开发大一些的项目时，在开发环境下，打开着控制台，切换一下...
2020-05-27
微信小程序实现pdf、word等格式文件上传的方法
目前微信只支持从聊天记录里面获取文件一.前言
目前微信提供了一个接口 wx.chooseMessageFile 它能让用户从聊天记录里面选择一个或者多个文件,然后返回它的一些信息,列...
2020-05-27
js获取 gif 的帧数的代码实例
使用 javascript 获取 GIF 图的帧数，如果帧数过大，则不让传到服务器这里是使用一个插件： github地址为： https://github.com/buzzfeed/libgif-js<!DOCTYPE html><html> <head>...
2020-05-27
如何通过shell脚本自动生成vue文件详解
前言最近在写nuxt项目时候每次新建页面都要去新建然后引入各种需要的依赖很是麻烦，所以想写一个脚本自动生成文件 省去手动新建
现写下实现方法 给大家参考Mac下可直接运行
W...
2020-05-27
Elasticsearch实现复合查询高亮结果功能
一.Es的配置实现es的全文检索功能的第一步,首先从与es进行连接开始,这里我使用的是es的5.x java api语法.public TransportClient esClient() throws UnknownHostException{...
2020-05-27
