编程开发 - 教程之家

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 02:34:44

102浏览

0评论

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

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

2020-05-27 02:34:39

140浏览

0评论

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

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

2020-05-27 02:34:34

123浏览

0评论

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

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

2020-05-27 02:34:31

142浏览

0评论

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

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

2020-05-27 02:34:28

126浏览

0评论

深入理解javascript prototype的相关知识

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

2020-05-27 02:34:19

128浏览

0评论

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

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

2020-05-27 02:34:17

162浏览

0评论

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

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

2020-05-27 02:34:16

220浏览

0评论

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

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

2020-05-27 02:34:14

155浏览

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 02:34:11

120浏览

0评论

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

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

2020-05-27 02:34:08

105浏览

0评论

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

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

2020-05-27 02:34:07

132浏览

0评论

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

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

2020-05-27 02:34:06

125浏览

0评论

Node 代理访问的实现

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

2020-05-27 02:34:05

135浏览

0评论

layui自定义工具栏的方法

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

2020-05-27 02:34:03

131浏览

0评论

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

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

2020-05-27 02:34:02

128浏览

0评论

iview form清除校验状态的实现

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

2020-05-27 02:34:02

121浏览

0评论

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

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

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

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

2020-05-27 02:34:00

132浏览

0评论

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

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

2020-05-27 02:33:59

159浏览

0评论

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

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

2020-05-27 02:33:58

149浏览

0评论

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

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

2020-05-27 02:33:55

126浏览

0评论

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

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

2020-05-27 02:33:54

102浏览

0评论

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

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

2020-05-27 02:33:53

135浏览

0评论

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

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

2020-05-27 02:33:52

132浏览

0评论

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

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

2020-05-27 02:33:51

92浏览

0评论

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

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

2020-05-27 02:33:50

125浏览

0评论

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

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

2020-05-27 02:33:49

123浏览

0评论

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

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

2020-05-27 02:33:47

112浏览

0评论

Vue 实例事件简单示例

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

2020-05-27 02:33:46

128浏览

0评论

Layui table field初始化加载时进行隐藏的方法

layui应该是现在用的比较多的前端框架了，尤其是layui.table数据表格非常强大。在很多时候，我们需要从数据库中拿到记录的id，但是我们又不希望在页面上展现，所以需要对一些字段进...

2020-05-27 02:33:45

105浏览

0评论

基于js实现抽红包并分配代码实例

这篇文章主要介绍了基于js实现抽红包并分配代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下将 50000元随机分给...

2020-05-27 02:33:44

123浏览

0评论

layui对工具条进行选择性的显示方法

layui工具栏根据状态动态显示代码<script type="text/html" id="structoption1">//此处id为layui中 toolbar: '#structoption1'（是表单中的工具条） {{# if(d.level==1){ }}//...

2020-05-27 02:33:43

125浏览

0评论

Vue.set 全局操作简单示例

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

2020-05-27 02:33:42

128浏览

0评论

Vue v-text指令简单使用方法示例

本文实例讲述了Vue v-text指令简单使用方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-text</title> <scr...

2020-05-27 02:33:41

160浏览

0评论

JS实现滚动条触底加载更多

原理1.通过监听滚动区域DOM的scroll事件, 计算出触底
// 滚动可视区域高度 + 当前滚动位置 === 整个滚动高度
scrollDom.clientHeight + scrollDom.scrollTop === scrollDom...

2020-05-27 02:33:40

134浏览

0评论

vue简单练习桌面时钟的实现代码实例

用vue实现一个简单的网页桌面时钟，主要包括时钟显示、计时、暂停、重置等几个功能。效果图如下，页面刚进来的时候是一个时钟，时钟上显示的时、分、秒为当前实际时间，点击计时器...

2020-05-27 02:33:38

179浏览

0评论

nodejs实现聊天机器人功能

技术栈服务端：koa、koa-route、koa-websocket、request。客户端：html、css、js、websocket。远程聊天API： http://api.qingyunke.com/api.php?key=free&appid=0&msg=msg。...

2020-05-27 02:33:37

135浏览

0评论

用原生JS实现爱奇艺首页导航栏代码实例

最近接到领导的任务，要给外面的学生上几节前端课，备课的时候准备了一些小项目，在此记录一下。以下是爱奇艺首页的一个导航栏，用原生js写的，静态页面效果如下：代码如下：<html><head>...

2020-05-27 02:33:36

112浏览

0评论

Layui数据表格前后端json数据接收的方法

先上效果图：前端数据表格： <div class="x-body"> <%-- 数据表格 --%> <table class="layui-table" lay-data="{ id:'test', url:'/menu/page', page:true, limits:...

2020-05-27 02:33:35

134浏览

0评论

解决layui的table插件无法多层级获取json数据的问题

对于layui的table插件无法多层级获取json数据的解决方法,版本：2.2.6根据官方文档你接口返回的数据格式，遵循 response 对应的字段名称。默认的格式为如下：{ code: 0,//数据状...

2020-05-27 02:33:34

142浏览

0评论

基于layui的table插件进行复选框联动功能的实现方法

实际项目功能：给员工账号进行分配权限（增加权限，修改权限）实现思路：用表格展示权限列表–>勾选分配该账号的权限–>调用接口出现的问题：因为某些权限之间是有关联的，比如： “ 查看材...

2020-05-27 02:33:33

110浏览

0评论

layui 数据表格复选框实现单选功能的例子

我就废话不多说了，大家直接看代码吧！希望能帮助到你如下所示：//点击选中(单选)//单击行勾选checkbox事件 $(document).on("click",".layui-table-body table.layui-table tbod...

2020-05-27 02:33:32

100浏览

0评论

layui默认选中table的CheckBox复选框方法

方法一：如何根据条件判断是否默认选中table表格前面的复选框table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , title: '用户列表' , page: true //...

2020-05-27 02:33:32

125浏览

0评论

基于layui table返回的值的多级嵌套的解决方法

我在学习layui的过程中遇到了table返回值的问题，如果服务器端返回给你的数据是多级嵌套的话，那你在前台是解析不了的，在table.js源码中它渲染数据是用了data = res[options.re...

2020-05-27 02:33:31

109浏览

0评论

利用JS代码自动删除稿件的普通弹幕功能

事情的起因是在b站投稿了一个高级弹幕测试的视频（av9940487），但是由于b站的弹幕池机制是新的弹幕顶掉旧的弹幕，所以导致一些人发的高级弹幕很快就被顶掉了。所以就想着写个脚本...

2020-05-27 02:33:30

108浏览

0评论

layui动态绑定事件的方法

Tips:很多前端新手会遇到动态创建DOM（html片段）的场景，原来的点击事件无法生效。以及成熟的layui框架动态创建DOM（html片段）不知道如何解决，接下来为大家解释其实现的原理，是主要是...

2020-05-27 02:33:28

135浏览

0评论

刷新页面后让控制台的js代码继续执行

在各种限时，秒杀活动中，有个自动循环的点击的工具是很重要的。为了方便起见，我们把Js代码放在浏览器的控制台执行，但是刷新页面后，js代码就清空了，也就无法执行。可以用js代码实现...

2020-05-27 02:33:27

首页 «1493 149414951496 1497 »尾页

热门文章