JavaScript - 教程之家

75浏览

0评论

微信小程序左滑删除实现代码实例

这篇文章主要介绍了微信小程序左滑删除实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下<view class="touch...

2020-05-27

215浏览

0评论

解决微信小程序中的滚动穿透问题

Mask-Scroll> 原码地址 *蒙层防穿透问题> 蒙层穿透就是，当你用fixed 布局让蒙层显示的时候，手指滑动屏幕会出现底部内容也滑动的现象. 如图：当蒙层出现的时候，你滚动屏幕，底部内...

2020-05-27

86浏览

0评论

JavaScript生成一个不重复的ID的方法示例

本文介绍了JavaScript生成一个不重复的ID的方法示例，分享给大家，具体如下：/** * 生成一个用不重复的ID */function GenNonDuplicateID():String{ }先看看下面的几个方法
1.生成...

2020-05-27

93浏览

0评论

Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法

Index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格内容溢出省略号显示</title> <style type="text/css"> .contain { font-...

2020-05-27

144浏览

0评论

关于Layui Table隐藏列问题

layui没有提供Table隐藏列的功能（只是写这个文档的时候没有提供）。第一步：获取Layui的TableBox Jquery对象var _table_box = $(this._table_elem).next().find(".layui-table-b...

2020-05-27

36浏览

0评论

基于layui轮播图满屏是高度自适应的解决方法

在做官网时，遇到轮播图的问题，本来自己写了个轮播图，怎奈有个问题（当我打开页面后去浏览其他页面，回来首页后会有图片会来回闪动，没有正确轮播）一直没有解决。后来看到了layui插件...

2020-05-27

74浏览

0评论

解决layui轮播图有数据不显示的情况

最近接触了一个项目，要实现一个轮播图的功能，因为是在原有的项目上进行二次开发，项目前端用的是layui框架，楼主是后台方向，没怎么接触过前端，在用layui实现轮播图时，发现异步从后台...

2020-05-27

69浏览

0评论

解决layer.confirm选择完之后消息框不消失的问题

如下所示：layer.confirm('主题库里已存在相同的表',function(){。。。。。。。。。。//处理结果 });当用户选择完确定之后，消息框不会消失，并且代码会继续执行，会出现代码后需要...

2020-05-27

98浏览

0评论

layui 关闭open弹出框刷新table表格页面的方法

如下所示：保存后刷新table表格源码//弹出框layer.open({ type: 2, shadeClose: true, shade: 0.3, maxmin: true, area: ['80%', '95%'], title: '', content: '', end: func...

2020-05-27

74浏览

0评论

uni app仿微信顶部导航条功能

最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在...

2020-05-27

35浏览

0评论

JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例

屏蔽f12审查<script>document.onkeydown = function () {if (window.event && window.event.keyCode == 123) {alert("F12被禁用");event.keyCode = 0;event.returnValue =...

2020-05-27

54浏览

0评论

JS扁平化输出数组的2种方法解析

这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.使用数组的flat方...

2020-05-27

34浏览

0评论

Vue 自定义指令功能完整实例

本文实例讲述了Vue 自定义指令功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义指令</title> <script...

2020-05-27

59浏览

0评论

Vue Extends 扩展选项用法完整实例

本文实例讲述了Vue Extends 扩展选项用法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue Extends 扩展选项</...

2020-05-27

54浏览

0评论

Vue的生命周期操作示例

本文实例讲述了Vue的生命周期操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue的生命周期</title> <scrip...

2020-05-27

46浏览

0评论

关于vue项目中搜索节流的实现代码

我们经常会遇到这种需求，现在我们在使用百度搜索的时候他们的思想也是根据防抖节流而实现的，至于用防抖还是节流根据自己需求。<template> <input type="text" v-model.trim=...

2020-05-27

81浏览

0评论

vue.js购物车添加商品组件的方法

现实向购物车添加商品组件代码<template><div class="cartcontrol">  <div class="reduce" v-show="food.count>0"> <i class="icon-remove_circle_out...

2020-05-27

117浏览

0评论

Vue 自定义标签的src属性不能使用相对路径的解决

场景吾辈在使用 Vuetify 时突然遇到的，明明 img 标签就可以使用相对路径获取到图片，而 Veutify 的组件 v-img 却不能使用。如下面 3 种加载图片的方式<v-img...

2020-05-27

53浏览

0评论

三步实现ionic3点击退出app程序

本文实例为大家分享了ionic3点击退出app程序的具体代码，供大家参考，具体内容如下其实也很简单。大概分为三步1.tabs.ts文件需要声明一下@ViewChild('mainTabs') tabs:Tabs;//...

2020-05-27

54浏览

0评论

ionic2.0双击返回键退出应用

最近才把ionic的版本更新到2.0，所以便想感受一下2.0版本带来的新体验。看了官方网站以及网上的各种介绍后，才知道这2.0版本结合了TypeScript和ES6，和1.0+版本有很大的不同，所以...

2020-05-27

1052浏览

0评论

kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.

kafka报错内容：WARN [Consumer clientId=consumer-1, groupId=console-consumer-950] Connection to node -1 could not be established. Broker may not be available.这是...

2020-05-27

55浏览

0评论

微信小程序实现蒙版弹出窗功能

话不多说上代码。
wxml:<view class="page"> <button bindtap="showMask"> 弹出 </button> <view catchtouchmove="preventTouchMove" class="alert-mask" wx:if="{{showMo...

2020-05-27

55浏览

0评论

小程序的上传文件接口的注意要点解析

小程序的上传文件接口的注意需要对接口返回的数据转换为 JavaScript 对象// JSON.parse()将JSON格式的数据转换为 JavaScript 对象<br><br>JSON.parse(res.data)官方文档htt...

2020-05-27

37浏览

0评论

Vue的属性、方法、生命周期实例代码详解

实例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...

2020-05-27

67浏览

0评论

ionic+html5+API实现双击返回键退出应用

使用ionic+MUI联合开发app，鉴于ionic单方面实现的双击返回键过于复杂，所以想出了使用ionic与html5+API一起使用实现双击返回键退出应用，单击返回键返回上层的功能。
$scope.lis...

2020-05-27

85浏览

0评论

如何使用proxy实现一个简单完整的MVVM库的示例代码

前言MVVM 是当前时代前端日常业务开发中的必备模式（相关框架如react，vue，angular 等），使用 MVVM 可以将开发者的精力更专注于业务上的逻辑，而不需要关心如何操作 dom。虽然现在都...

2020-05-27

117浏览

0评论

Cordova(ionic)项目实现双击返回键退出应用

Android原生项目实现双击返回键退出应用，是十分简单的，添加如下代码即可实现：//记录按键时间 private long exitTime; @Override public boolean onKeyDown(int keyCode, Ke...

2020-05-27

49浏览

0评论

详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑

还是表单验证的问题，发现如果表单内有使用BootStrap-select的下拉选框，在重置表单内容时，会触发对下拉选框的验证，并且验证的提示不会被清除，仍然会存在。
1.HTML结构
<form id="...

2020-05-27

50浏览

0评论

js全屏事件fullscreenchange 实现全屏、退出全屏操作

本文实例为大家分享了js全屏事件fullscreenchange，实现全屏、退出全屏操作，供大家参考，具体内容如下1.进入全屏function launchFullscreen(element) { if (element.requestFull...

2020-05-27

44浏览

0评论

js模拟F11页面全屏显示

本文实例为大家分享了js模拟F11页面全屏显示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试全屏</title></h...

2020-05-27

58浏览

0评论

js实现简单页面全屏

本文实例为大家分享了js实现简单页面全屏，供大家参考，具体内容如下全屏效果为传入div元素全屏：代码块<html> <meta http-equiv="Content-Type" content="text/html; charset=ut...

2020-05-27

84浏览

0评论

js实现窗口全屏示例详解

前言该 demo 包含全屏事件、退出全屏事件以及屏幕状态改变的钩子函数的封装
以下是一个完整示例，只需整体拷贝下来运行即可(注意引入了 jquery)
请在这里查看示例☞ ful...

2020-05-27

48浏览

0评论

解决layer 动态加载select 失效的问题

问题：现在select的一些插件都是隐藏掉原生select域，然后生成一个div框架来做样式和动态效果，但是这些组件在layer弹出层中都没有反应解决办法：form.render('select');//局部渲染...

2020-05-27

98浏览

0评论

layui的布局和表格的渲染以及动态生成表格的方法

整体的效果：一、首先百度搜索layui的地址，然后下载layui的压缩包，，将压缩包的文件解压缩，然后将解压缩后的文件复制到你的编译器上；二、建立一个html文件，引入layui.css 和 layui.j...

2020-05-27

57浏览

0评论

详解element-ui中表单验证的三种方式

最近项目中一直使用的element-ui作为前端框架，对于最常使用的表单验证，做出以下总结：第一种常用方式：表单上加rules｛object｝<el-form class="apply-form first-form" :model="form...

2020-05-27

134浏览

0评论

Flutter实现仿微信底部菜单栏功能

import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { retur...

2020-05-27

248浏览

0评论

解决使用layui对select append元素无效或者未及时更新的问题

一、问题本人在使用layui使用了select按钮，点击是js脚本会异步请求后台接口获取json数据，然后layui将json数据渲染到select上，然而获取接口数据没有问题，就是无法更新。本人使用...

2020-05-27

46浏览

0评论

layui问题之自动滚动二级iframe页面到指定位置的方法

一、问题前提：用的layui框架目标：改变iframe页面滚动条位置问题：没有麻溜溜的滚。。二、经过刚开始，以为只要滚动iframe里面的元素就行了，页面所有元素都在section里面，就通过sect...

2020-05-27

68浏览

0评论

过滤器vue.filters的使用方法实现

写项目的时候，有一些方法我们是需要全局使用的，比如数字的四色五入保留小数点啊、一些工具方法、字符的格式化啊等等。这些很多页面需要用的、使用频率极高的方法，我们一般会将...

2020-05-27

88浏览

0评论

使用Node.js在深度学习中做图片预处理的方法

背景最近在做一个和对象识别相关的项目，由于团队内技术栈偏向 JavaScript，在已经用 Python 和 Tensorflow 搭建好了对象识别服务器后，为了不再增加团队成员维护成本，所以尽可能...

2020-05-27

87浏览

0评论

layui 实现二级弹窗弹出之后关闭一级弹窗的方法

场景：需要在二级弹窗弹出之后关闭一级弹窗自己大概看了下官方文档没有获取一级弹窗的索引的方法(你看的了话麻烦给个链接谢谢)自己的解决方案：在父页面加个关闭一级弹窗...

2020-05-27

83浏览

0评论

快速解决layui弹窗按enter键不停弹窗的问题

问题描述：layui弹窗后按enter键不停的弹出，背景变得越来深解决办法一：如图解决办法二：（一个姓杨的大腿解决）以上这篇快速解决layui弹窗按enter键不停弹窗的问题就是小编分享给大家...

2020-05-27

60浏览

0评论

vue语法自动转typescript(解放双手)

代码的复用是一件很常见的事情，如果是公共代码的复用那还好说，直接做成一个内部私有库，想用的话安装一下 npm包就行了，但是业务代码的复用就不好做成包了，一般都是复制粘贴
我一...

2020-05-27

82浏览

0评论

layui的layedit富文本赋值方法

layedit赋值方法如下/*** 设置编辑器内容* @param {[type]} index 编辑器索引* @param {[type]} content 要设置的内容* @param {[type]} flag 是否追加模式*/layedit.setCo...

2020-05-27

38浏览

0评论

微信小程序授权登陆及每次检查是否授权实例代码

授权登录<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo" class="fix">登录</button>//index.js//获取应用实例var APPID ='xxx'var SECRET...

2020-05-27

108浏览

0评论

Typescript的三种运行方式(小结)

一、在线complier
这种方式最简单，不需在本地做任何配置安装，只需进入Typescript的官网，点击里面的playground就可以直接写代码了。但这种方式只适用于测试而不适用于开发。二...

2020-05-27

57浏览

0评论

使用layui 的layedit定义自己的toolbar方法

官方文档：http://www.layui.com/demo/layedit.html官网文档目前是不支持layedit扩展式的。自己手动实现扩展，定义自己的样式toolbar：1.样式代码分析分析页面初始化后加载的样式...

2020-05-27

50浏览

0评论

layui富文本编辑器前端无法取值的解决方法

首先，需要简单说下layui这个框架，个人觉得属于那种比较好用的框架，包括他的极简流畅的弹框，很适合那种主要写后端的程序员和快速开发的团队本期主要讲的是layui富文本编辑器这个...

2020-05-27

45浏览

0评论

layui输入框中只允许输入整数的实现方法

如下所示：<input class="layui-input" onkeyup="value=zhzs(this.value)" lay-verify="required|number" id="" name="" value="" maxlength="7">//转化正整数function zhzs(...

2020-05-27

71浏览

0评论

Vue Components 数字键盘的实现

本文介绍了Vue Components 数字键盘的实现，分享给大家，具体如下：项目地址点击查看
项目演示点击查看
首先监听所有的input，有input聚焦时调起数字键盘，通过getBoundingClien...

2020-05-27

热门文章