72浏览

0评论

layui实现把数据表格时间戳转换为时间格式的例子

如下所示：<script type="text/javascript">function createTime(v){ var date = new Date(v); var y = date.getFullYear(); var m = date.getMonth()+1; m = m<10&#63;'0'+m...

• 2020-05-27

207浏览

0评论

使用VScode 插件debugger for chrome 调试react源码的方法

代码调试，是我们前端日常工作中不可或缺的能力了吧！
在面向dom开发的时代，我们开发时直接在chrome里打断点是很方便的。
但是，当我们面向组件开发时(react),浏览器拿到的是我们...

• 2020-05-27

150浏览

0评论

vue cli3 调用百度翻译API翻译页面的实现示例

首先说下，本人为在校大三狗一只，缺少实战开发经验，然后用语什么的也不标准，就按我自己的想法写的，有什么不对的地方欢迎指导指导哈然后直接开始吧在需要翻译的地方做上标记，这里用...

• 2020-05-27

52浏览

0评论

nodejs一个简单的文件服务器的创建方法

简单的文件服务器
有时候，我们想读取一些服务器上的文件，但是又不想写太复杂的程序，可以考虑用nodejs，可以很简单的写出一个文件服务器
下面是我写的一个简单的文件服务器，附带缓...

• 2020-05-27

69浏览

0评论

对layui初始化列表的CheckBox属性详解

通常layui前端页面完全按照layui官网的例子写所有的页面初始化都没有问题,但是那只是静态页面.当加入后台去动态加载页面的时候有写样式在初始化加载样式的时候始终加载不上...

• 2020-05-27

118浏览

0评论

layui表格数据复选框回显设置方法

layui2.3版本，本身并不带有复选框回显功能，那么需要从源头解决此事，F12代码调试，找到与复选框关联的地方发现：我们只需要在渲染数据回调时找到每个复选框根据数据的不同来设置回...

• 2020-05-27

116浏览

0评论

layui-table表复选框勾选的所有行数据获取的例子

项目需求，可以用复选框勾选项目进行提交，如下表<table class="layui-table" lay-data="{url:'******', id:'test3'}" lay-filter="test3"> <thead> <tr> <th lay-data="{...

• 2020-05-27

62浏览

0评论

layui使用表格渲染获取行数据的例子

需求：使用前端框架layui生成表格，点击表格中一行数据中的按钮，获取到这行数据。解决办法：在render中增加字段：done: function (res, curr, count) { // $('.x-body').fin...

• 2020-05-27

45浏览

0评论

Layui表格行工具事件与数据回填方法

使用Layui数据表格实现行工具事件与Layui表单弹框与数据回填具体步骤如下：步骤一：布置行工具栏样式与数据表格初始化，代码如下:<script type="text/html" id="barDemo2"> <a...

• 2020-05-27

65浏览

0评论

VUE项目中加载已保存的笔记实例方法

现在笔记内容每次改变都会进行保存操作，我们需要在应用重新打开的时候恢复数据。这里
将使用 localStorage.getItem() API。将下面的代码添加到 JavaScript 文件的最后： 一个...

• 2020-05-27

41浏览

0评论

javascript合并两个数组最简单的实现方法

在开发的过程中，我们很多时候会遇到需要将两个数组合并成一个数组的情况出现。var arr1 = [1, 2, 3];var arr2 = [4, 5, 6];// 将arr1和arr2合并成为[1, 2, 3, 4, 5, 6]这里...

• 2020-05-27

48浏览

0评论

vue登录注册实例详解

步骤一
1.安装脚手架:npm install vue-cli -g
2.wepack生成html模版：vue init webpack ' 文件名'
3.安装axios、js-cookie、element-ui、stylus等等常用插件步骤二1.在main.j...

• 2020-05-27

47浏览

0评论

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

102浏览

0评论

解决layer弹出层的内容页点击按钮跳转到新的页面问题

在参与的一个项目中，有一个这样的需求，导入基础数据成功后，默认弹出一个管理员登录页，点击登录按钮，需要跳到管理页面。导入页按钮：<button type="button" id="start" class="layu...

• 2020-05-27

120浏览

0评论

layui使用form表单实现post请求页面跳转的方法

如下所示：window.location.href='url&#63;param=' + paramValue;上面这种方式实现页面跳转附带参数，容易造成信息泄露；layui使用form表单实现post请求，避免信息泄露(设置form表...

• 2020-05-27

53浏览

0评论

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

118浏览

0评论

浅谈layui使用模板引擎动态渲染元素要注意的问题

摸索这个模板引擎碰到的问题，分享一下本人在实现使用laytpl实现动态渲染菜单，来减少静态代码时候碰到了，元素是成功渲染出来，但是折叠动画效果和点击事件都失效了，然后仔细看了一...

• 2020-05-27

73浏览

0评论

解决layui的form里的元素进行动态生成,验证失效的问题

这问题和使用layTpl动态生成页面问题类似，详细进入https://www.freexyz.cn/article/170000.htmform有点不同就是需要把需要执行form.render()而不是element.render()；进行渲染...

• 2020-05-27

58浏览

0评论

基于Layui自定义模块的使用方法详解

layui是一个极其不错的前端UI框架、是后端程序员的福音。总之如果你是一个后端开发者、如果你苦于你的界面“惨不忍睹”、选择layui来开发是个极好的选择。之前的项目也有使...

• 2020-05-27

49浏览

0评论

使用layui定义一个模块并使用的例子

在使用layui的过程，有几个方法需要被多个js引用，所以我按照文档，自定义了一个layui的模块，下面实现过程先定义一个模块//定义模块layui.define(['form'], function(exports){ v...

• 2020-05-27

147浏览

0评论

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

80浏览

0评论

解决layui调用自定义方法提示未定义的问题

问题：layui.use(['layer', 'form', 'element'], function(){ var layer = layui.layer ,form = layui.form ,element = layui.element function test(){ //JS代码 }});调...

• 2020-05-27

71浏览

0评论

Vue 利用指令实现禁止反复发送请求的两种方法

前端做后台管控系统，在某些接口请求时间过长的场景下，需要防止用户反复发起请求。　　假设某场景下用户点击查询按钮后，后端响应需要长时间才能返回数据。那么要规避用户返回点...

• 2020-05-27

85浏览

0评论

Vue实现滑动拼图验证码功能

缘由：之前看哔哩哔哩官网登录的时候有一个拼图验证码，很好奇怎么去实现。然后就想着自己弄一个。先给大家看我的最终效果。后面再一点点拆解代码。
为什么想着写这个功能呢，主...

• 2020-05-27

92浏览

0评论

jQuery设置下拉框显示与隐藏效果的方法分析

本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法。分享给大家供大家参考，具体如下：jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素，而 toggle() 方法则可以...

• 2020-05-27

54浏览

0评论

策略模式实现 Vue 动态表单验证的方法

策略模式（Strategy Pattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。...

• 2020-05-27

60浏览

0评论

js实现无限瀑布流实例方法

瀑布流是一种常见的网页布局方式，在许多网站中我们都能看到“瀑布流”的效果，其特征是有网页视窗有多个高度不同宽度相同的“块”组成。因其样式酷似飞流直下的瀑布，故将这种布...

• 2020-05-27

82浏览

0评论

使用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

61浏览

0评论

在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

122浏览

0评论

使用xampp将angular项目运行在web服务器的教程

需求在开发angular项目时，因为需要做自适配以适应不同的屏幕，而我的电脑只有1366的。所以我现在需要在本地将angular项目运行在xampp上，然后用手机开热点，给本机和另一台大屏电...

• 2020-05-27

85浏览

0评论

浅谈JS中几种轻松处理'this'指向方式

我喜欢在JS中更改函数执行上下文的指向，也称为 this 指向。例如，咱们可以在类数组对象上使用数组方法：const reduce = Array.prototype.reduce;function sumArgs() { return re...

• 2020-05-27

63浏览

0评论

layui.use模块外部使用其内部定义的js封装函数方法

用途：常用于监听输入框（其内部不提供监听函数）。
用法：需要在 use 中定义 window 函数供外部引用。// 调用成功 <div class="layui-form-item " > <label class="layui-form-...

• 2020-05-27

93浏览

0评论

layui异步加载table表中某一列数据的例子

layui中table加载数据时 如果数据存放在不同数据表中 那样一个请求拼接每行表格数据 然后统一返回 太慢//页面加载时请求 另一张表的数据 var slotGroup; admin.req({ u...

• 2020-05-27

57浏览

0评论

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

105浏览

0评论

Layui点击图片弹框预览的实现方法

我就废话不多说了，直接上代码吧！如下所示： <img src="123.png" width="20px" height="20px" class="layui-upload-img" onclick="previewImg(this)"> function previewImg(obj)...

• 2020-05-27

74浏览

0评论

详解NodeJs项目 CentOs linux服务器线上部署

1.安装nodejs官网仓库下载好NodeJs的Linux包(我用的 node-v9.9.0-linux-x64.tar.gz)到本地然后通过FTP（filezilla）上传到服务器;或者可以直接在服务器终端使用 wget 命令下载...

• 2020-05-27

224浏览

0评论

图解NodeJS实现登录注册功能

该Demo根据菜鸟教程的练手项目，请提前到菜鸟教程的官网查看nodejs的相关教程，根据教程实际操作一遍，然后自己动手去实现登录、注册功能，此Demo只作参考，不符合前端相关规范。 使...

• 2020-05-27

232浏览

0评论

基于layui框架响应式布局的一些使用详解

写在前面的因为公司的需要，这几天学习了layui框架，稍微有一些心得。介绍就不多说，贴上官网的说明文档，目前是2.0版本，上面有很详细的介绍。官网地址：https://www.layui.com/doc/el...

• 2020-05-27

294浏览

0评论

JS多个异步请求 按顺序执行next实现解析

在js里面，偶尔会遇见需要多个异步按照顺序执行请求，又不想多层嵌套，，这里和promise.all的区别在于，promise或者Jquery里面的$.when 是同时发送多个请求，一起返回，发出去的顺序是一...

• 2020-05-27

236浏览

0评论

layer弹出层自适应高度,垂直水平居中的实现

1、高度自适应：success: function(layero, index) { layer.iframeAuto(index); },2、layer垂直居中进入layer.js，增加几行代码。具体如图：以上这篇layer弹出层自适应高...

• 2020-05-27

40浏览

0评论

手把手15分钟搭一个企业级脚手架

1 写在前面的话
搭一个脚手架，考验了你的 nodejs 水平、工程化能力、以及工具服务的设计能力，是前端进阶不可或缺的过程
笔者在开发 cli 的过程中，调研流行的 cli 并形成最佳实...

• 2020-05-27

386浏览

0评论

解决layer弹出层自适应页面大小的问题

前两天在Vue中引入了Vue-layer插件，实现了弹出层效果。不过由于是在22寸屏下开发的，没多想，弹出层的area的长宽就设定的都是800px，效果还很好。结果那给用户看，他们是12寸的笔记...

• 2020-05-27

341浏览

0评论

Layui弹出层 加载 做编辑页面的方法

layui是一款优秀的模块化前端框架。利用layui弹出层做编辑页面先上效果图基本准备，引入layui的layui.css,layui.js文件<link rel="stylesheet" href="../../../Publics/other...

• 2020-05-27

147浏览

0评论

基于Vue.js与WordPress Rest API构建单页应用详解

前言
Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。
axios 是一个基于Promise 用于浏览器和 nodejs 的 H...

• 2020-05-27

117浏览

0评论

layui监听单元格编辑前后交互的例子

我就废话不多说啦，大家直接看代码就行了！如下所示：<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1,...

• 2020-05-27

318浏览

0评论

layui使用templet格式化表格数据的方法

增加js/*---------------------格式化时间开始--------------------------*///对Date的扩展，将 Date 转化为指定格式的String//月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q...

• 2020-05-27

62浏览

0评论

JavaScript中0、空字符串、'0'是true还是false的知识点分享

最近被问到关于js中空字符串是true还是false得问题，一时间没想起来，现在在chrome的console面板上输出代码测试一下。"" == false 结果是true 在js中空字符串与0相等 即空字...

• 2020-05-27

150浏览

0评论

Vue 自定义指令实现一键 Copy功能

先看下效果图：指令是啥？
按照惯例，先请出官方的解释：指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨...

• 2020-05-27

125浏览

0评论

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

179浏览

0评论

微信小程序左右滚动公告栏效果代码实例

这篇文章主要介绍了微信小程序左右滚动公告栏效果代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<vie...

• 2020-05-27