115浏览

0评论

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

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

• 2020-05-27

107浏览

0评论

Vue 实例事件简单示例

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

• 2020-05-27

125浏览

0评论

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

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

• 2020-05-27

98浏览

0评论

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

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

• 2020-05-27

117浏览

0评论

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

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

• 2020-05-27

119浏览

0评论

Vue.set 全局操作简单示例

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

• 2020-05-27

120浏览

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

153浏览

0评论

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

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

• 2020-05-27

127浏览

0评论

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

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

• 2020-05-27

173浏览

0评论

nodejs实现聊天机器人功能

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

• 2020-05-27

128浏览

0评论

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

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

• 2020-05-27

104浏览

0评论

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

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

• 2020-05-27

127浏览

0评论

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

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

• 2020-05-27

138浏览

0评论

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

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

• 2020-05-27

103浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

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

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

• 2020-05-27

119浏览

0评论

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

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

• 2020-05-27

100浏览

0评论

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

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

• 2020-05-27

100浏览

0评论

layui动态绑定事件的方法

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

• 2020-05-27

129浏览

0评论

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

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

• 2020-05-27

124浏览

0评论

关于layui 下拉列表的change事件详解

默认情况下，事件所监听的是全部的form模块元素，但如果你只想监听某一个元素，使用事件过滤器即可。如：<select lay-filter="test"></select>监听select下拉选择框被选中时触发，回...

• 2020-05-27

121浏览

0评论

在layui框架中select下拉框监听更改事件的例子

在select 加入红框中的代码（看不到红框的往右拖动一点）事件监听select（这里面是上面图中红框内容 可自定义）以上这篇在layui框架中select下拉框监听更改事件的例子就是小编分...

• 2020-05-27

112浏览

0评论

微信小程序实现打开并下载服务器上面的pdf文件到手机

谈一谈ios的bug: 关于ios系统的bug这块也是快把柚子给逼疯了啊，ios系统是没有文件管理的，柚子用了很多办法，最后终于确定不管用什么办法ios都是实现不了下载的，只能实现...

• 2020-05-27

121浏览

0评论

layui 中select下拉change事件失效的解决方法

layui 中select下拉change事件失效的处理方法1.select中添加 lay-filter=“test”<select lay-filter="test"></select>2.处方方法form.on('select(test)', function(data){...

• 2020-05-27

118浏览

0评论

vue+layui实现select动态加载后台数据的例子

刚开始由于layui form渲染与vue渲染有时间差 有时会导致 select里面是空白的后来就想办法 等vue数据渲染完 再渲染layui form试过模块化导入layui form组件 然后等vue数据渲...

• 2020-05-27

139浏览

0评论

vue实现直播间点赞飘心效果的示例代码

前言：
在开发公司项目的时候，遇到了直播间的一些功能，其中点赞冒泡飘心，就折腾了好久，canvas学的不好，自己写不来，百度找了一堆都是js原生写法，迁移到vue项目里来好多问题，百度也解决...

• 2020-05-27

106浏览

0评论

微信小程序实现图片翻转效果的实例代码

老规矩，先上图：页面：<view class='rotateCtn' bindtap='rotateFn'> <!--正面的框 --> <view class='frame {{class1}}'> <image src="{{vo.cover1}}"></image> </view> <!--背...

• 2020-05-27

136浏览

0评论

详解利用nodejs对本地json文件进行增删改查

哈喽！nodejs的文件系统，接触过node的对node的文件系统肯定不会陌生，这两天我就在思考一个问题，我是否可以在本地操作我的本地json文件，这样一个本地的文本数据库就有了，如果是便签...

• 2020-05-27

119浏览

0评论

微信小程序里引入SVG矢量图标的方法

引言因为微信小程序的限制，引入外部图片或者矢量图，只能通过设置背景图片background-image : url("base64转码后的代码");的方式来进行操作。同时还是因为微信小程序的限制，我...

• 2020-05-27

112浏览

0评论

解决layui动态添加的元素click等事件触发不了的问题

在页面加载完成时候 '.add_project' 元素是可以触发click时间的，当动态添加 '.add_project' 时候，新添加的元素却触发不了click事件，类似下面的写法：$(".add_project").on('clic...

• 2020-05-27

119浏览

0评论

解决Layui中templet中a的onclick参数传递的问题

以下是我的模板，主要用在列表页table中的按钮，点击弹窗展开详情页的功能。<script type="text/html" id="contentTpl"> <a href='javascript:;' class="layui-btn layui-bt...

• 2020-05-27

132浏览

0评论

基于layui内置模块(element常用元素的操作)

常用元素操作是个什么鬼，从官方解释简单来说就是在页面中有一些动态的效果，当然不是我们说的动态网页那个动态，这些动态效果呢，就是通过我们去加载element模块以后，默认为页面的...

• 2020-05-27

117浏览

0评论

小程序使用watch监听数据变化的方法详解

众所周知，Vue中，可以使用监听属性 watch来观察和响应 Vue 实例上的数据变化，那么小程序能不能实现这一点呢？监听器的原理，是将data中需监听的数据写在watch对象中，并给其提供一个...

• 2020-05-27

131浏览

0评论

layui问题之模拟table表格中的选中按钮选中事件的方法

一、问题不操作页面，实现table表格中的checkbox选中功能二、经过刚开始的思路：1、通过table的id，找到table渲染时生成的div，即table的下一个兄弟节点div.layui-table-view2、由...

• 2020-05-27

102浏览

0评论

使用Layui搭建后台管理界面的操作方法

Layui是一个样式比较丰富艳丽的UI框架，通过自学了相关api文档，自己手工搭建了一个后台管理页面。页面布局是常用的一套，上面是一个logo，左边区域是一个导航，中间是内容tab页，底部...

• 2020-05-27

104浏览

0评论

SSM+layUI 根据登录信息显示不同的页面方法

最近在用SSM+layUI做自己的一个小项目，用到要根据登录信息显示不同页面的问题，和大家分享下，如有不足，欢迎指出。在开始之前先给大家看下效果用户登录之前，登录位置显示的是登录...

• 2020-05-27

119浏览

0评论

小程序如何获取多个formId实现详解

很多人使用过form和button的多层嵌套来实现点击一次获取多个formId的目的，如下图所示，点击一次“提交”，可以获取到多个formId但是在今年3月份，这个投机取巧的方法（算是微信的一...

• 2020-05-27

137浏览

0评论

解决layUI的页面显示不全的问题

在做项目时页面显示不全可以在layui的css中直接改属性layui-tab-item找到这个属性，直接修改高度，如果是谷歌浏览器的话记得清缓存。还有就是在嵌入时修改属性<iframe scrollin...

• 2020-05-27

135浏览

0评论

微信用户访问小程序的登录过程详解

概述当你开发完了一个小程序并部署上线后，某个微信用户第一次访问这个小程序的时候，会弹出一个授权界面，用户可以选择是否使用微信登录，如果选择是，则直接进入到小程序。当你第二...

• 2020-05-27

107浏览

0评论

微信小程序跳转到其他网页(外部链接)的实现方法

个人类型和海外类型的小程序不支持 web-view 标签 也就是说个人申请的小程序，就别想跳转了！！！！1.开发的时候，我们难免碰到要跳转到其他网页中去那该怎么实现呢？2.例如我想点击一个...

• 2020-05-27

124浏览

0评论

Vue+iview+webpack ie浏览器兼容简单处理

环境介绍： vue: ^2.5.2 iview: ^3.1.0 Webpack: ^3.8.1前情提要： ie 浏览器不支持 ES6 Promise 的语法。 ie8 及以下对 html5 标签不兼容（可以通过引入html5shiv包解决，本...

• 2020-05-27

227浏览

0评论

微信小程序如何播放腾讯视频的实现

1.背景
因为当时需要做视频播放，后台存放视频文件又不现实。所以，做了一个能解析腾讯视频地址的并播放视频的小程序。2.介绍
小程序里的解析腾讯视频地址的代码是参考了一个开...

• 2020-05-27

130浏览

0评论

vuex根据不同的用户权限展示不同的路由列表功能

需求描述最近接到一个新的需求，要求将系统的用户进行分类，用户登陆后根据不同的用户权限展示不同的功能列表。这个功能在后台管理中很常见，大致的思路是后台返回用户类型，前端根...

• 2020-05-27

184浏览

0评论

浅谈layui分页控件field参数接收对象的问题

第一次使用layui分页控件，遇到的问题。。field: 'type.typeName' 获取不到值。页面代码table.render({ elem: '#bookTable' ,height: 'full-20' ,url: '/admin/getBook'...

• 2020-05-27

136浏览

0评论

生成无限制的微信小程序码的示例代码

概述现在除了用二维码之外，微信还可以为我们生成小程序码，大概长这个样子。
如果要生成无限制的小程序码，需要几个步骤
1、小程序某个页面的地址,也即是指定page参数的值；
2...

• 2020-05-27

169浏览

0评论

使用layui实现树形结构的方法

树形结构在项目中使用是比较，下面我来介绍一种layui做树形结构的方法树形结构需要获得的数据有父id，所以数据库需要有父id：后台代码： @RequestMapping(value = "/lists")public...

• 2020-05-27

93浏览

0评论

教你如何用Node实现API的转发（某音乐）

前言
你有没有过这样的经历：每当想写个项目来学习新技术的时候，却发现因为没有一套成熟的免费接口，而导致想法被扼杀摇篮。前段时间，笔者准备学一下hooks的姿势；苦于没有比较好的...

• 2020-05-27

184浏览

0评论

layui table复选框禁止某几条勾选的实例

Layui table复选框禁止勾选var list = [0,1,3];//获得禁用的tr的行index//遍历设置复选框禁用for(var i=0;i<list.length;i++){ $(".layui-table tr[data-index="+list[i]+"...

• 2020-05-27

169浏览

0评论

vuejs+element UI table表格中实现禁用部分复选框的方法

有时候我们构建这样带一列复选框的表格然后希望根据条件禁用某个列表项的选择框，可以这样写HTML：JS：以上这篇vuejs+element UI table表格中实现禁用部分复选框的方法就是小编分...

• 2020-05-27

127浏览

0评论

解决layui动态加载复选框无法选中的问题

问题描述1.最近用layui做后台界面，遇到layui跟ajax数据动态加载的checkbox，偶尔不能正常勾选，取消2.有分页时，最后一页数据过少会导致其他页下方数据无法选中3.页面没加载完或暴...

• 2020-05-27