48浏览

0评论

微信小程序下拉加载和上拉刷新两种实现方法详解

方法一：onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新首先要在json文件里设置window属性设置js里onPullDownRefresh和onReachBottom方法下拉加载说明：当...

• 2020-05-27

55浏览

0评论

layui table去掉右侧滑动条的实现方法

使用layui table后，table会自动有一个滑动条，使用时需要去掉，原理如下：定义一个tab的父div id，在这个id中寻找 class为 layui-table-main，layui-form的标签，将高度设置为100%即可。...

• 2020-05-27

82浏览

0评论

微信小程序HTTP接口请求封装代码实例

1.方法封装（新建文件夹util，工具文件，在文件夹下创建request.js文件，用于对方法封装）
request.js：var app = getApp();//项目URL相同部分，减轻代码量，同时方便项目迁移//这里因为我...

• 2020-05-27

45浏览

0评论

layui table设置某一行的字体颜色方法

table自带的可以设置某一个单元格颜色，必须根据内容来修改，对于很多列同时修改并不方便，直接使用js操作比较简单。首先自定义一个div，内部存放table，根据class找到table，然后找到...

• 2020-05-27

63浏览

0评论

JavaScript获取某一天所在的星期

导语： 如何获取今天或者某一天所在星期的开始和结束日期，或者如何获取整个星期的日期我们会遇到的需求的是，获取今天或者某一天所在星期的开始和结束日期。我们这里来获取今天...

• 2020-05-27

44浏览

0评论

vue draggable resizable gorkys与v-chart使用与总结

实现效果:实现图表的二次封装以及表格的自由拖动,缩放功能先贴出两个组件的地址:vue-draggable-resizable-gorkys
v-chart图标的二次封装这里我们先做一个简单的封装比如标...

• 2020-05-27

95浏览

0评论

关于JS解构的5种有趣用法

前言原文标题：5 Interesting Uses of JavaScript Destructuring原文链接：dmitripavlutin.com/5-interesti…定期回顾我写的JS代码，我发现解构运算无处不在。
获取对象的属性和...

• 2020-05-27

35浏览

0评论

vue路由守卫及路由守卫无限循环问题详析

先贴一波官方文档的内容
const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是...

• 2020-05-27

153浏览

0评论

Vue.js如何使用Socket.IO的示例代码

在很多需求业务中，都需要浏览器和服务器实时通信来实现功能，比如：扫码登录(扫码后，手机确认登录，PC网页完成登录并跳转)、订单语言提醒等，这些都是建立在两端实时通信的基础上的。...

• 2020-05-27

133浏览

0评论

VsCode与Node.js知识点详解

1.下载及安装node.js下载:http://nodejs.cn/download/安装:指定安装目录,安装即可.环境变量会自动配置 验证: 2.下载及安装VsCode指定安装目录: 注意 : 环境变量也...

• 2020-05-27

111浏览

0评论

a标签调用js的方法总结

a标签点击事件方法汇总<a> 标签的 href 属性用于指定超链接目标的 URL，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。
这里的href=...

• 2020-05-27

157浏览

0评论

JavaScript 截取字符串代码实例

这篇文章主要介绍了JavaScript 截取字符串代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<script>...

• 2020-05-27

102浏览

0评论

layui的面包屑或者表单不显示的解决方法

如下所示：页面上显示空白 是因为加了hidden；让我们去查查官方文档官方是这样描述的当你使用表单时，Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理。...

• 2020-05-27

67浏览

0评论

解决layui的使用以及针对select、radio等表单组件不显示的问题

layui是国内一款界面比较整洁大方的ui框架，里面封装了很多前端开发常用的组件，通常我们直接复制代码过去就可以实现效果，可以提高我们的开发效率。使用步骤：1、下载layui：https:/...

• 2020-05-27

65浏览

0评论

layui中select，radio设置不生效的解决方法

废话不多说，大家来看吧！ <button class="layui-btn layui-btn-radius" layadmin-event="edit"> <i class="layui-icon">&#xe640;</i>编辑</button>点击编辑取消disabled$(...

• 2020-05-27

36浏览

0评论

layer 刷新某个页面的实现方法

一：使用layer.open打开的子页面window.parent.location.reload()//刷新父页面var index = parent.layer.getFrameIndex(window.name)//获取窗口索引parent.layer.close(index...

• 2020-05-27

41浏览

0评论

layui表单验证select下拉框实现验证的方法

layui 的form表单里的select 一开始以为加上lay-verify="required"就可以验证不空了,可是反复试了几次都不能验证代码如下：<div class="layui-form-item"> <label class="la...

• 2020-05-27

54浏览

0评论

layui select 禁止点击的实现方法

直接上代码啦注意事项：1. 必须写 layui.use([form])2. 先把属性设置为disabled3. 再form.render（）一下以上这篇layui select 禁止点击的实现方法就是小编分享给大家的全部内容...

• 2020-05-27

47浏览

0评论

在layui中select更改后生效的方法

在layui中重新渲染表单这一步比较重要，部分表单元素需要重新渲染后才能生效，例如select建议在js中放入以下function： //重新渲染表单 function renderForm(){ layui.us...

• 2020-05-27

62浏览

0评论

vue中 this.$set的用法详解

当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。<template> <div id="app"> <p v-for="...

• 2020-05-27

61浏览

0评论

layui表格 列自动适应大小失效的解决方法

如下所示：从官网复制的表格，修改成自适应宽度后失效，原因如下：以上这篇layui表格 列自动适应大小失效的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家...

• 2020-05-27

71浏览

0评论

layui表格内容溢出的解决方法

引言，我做文章管理的时候，引入的是layui的表格样式，但是里面的内容溢出无法隐藏，后来我采用了往td里面加了个<div></div>然后设置一下样式就可以了。
<table class="layui-tabl...

• 2020-05-27

52浏览

0评论

layui关闭层级、简单监听的实例

弹出一个小页面input代码如下 /*监听工具条*/ table.on('tool(test)', function(obj){ var data = obj.data; /*获得当前行数据*/ var layEvent = obj.event; /*获得 lay...

• 2020-05-27

59浏览

0评论

layui关闭弹窗后刷新主页面和当前更改项的例子

如下所示： function open(t){ var id = $(t).attr("data-id"); var url = "{:U('home/.../...')}&id="+id; //弹出层 layer.open({ ... content: url...

• 2020-05-27

88浏览

0评论

使用layui的router来进行传参的实现方法

如果我们需要通过链接传参的话，我们需要使用使用url+/#/参数如下面代码我要传参id,edit/#/id=1就可以传参成功了 $(document).on('click', '#edit', function(data) { va...

• 2020-05-27

78浏览

0评论

layui type2 通过url给iframe子页面传值的例子

A页面 调用layui.layer.open layui.use(["layer"], function () { layui.layer.open({ type: 2, title: "管理角色拥有的部门",...

• 2020-05-27

166浏览

0评论

Nuxt.js实现一个SSR的前端博客的示例代码

为什么要用Nuxt.js公司现有的项目只有落地页是通过前端本身server读取pug文件进行服务端渲染的，当然是为了首屏加载速度以及SEO。Nuxt.js 是一个基于Vue.js的通用应用框架，预...

• 2020-05-27

66浏览

0评论

在layui下对元素进行事件绑定的实例

要注意的是记得要先引用element操作模块 ，否则是无法绑定的格式：$(document).on(事件，标识，function(){}); layui.use(['jquery', 'form', 'table', 'element'], function() {...

• 2020-05-27

96浏览

0评论

对layui中的onevent 和event的使用详解

这是官方文档的说明 layui.onevent(modName, events, callback) 自定义模块事件，属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块...

• 2020-05-27

62浏览

0评论

微信小程序 组件的外部样式externalClasses使用详解

启用外部样式：自定义组件：v-tag在html 引入在组件写外部样式的css :.ex-tag { background-color: #fffbdd ;}在组件使用该外部的样式这个时候我们发现没有效果我们应该使用！imp...

• 2020-05-27

56浏览

0评论

vue-cli3跨域配置的简单方法

vue-cli3跨域配置：
在vue-resource的数据请求中，一般我们会将请求方式GET/POST修改为jsonp的请求方式就可以实现跨域。
但是对于只支持GET/POST两种请求方式的api，修改jsonp，就...

• 2020-05-27

73浏览

0评论

layui 弹出删除确认界面的实例

列表HTML：data-id="{$ls['sid']}" 和class=" del"<td> <a href="{:U('Single/single',['sid'=>$ls['sid']])}" rel="external nofollow" class="layui-btn layui-btn-mini...

• 2020-05-27

45浏览

0评论

layui button 按钮弹出提示窗口,确定才进行的方法

如下所示：<button lay-id="{$id}" class='layui-btn layui-btn-normal correct_finish' οnclick="return confirm("确定试卷所有题目都批改完吗&#63;一但确定就不能再批改！")...

• 2020-05-27

220浏览

0评论

vue-cli history模式实现tomcat部署报404的解决方式

vue-cli开发过程中路由#不好看，去掉可使用history模式，开发模式路径访问都没问题，部署到服务器之后访问路径时报404，这种情况需要配置服务器默认访问路径index.html.官网只提供...

• 2020-05-27

40浏览

0评论

jQuery实现每日秒杀商品倒计时功能

html & js：<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" c...

• 2020-05-27

53浏览

0评论

详解webpack打包vue项目之后生成的dist文件该怎么启动运行

亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。我的vue项目结构如下：
1. 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的s...

• 2020-05-27

63浏览

0评论

layui加载表格,绑定新增,编辑删除,查看按钮事件的例子

使用layui框架的时候，总会重复的写相关代码，感觉很是苦恼，所以进行分装，只需要关注业务方面即可如下图，提供新增，编辑，查看等功能js方法/** * 页面内弹出编辑窗口 //需要引入 layui...

• 2020-05-27

48浏览

0评论

微信小程序 搜索框组件代码实例

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

• 2020-05-27

109浏览

0评论

基于Vue和Element-Ui搭建项目的方法

首先要求事先安装node和npm没有安装的自行百度或在论坛里面搜索！提示：在命令行分别输入node -v（node和-v之间有个空格） 和npm -v（同样有个空格）可查看当前的node和npm版本创建vue...

• 2020-05-27

92浏览

0评论

layui 表格操作列按钮动态显示的实现方法

1、根据表格数据动态显示操作列按钮<script type="text/html" id="barDemo">{{# if (d.event_level ==4){}} <a class="layui-btn layui-btn-xs layui-btn-danger" lay-even...

• 2020-05-27

77浏览

0评论

nuxt框架中对vuex进行模块化设置的实现方法

1.Nuxt里怎么使用vuex&#63;Nuxt.js 内置引用了 vuex 模块，所以不需要额外安装。Nuxt.js 会尝试找到应用根目录下的 store 目录，如果该目录存在，它将做以下的事情：
1.1> 引用 vue...

• 2020-05-27

119浏览

0评论

vue中input的v-model清空操作

问题来源写input组件的时候需求一个清空按钮，但是如果直接修改prop中父级的传值会报错。但是如果不修改父级无法更新值，也会带来开发的问题。解决v-model 完成大部分数据双向...

• 2020-05-27

74浏览

0评论

Nuxt使用Vuex的方法示例

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。基础知识这里不再重...

• 2020-05-27

54浏览

0评论

nuxt踩坑之Vuex状态树的模块方式使用详解

初次看到这个模块方式，感觉很是新奇，之前的vuex状态树使用方法用的也有些腻了，就想来实践一发新的东西
废话不多说，直接进入正题Vuex状态树-模块方式官方文档解读
状态树还可以...

• 2020-05-27

65浏览

0评论

详解Nuxt.js中使用Element-UI填坑

Nuxt.js是Vue进行SSR的一个优选开源项目，可免去繁琐的Webpack、nodejs后台服务配置等操作，方便的搭建一个支持SSR的VUE项目。Element-UI则是一个机遇Vue2.0+开发的一套UI框架，...

• 2020-05-27

46浏览

0评论

vue按需加载实例详解

vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。这种方式下一个组件生成一个js文件用例：{path: '/promisedemo', name: 'PromiseDemo', component: resolve...

• 2020-05-27

114浏览

0评论

layer的prompt弹出框,点击回车,触发确定事件的方法

做了个prompt弹出框，希望点击确定按钮的时候也能触发确定的事件，用户习惯的原因，在输入框输入框数据后，再重新拿起鼠标点击太麻烦，所以想着点击确定按钮触发事件。layer.prompt({...

• 2020-05-27

97浏览

0评论

layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子

用layui表单自定义验证，ajax查询后台验证，form.verify和ajax组合时，尝试更改了几次方案，遇到的问题：1.有时点击两次submit才会提示验证结果；2.有时后台返回结果没问题，但不提示验证...

• 2020-05-27

60浏览

0评论

layui在form表单页面通过Validform加入简单验证的方法

form简单验证<input type="text" name="email" datatype="e" ignore="ignore" placeholder="请输入邮箱" autocomplete="off" class="layui-input"> datatype="e"验证邮箱 i...

• 2020-05-27

63浏览

0评论

layui的表单验证支持ajax判断用户名是否重复的实例

如下所示：在一个表单中，在提交前我们想判断该用户名是否存在，在layui中不支持。onblur()失去焦点事件，用按钮来手动触发，表单又不太美观，可以使用form表单的verify来进行验证。htm...

• 2020-05-27