JavaScript - 教程之家

138浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

158浏览

0评论

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

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

2020-05-27

287浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

100浏览

0评论

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

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

112浏览

0评论

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

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

100浏览

0评论

layui的layedit富文本赋值方法

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

166浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

69浏览

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

96浏览

0评论

Vue Components 数字键盘的实现

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

2020-05-27

99浏览

0评论

layui输入框只允许输入中文且判断长度的例子

今天写项目遇到一个问题，在输入老师昵称的时候需要控制input输入框不能为空，且字符的长度有限制，英文字符不能超过20，中文不能超过10。输入课程简介的时候，textarea只能输入中文...

2020-05-27

318浏览

0评论

layui lay-verify form表单自定义验证规则详解

官方文档详见：https://www.layui.com/doc/modules/form.html#verify虽然layui的官方文档已经是写的比较详细，但是初次使用的时候总会懵一下，这里纪录一下lay-verify自定义验证...

2020-05-27

83浏览

0评论

layui复选框限制选择个数的方法

复选框限制选择个数的方法html<div class="layui-form-item"> <label class="layui-form-label">xxx</label> <div class="layui-input-block"> <input class="educati...

2020-05-27

94浏览

0评论

微信小程序获取地理位置及经纬度授权代码实例

这篇文章主要介绍了微信小程序获取地理位置及经纬度授权代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信小...

2020-05-27

99浏览

0评论

layui 富文本编辑器和textarea值的相互传递方法

1.富文本编辑器传递值给textarea<div class="layui-form-item layui-form-text"> <label class="layui-form-label">资讯内容</label> <div class="layui-input-block">...

2020-05-27

75浏览

0评论

layui 富文本赋值，取值，取纯文本值的实例

layui 富文本赋值：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>layui</title><meta name="renderer" cont...

2020-05-27

70浏览

0评论

解决layui富文本编辑器图片上传无法回显的问题

layui富文本编辑器用起来挺方便的，但是不足的是不提供图片上传的接口，需要自己写上传接口，而且返回的数据类型要符合layui富文本编辑器图片上传插件的要求，否则图片可以上传成功...

2020-05-27

93浏览

0评论

微信小程序错误this.setData报错及解决过程

先说原因：function声明的函数和箭头函数的作用域不同，这是一个不小心坑的地方。可参考箭头函数说明：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Func...

2020-05-27

83浏览

0评论

vue 实现模糊检索并根据其他字符的首字母顺序排列

　　昨天让我做一个功能，实现一个模糊检索，我就想，那做呗，然后开始正常的开发　　代码如下：　　　HTML　　　　VUE　　因为是实时的，所以写了将逻辑写到了watch中　　　　五分钟搞...

2020-05-27

104浏览

0评论

基于Vue的商品主图放大镜方案详解

前言在做电商类应用时，难免会遇到商品主图实现放大镜效果的场景，现有的基于 Vue 的第三方包不多并且无法直接复用，今天，我来分享一种高稳定性的基于 Vue 的图片放大镜方法。实现...

2020-05-27

86浏览

0评论

深入理解javascript prototype的相关知识

如图比较好的阐述了prototype和__proto__简单的可以这么理解：狗类A( function foo()),狗类A的模板描述：A.模板 (foo.prototype)是一个对象object, A.模板有个构造方法foo.prot...

2020-05-27

79浏览

0评论

关于layui toolbar和template的结合使用方法

目的：为了完成表格操作列能够自适应表格行数据的某些条件而做出的变化（比如：表格单双行数据展示不同的操作栏等）在操作栏定义一个toolbar （后面的为我们要编写的模板ID），js 就完成...

2020-05-27

109浏览

0评论

vue-froala-wysiwyg 富文本编辑器功能

近期需要在vue3项目上做一个富文本编辑器，找了很多插件组件，最终决定用 froala。虽然不是免费的，但是功能实在是太强大了。froala 文档：https://www.froala.com/wysiwyg-editor/...

2020-05-27

174浏览

0评论

js 判断当前时间是否处于某个一个时间段内

js 判断当前时间(或者所选时间)是否在某一时间段我们可以使用 jutils - JavaScript常用函数库的 isDuringDate 函数来实现传入 beginDateStr （开始时间）， endDateStr（结束时间）使...

2020-05-27

109浏览

0评论

转换layUI的数据表格中的日期格式方法

转换layUI的数据表格中的日期格式前端jsp代码 <table class="layui-table" style="width:100%" lay-data="{url:'/why123/user/findUserAll?userType=0', page:true, id...

2020-05-27

82浏览

0评论

解决layui数据表格Date日期格式的回显Object的问题

有属性： private Date createtime;但是回显的时候，显示{ Object object }，想要转换成字符串格式显示。layui中显示：在对应的实体类中添加属性：private String createtimestr;然后...

2020-05-27

68浏览

0评论

微信小程序进入广告实现代码实例

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

2020-05-27

84浏览

0评论

浅谈laytpl 模板空值显示null的解决方法及简单的js表达式

laytpl 模板语法{{ d.field }} 输出一个普通字段，不转义html 官方的说明但d.field 为空时会显示nulllaytpl 模板空值显示null的解决方法
{{d.giftName}} 模板中当giftName...

2020-05-27

84浏览

0评论

Node 代理访问的实现

NODE代理访问1. 场景本地开发，代理访问，防止跨域（一般通过webpack配置代理即可），特殊情况如携带一些自定义的登录cookie则需要通过自己写node 作为一种server中间层，单线程异步...

2020-05-27

97浏览

0评论

layui自定义工具栏的方法

给大家分享的功能是layui自定义工具栏功能效果：开启数据表格头部工具栏区域关键参数：toolbar参数类型：String/DOM/Boolean参数说明：toolbar: ‘#toolbarDemo' //指向自定义工具...

2020-05-27

89浏览

0评论

对layui中table组件工具栏的使用详解

layui工具栏第一步：在table中引入table，在table控件下加入:fixed：'right',title:'操作',width:"28%",align:'center',toolbar:"#barlist"第二步：在table标签中加入以下js代码： <s...

2020-05-27

79浏览

0评论

iview form清除校验状态的实现

有个需求，要求对输入框进行启用/禁用的切换，同时在禁用时要清除输入框的校验状态（那个红框）。方法一：修改 formItem 字段属性在iview 的官方api 中并没找到清除校验状态的方法，...

2020-05-27

81浏览

0评论

微信小程序引入VANT组件的方法步骤

1.右键项目名称->在终端中打开

2.在终端输入 npm init 用来初始化，然后一直回车默认就Ok。
之后项目中会出现 project.config.json

内容为当前项目的配置信息以及依赖包的...

2020-05-27

97浏览

0评论

微信小程序和H5页面间相互跳转代码实例

这篇文章主要介绍了微信小程序和H5页面间相互跳转代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.微信小程序...

2020-05-27

114浏览

0评论

layui按条件隐藏表格列的实例

我就废话不多说了，直接上关键代码吧！给大家做个参考layui.use(['table','form','laypage'], function() { var table = layui.table ,form = layui.form ,laypage = layui.lay...

2020-05-27

84浏览

0评论

微信小程序防止多次点击跳转（函数节流）

场景
在使用小程序的时候会出现这样一种情况：当网络条件差或卡顿的情况下，使用者会认为点击无效而进行多次点击，最后出现多次跳转页面的情况，就像下图（快速点击了两次）：
解决办法...

2020-05-27

79浏览

0评论

layui 实现表格某一列显示图标

加个图标设备状态是不是一目了然在线设备往前排{ field: 'DevID', title: '设备ID', templet: function (d) { return d.iso == "1" ? "<i class='layui-icon'...

2020-05-27

65浏览

0评论

微信小程序3D轮播实现代码

这篇文章主要介绍了微信小程序3D轮播实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<...

2020-05-27

78浏览

0评论

解决layui数据表格排序图标被超出的表头挤出去的问题

如果表头过长,会出现超出显示三个省略号,然后把排序图标挤出去,看不到了,效果如下解决办法就是给图标加定位，过长的时候加上 .show-sort{ position: absolute;...

2020-05-27

91浏览

0评论

node 标准输入流和输出流代码实例

这篇文章主要介绍了node 标准输入流和输出流代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下使用node 在 CMD...

2020-05-27

56浏览

0评论

vue 设置 input 为不可以编辑的实现方法

我用最笨的方法，先实现功能先,用两个input,一个可以编辑，一个不可以编辑，失去焦点后隐藏可以点击的那个，点“编辑”时，显示可以编辑的那个input
<div class="edit-item"> <i...

2020-05-27

84浏览

0评论

微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能（函数防抖）

一、函数节流(throttle)**函数节流：一个函数执行一次后，只有大于设定的执行周期后才会执行第二次**。有个需要频繁触发函数，出于优化性能角度，在规定时间内，只让函数触发的第一次...

2020-05-27

72浏览

0评论

微信小程序常用的3种提示弹窗实现详解

1. 表示操作成功，文字上方会显示一个表示操作成功的图标。wx.showToast({ title: '操作成功！', // 标题 icon: 'success', // 图标类型，默认success duration: 1500 // 提...

2020-05-27

热门文章