layui自己添加图片按钮并点击跳转页面的例子
1.按钮样式 <table class="layui-hide" id="test" lay-filter="menu-filter" style="margin: 0 10px;"></table><script type="text/html" id="toolbtn"> <a class="" lay-...
2020-05-27
解决layer弹出层的内容页点击按钮跳转到新的页面问题
在参与的一个项目中，有一个这样的需求，导入基础数据成功后，默认弹出一个管理员登录页，点击登录按钮，需要跳到管理页面。导入页按钮：<button type="button" id="start" class="layu...
2020-05-27
layui使用form表单实现post请求页面跳转的方法
如下所示：window.location.href='url?param=' + paramValue;上面这种方式实现页面跳转附带参数，容易造成信息泄露；layui使用form表单实现post请求，避免信息泄露(设置form表...
2020-05-27
Layui Form 自定义验证的实例代码
1.前台页面 <div class="layui-form-item"> <label class="layui-form-label">BOM编号</label> <div class="layui-input-block"> <input type="text" class="layui-inpu...
2020-05-27
浅谈layui使用模板引擎动态渲染元素要注意的问题
摸索这个模板引擎碰到的问题，分享一下本人在实现使用laytpl实现动态渲染菜单，来减少静态代码时候碰到了，元素是成功渲染出来，但是折叠动画效果和点击事件都失效了，然后仔细看了一...
2020-05-27
解决layui的form里的元素进行动态生成,验证失效的问题
这问题和使用layTpl动态生成页面问题类似，详细进入https://www.freexyz.cn/article/170000.htmform有点不同就是需要把需要执行form.render()而不是element.render()；进行渲染...
2020-05-27
基于Layui自定义模块的使用方法详解
layui是一个极其不错的前端UI框架、是后端程序员的福音。总之如果你是一个后端开发者、如果你苦于你的界面“惨不忍睹”、选择layui来开发是个极好的选择。之前的项目也有使...
2020-05-27
使用layui定义一个模块并使用的例子
在使用layui的过程，有几个方法需要被多个js引用，所以我按照文档，自定义了一个layui的模块，下面实现过程先定义一个模块//定义模块layui.define(['form'], function(exports){ v...
2020-05-27
layui使用label标签的方法
1.//引入layui标签2.//body写代码<form class="layui-form" action=""> <div class="layui-inline"> <label class="layui-form-label">选择课程：</label> <div class=...
2020-05-27
解决layui调用自定义方法提示未定义的问题
问题：layui.use(['layer', 'form', 'element'], function(){ var layer = layui.layer ,form = layui.form ,element = layui.element function test(){ //JS代码 }});调...
2020-05-27
Vue 利用指令实现禁止反复发送请求的两种方法
前端做后台管控系统，在某些接口请求时间过长的场景下，需要防止用户反复发起请求。 假设某场景下用户点击查询按钮后，后端响应需要长时间才能返回数据。那么要规避用户返回点...
2020-05-27
Vue实现滑动拼图验证码功能
缘由：之前看哔哩哔哩官网登录的时候有一个拼图验证码，很好奇怎么去实现。然后就想着自己弄一个。先给大家看我的最终效果。后面再一点点拆解代码。
为什么想着写这个功能呢，主...
2020-05-27
jQuery设置下拉框显示与隐藏效果的方法分析
本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法。分享给大家供大家参考，具体如下：jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素，而 toggle() 方法则可以...
2020-05-27
策略模式实现 Vue 动态表单验证的方法
策略模式（Strategy Pattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。...
2020-05-27
js实现无限瀑布流实例方法
瀑布流是一种常见的网页布局方式，在许多网站中我们都能看到“瀑布流”的效果，其特征是有网页视窗有多个高度不同宽度相同的“块”组成。因其样式酷似飞流直下的瀑布，故将这种布...
2020-05-27
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
具体代码如下所示：<template><div><table><tr v-for="item in tableData" :value="item.value" :key="item"><td><div><template>{{item.id}}</template></div></td><td><div...
2020-05-27
在layui.use 中自定义 function 的正确方法
适用于：obj.click()行内 onclickjavascript:函数名()示例代码：<html> <head> <link rel="stylesheet" href="layui/css/layui.css" rel="external nofollow" media="all"> </h...
2020-05-27
使用xampp将angular项目运行在web服务器的教程
需求在开发angular项目时，因为需要做自适配以适应不同的屏幕，而我的电脑只有1366的。所以我现在需要在本地将angular项目运行在xampp上，然后用手机开热点，给本机和另一台大屏电...
2020-05-27
浅谈JS中几种轻松处理'this'指向方式
我喜欢在JS中更改函数执行上下文的指向，也称为 this 指向。例如，咱们可以在类数组对象上使用数组方法：const reduce = Array.prototype.reduce;function sumArgs() { return re...
2020-05-27
layui.use模块外部使用其内部定义的js封装函数方法
用途：常用于监听输入框（其内部不提供监听函数）。
用法：需要在 use 中定义 window 函数供外部引用。// 调用成功 <div class="layui-form-item " > <label class="layui-form-...
2020-05-27
layui异步加载table表中某一列数据的例子
layui中table加载数据时 如果数据存放在不同数据表中 那样一个请求拼接每行表格数据 然后统一返回 太慢//页面加载时请求 另一张表的数据 var slotGroup; admin.req({ u...
2020-05-27
layuiAdmin循环遍历展示商品图片列表的方法
主页面内容<div class="layui-fluid layadmin-cmdlist-fluid"> <script id="demo2" type="text/html"> <div class="layui-col-md2 layui-col-sm4"> <div class="cmdl...
2020-05-27
Layui点击图片弹框预览的实现方法
我就废话不多说了，直接上代码吧！如下所示： <img src="123.png" width="20px" height="20px" class="layui-upload-img" onclick="previewImg(this)"> function previewImg(obj)...
2020-05-27
详解NodeJs项目 CentOs linux服务器线上部署
1.安装nodejs官网仓库下载好NodeJs的Linux包(我用的 node-v9.9.0-linux-x64.tar.gz)到本地然后通过FTP（filezilla）上传到服务器;或者可以直接在服务器终端使用 wget 命令下载...
2020-05-27
图解NodeJS实现登录注册功能
该Demo根据菜鸟教程的练手项目，请提前到菜鸟教程的官网查看nodejs的相关教程，根据教程实际操作一遍，然后自己动手去实现登录、注册功能，此Demo只作参考，不符合前端相关规范。 使...
2020-05-27
基于layui框架响应式布局的一些使用详解
写在前面的因为公司的需要，这几天学习了layui框架，稍微有一些心得。介绍就不多说，贴上官网的说明文档，目前是2.0版本，上面有很详细的介绍。官网地址：https://www.layui.com/doc/el...
2020-05-27
JS多个异步请求 按顺序执行next实现解析
在js里面，偶尔会遇见需要多个异步按照顺序执行请求，又不想多层嵌套，，这里和promise.all的区别在于，promise或者Jquery里面的$.when 是同时发送多个请求，一起返回，发出去的顺序是一...
2020-05-27
layer弹出层自适应高度,垂直水平居中的实现
1、高度自适应：success: function(layero, index) { layer.iframeAuto(index); },2、layer垂直居中进入layer.js，增加几行代码。具体如图：以上这篇layer弹出层自适应高...
2020-05-27
手把手15分钟搭一个企业级脚手架
1 写在前面的话
搭一个脚手架，考验了你的 nodejs 水平、工程化能力、以及工具服务的设计能力，是前端进阶不可或缺的过程
笔者在开发 cli 的过程中，调研流行的 cli 并形成最佳实...
2020-05-27
解决layer弹出层自适应页面大小的问题
前两天在Vue中引入了Vue-layer插件，实现了弹出层效果。不过由于是在22寸屏下开发的，没多想，弹出层的area的长宽就设定的都是800px，效果还很好。结果那给用户看，他们是12寸的笔记...
2020-05-27
Layui弹出层 加载 做编辑页面的方法
layui是一款优秀的模块化前端框架。利用layui弹出层做编辑页面先上效果图基本准备，引入layui的layui.css,layui.js文件<link rel="stylesheet" href="../../../Publics/other...
2020-05-27
基于Vue.js与WordPress Rest API构建单页应用详解
前言
Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。
axios 是一个基于Promise 用于浏览器和 nodejs 的 H...
2020-05-27
layui监听单元格编辑前后交互的例子
我就废话不多说啦，大家直接看代码就行了！如下所示：<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1,...
2020-05-27
layui使用templet格式化表格数据的方法
增加js/*---------------------格式化时间开始--------------------------*///对Date的扩展，将 Date 转化为指定格式的String//月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q...
2020-05-27
JavaScript中0、空字符串、'0'是true还是false的知识点分享
最近被问到关于js中空字符串是true还是false得问题，一时间没想起来，现在在chrome的console面板上输出代码测试一下。"" == false 结果是true 在js中空字符串与0相等 即空字...
2020-05-27
Vue 自定义指令实现一键 Copy功能
先看下效果图：指令是啥？
按照惯例，先请出官方的解释：指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨...
2020-05-27
layui 实现表单和文件上传一起传到后台的例子
HTML代码<form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">尾灯名称</label> <div class="layui-input-block"> <in...
2020-05-27
微信小程序左右滚动公告栏效果代码实例
这篇文章主要介绍了微信小程序左右滚动公告栏效果代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<vie...
2020-05-27
微信小程序左滑删除实现代码实例
这篇文章主要介绍了微信小程序左滑删除实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下<view class="touch...
2020-05-27
解决微信小程序中的滚动穿透问题
Mask-Scroll> 原码地址 *蒙层防穿透问题> 蒙层穿透就是，当你用fixed 布局让蒙层显示的时候， 手指滑动屏幕会出现底部内容也滑动的现象. 如图：当蒙层出现的时候，你滚动屏幕，底部内...
2020-05-27
JavaScript生成一个不重复的ID的方法示例
本文介绍了JavaScript生成一个不重复的ID的方法示例，分享给大家，具体如下：/** * 生成一个用不重复的ID */function GenNonDuplicateID():String{ }先看看下面的几个方法
1.生成...
2020-05-27
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
关于Layui Table隐藏列问题
layui没有提供Table隐藏列的功能（只是写这个文档的时候没有提供）。第一步：获取Layui的TableBox Jquery对象var _table_box = $(this._table_elem).next().find(".layui-table-b...
2020-05-27
基于layui轮播图满屏是高度自适应的解决方法
在做官网时，遇到轮播图的问题，本来自己写了个轮播图，怎奈有个问题（当我打开页面后去浏览其他页面，回来首页后会有图片会来回闪动，没有正确轮播）一直没有解决。后来看到了layui插件...
2020-05-27
解决layui轮播图有数据不显示的情况
最近接触了一个项目，要实现一个轮播图的功能，因为是在原有的项目上进行二次开发，项目前端用的是layui框架，楼主是后台方向，没怎么接触过前端，在用layui实现轮播图时，发现异步从后台...
2020-05-27
解决layer.confirm选择完之后消息框不消失的问题
如下所示：layer.confirm('主题库里已存在相同的表',function(){。。。。。。。。。。//处理结果 });当用户选择完确定之后，消息框不会消失，并且代码会继续执行，会出现代码后需要...
2020-05-27
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
uni app仿微信顶部导航条功能
最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在...
2020-05-27
JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例
屏蔽f12审查<script>document.onkeydown = function () {if (window.event && window.event.keyCode == 123) {alert("F12被禁用");event.keyCode = 0;event.returnValue =...
2020-05-27
JS扁平化输出数组的2种方法解析
这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.使用数组的flat方...
2020-05-27
