编程开发 - 教程之家

57浏览

0评论

JS中数组与对象的遍历方法实例小结

本文实例讲述了JS中数组与对象的遍历方法。分享给大家供大家参考，具体如下：一、数组的遍历：首先定义一个数组arr=['snow','bran','king','nightking'];1、for循环，需要知道数组...

2020-05-27 05:01:39

64浏览

0评论

layui 表格的属性的显示转换方法

如下所示：layui.render({ url:'/xxxxx' ,cols:[[ {field:'status',title:'状态'} ]],done:function(res, curr, count){ //res 接口返回的信息 $("[data-field = '...

2020-05-27 05:01:38

61浏览

0评论

layui table 参数设置方法

JSp：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://"...

2020-05-27 05:01:37

65浏览

0评论

vue升级之路之vue-router的使用教程

使用 Vue 构建的项目，一个页面是由多个组件构成的，而且经常是做成单页面应用，所以在跳转页面的时候，传统的 href 已经跟不上时代的步伐了，于是 vue-router 应运而生在使用 vue-ro...

2020-05-27 05:01:36

83浏览

0评论

Layui 设置select下拉框自动选中某项的方法

1、需求场景分析用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段A已经存在...

2020-05-27 05:01:35

54浏览

0评论

Node.js搭建WEB服务器的示例代码

前言
这几天为了熟悉vue.js框架，还有webpack的使用，就准备搭建一个发布和浏览markdwon的简单WEB应用。原本是想着用bash脚本和busybox的httpd来作为后台服务，但是bash脚本解析...

2020-05-27 05:01:34

206浏览

0评论

layui 监听表格复选框选中值的方法

需要达到的目的：ajax()异步请求后台时，需要传入表格里复选框选中的id值注意：在渲染form on 方法的done里面加入done:function(res){ table_data=res.data; } 将复选框选中的值...

2020-05-27 05:01:33

60浏览

0评论

jQuery仿移动端支付宝键盘的实现代码

最近做项目时碰到一个需求，就是在移动端支付页面点击支付按钮弹出一个支付键盘，类似于支付宝的那种。由于项目只是单纯的手机网站，而并非app，所以这个功能得由前端来实现。话不...

2020-05-27 05:01:32

68浏览

0评论

解决layui中的form表单与button的点击事件冲突问题

layui的form表单位置和button标签的位置重合，会使得button的click事件得不到响应，如图：蓝色底为form的位置，“重新搜索”为<button>标签的位置，此时，button标签的click事件无法响...

2020-05-27 05:01:31

39浏览

0评论

详解微信JS-SDK选择图片遇到的坑

有个需求要在微信企业号里面做开发，有个功能是选择图片，使用input标签肯定是不管用了，Android手机上不能多选，所以使用了微信的JS-SDK提供的相关API，这个地方真的是有坑，记录一下...

2020-05-27 05:01:30

55浏览

0评论

layui结合form,table的全选、反选v1.0示例讲解

1、需要引入layui.css和layui.js2、html代码如下：<div class="layui-form"><table class="layui-table"> <thead> <tr> <td> <input type="checkbox" name="...

2020-05-27 05:01:29

57浏览

0评论

浅谈微信JS-SDK 微信分享接口开发（介绍版）

本文主要是分享自己的开发过程，希望能给部分存在同样问题的朋友一点点帮助；最近项目中的网页通过微信分享朋友或朋友圈等功能出现了无法显示分享图片等信息，后经过排查发现是微...

2020-05-27 05:01:28

129浏览

0评论

Bootstrap Table列宽拖动的方法

在之前做过的一个web项目中，前端表格是基于jQuery和Bootstrap Table做的，客户要求能利用拖动改变列宽，为了总结和备忘，现将实现的过程记录如下：1. Bootstrap Table可拖动，需要用到...

2020-05-27 05:01:26

90浏览

0评论

解决Layui数据表格中checkbox位置不居中的方法

1、情景使用方法渲染的方式生成数据表格，添加了checkbox，但发现checkbox位置不居中，如下图所示2、解决办法通过layui官方社区，找到如下代码，只需要添加如下样式即可解决.layui-ta...

2020-05-27 05:01:25

46浏览

0评论

详解redux异步操作实践

一、redux基础
redux 通过 dispatch(action) -> 中间件 -> reducer处理数据 -> 改变store -> 使用subscribe()监听store改变更新视图的方式管理状态将所有状态存储在一...

2020-05-27 05:01:24

252浏览

0评论

layui中table表头样式修改方法

如下所示：layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , url: '${ctx}/alarm/queryEventShowScatter' , even: true...

2020-05-27 05:01:23

60浏览

0评论

LayUI表格批量删除方法

一：监听复选框事件var checkedArr=[];table.on('checkbox(demo)', function(obj){if (obj.type=='all') return;if (obj.checked){checkedArr.push(obj.data.LAY_TABLE_INDEX...

2020-05-27 05:01:22

72浏览

0评论

vue在手机中通过本机IP地址访问webApp的方法

vue中通过localhost:8080,就可以访问浏览项目，但是如果改成本机IP则会报错
通过localhost:8080访问效果通过本机IP显示效果如果想通过手机输入本机IP访问需要在package.json...

2020-05-27 05:01:21

174浏览

0评论

layui radio性别单选框赋值方法

Html<div class="layui-inline"> <label class="layui-form-label">性别</label> <div class="layui-input-block"> <input type="radio" nam...

2020-05-27 05:01:20

43浏览

0评论

layui获取多选框中的值方法

HTML：<input type="checkbox" name="standard" value="<?=$key;?>" <?=in_array($key, $standards) ? 'checked' : '';?> title="<?=$value;&...

2020-05-27 05:01:19

62浏览

0评论

vue生命周期实例小结

本文实例分析了vue生命周期。分享给大家供大家参考，具体如下：每个Vue实例都存在完整的生命周期，经历从创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列...

2020-05-27 05:01:18

32浏览

0评论

layui中使用jquery控制radio选中事件的示例代码

勾选form.on('radio(yesHave)', function (data) { $("input[name='hasPrepaidVoucher'][title='有']").attr('checked',true); form.render();});取消勾选form.on('radio(n...

2020-05-27 05:01:17

83浏览

0评论

对layui中表单元素的使用详解

首先不管是单选框还是复选框或者是下拉框，都要在你写的标签外面套一层div或者是form标签，如：<div class="layui-input-block"><input type="radio" name="sex" value="0" title...

2020-05-27 05:01:16

82浏览

0评论

JS实现获取毫秒值及转换成年月日时分秒的方法

本文实例讲述了JS实现获取毫秒值及转换成年月日时分秒的方法。分享给大家供大家参考，具体如下：时间日期对象创建方式一var date=new Date();创建方式二兼容性最强推荐使用va...

2020-05-27 05:01:15

46浏览

0评论

jQuery轮播图实例详解

本文实例为大家分享了jQuery轮播图实例的具体代码，供大家参考，具体内容如下1、html+css+js代码<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{ ma...

2020-05-27 05:01:14

74浏览

0评论

解决Layui 表单提交数据为空的问题

坑的外观最近用了一段时间Layui作为项目后台管理模块的前端框架，感觉还是挺好用的。今天踩了个坑，就是使用layui表单提交时，提交的数据为空。例如，layer.msg(JSON.stringify(dat...

2020-05-27 05:01:12

68浏览

0评论

基于JavaScript实现瀑布流布局

本文实例为大家分享了js实现瀑布流布局的具体代码，供大家参考，具体内容如下1、html+css+js代码：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text...

2020-05-27 05:01:11

40浏览

0评论

JavaScript中set与get方法用法示例

本文实例分析了JavaScript中set与get方法用法。分享给大家供大家参考，具体如下：1、get与set是方法，因为是方法，所以可以进行判断。2、get是得到一般是要返回的 set 是设置不...

2020-05-27 05:01:10

46浏览

0评论

Vue自定义toast组件的实例代码

写了两三天，终于把toast组件写出来了。不敢说是最好的设计，希望有更好思路的朋友可以在评论区给我意见！_(:з」∠)_第一步：写toast.vue，将样式之类的先定下来<template> <div v-s...

2020-05-27 05:01:09

67浏览

0评论

layui select获取自定义属性方法

在layui里面给了特定几个自定义属性title<select name="aa" lay-filter="sadaS"><option value="">请选择属性</option><option value="1" title="12.32">雪碧</option><opt...

2020-05-27 05:01:08

72浏览

0评论

关于微信小程序bug记录与解决方法

微信小程序bug记录textarea1.textarea在模拟器上没有padding，可是在真机上会自带padding，而且在外部改不了，并且在安卓和IOS上padding还不一样

第一张图是在开发工具上的，第二...

2020-05-27 05:01:07

43浏览

0评论

layui从数据库中获取复选框的值并默认选中方法

如下：<!doctype html><html lang="en"><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css"href="../../../static/js/css/layui.css" rel=...

2020-05-27 05:01:06

49浏览

0评论

React+Webpack快速上手指南(小结)

前言
这篇文章不是有关React和Webpack的教程，只是一篇能够让你快速上手使用目前这两种热门技术的前端指南，并假设你对两者有一个基本的认识。如果你想先行了解下React，可以放肆...

2020-05-27 05:01:05

68浏览

0评论

Webpack 4.x搭建react开发环境的方法步骤

本文介绍了了Webpack 4.x搭建react开发环境的方法步骤，分享给大家，也给自己留个笔记必要依赖一览(npm install) 安装好。
"dependencies": { "babel-core": "^6.26.3", "bab...

2020-05-27 05:01:04

49浏览

0评论

jQuery实现参数自定义的文字跑马灯效果

本文为大家分享了jQuery实现文字跑马灯效果的具体代码，供大家参考，具体内容如下一、明确需求基本需求：最近在工作中接到一个新需求，简单来说就是实现一行文字从右到左跑马灯的效...

2020-05-27 05:01:03

46浏览

0评论

layui 优化button按钮和弹出框的方法

正常下的layui在3个button按钮压缩之后代码为<button data-id="{$activity.activity_id}" style="background-color:#297911;" class="layui-btn layui-btn-small layui-btn...

2020-05-27 05:01:02

67浏览

0评论

layui点击按钮添加可编辑的一行方法

昨天已经成功添加了一行，今天希望所添加的一行可以进行单元格编辑。然而，发现添加了edit:'text'以后也不可以进行单元格编辑，而原本已有的数据可以，因此通过浏览器调试看了原有...

2020-05-27 05:01:00

57浏览

0评论

JS打印彩色菱形的实例代码

效果图如下所示：具体代码如下所示：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>weirdo</title> <style> * { margin: 0; paddi...

2020-05-27 05:00:58

65浏览

0评论

深入理解Vue router的部分高级用法

今天要介绍的是路由元信息，滚动行为以及路由懒加载这几个的使用方法。1.路由元信息什么是路由元信息，看看官网的解释，定义路由的时候可以配置 meta 字段可以匹配meta字段，那么我...

2020-05-27 05:00:57

59浏览

0评论

layui问题之模拟select点击事件的实例讲解

一、问题不操作页面，实现模拟select的事件，即，自动出现下拉框，自动点击下拉框的值，select文本框的值随之改变二、经过刚开始查看layui官方文档，发现仅仅只是有select监听事件，即：for...

2020-05-27 05:00:56

46浏览

0评论

浅谈Vue.js路由管理器 Vue Router

起步
HTML
<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.js"></script><div id="app"> <h1>Hel...

2020-05-27 05:00:55

45浏览

0评论

bootstrap实现点击删除按钮弹出确认框的实例代码

具体代码如下所示：<%@ page language="java" import="com.student.servlet.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@page import="java.util....

2020-05-27 05:00:54

40浏览

0评论

Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)

Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为...

2020-05-27 05:00:53

64浏览

0评论

vue2.0父子组件间传递数据的方法

关于父子组件之间传递数据其实文档上都说得很明白。但是如果完全不懂的人做计也看不懂，下面是一个小例子，有两个文件1.parent.vue<template> <child :child-msg="msg" @ok="e...

2020-05-27 05:00:52

131浏览

0评论

JS实现的RC4加密算法示例

本文实例讲述了JS实现的RC4加密算法。分享给大家供大家参考，具体如下：RC4是一种简单的对称加密算法，在文本加密，通信加密等场景应用非常广泛。在Web中可以用来对本地存储数据进...

2020-05-27 05:00:51

61浏览

0评论

vue watch深度监听对象实现数据联动效果

当对象内的某一个元素发生变化，判断对象另一元素，并进行赋值<template>　　<input type="text" v-model="a.a1.a12"/>{{a.a1.a12}}　　<input type="text" v-model="a.a2.a22"...

2020-05-27 05:00:50

60浏览

0评论

vue watch普通监听和深度监听实例详解(数组和对象)

下面通过一段代码给大家介绍vue watch的普通监听和深度监听，具体代码如下所示：var vm=new Vue({ data:{ num:1, obj:{ name:'三儿', age:'21', sex:'女' } }, watch:{ n...

2020-05-27 05:00:49

66浏览

0评论

实例详解vue.js浅度监听和深度监听及watch用法

第一个浅度监听：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js"></script> </head> <body> <div i...

2020-05-27 05:00:48

73浏览

0评论

JS加密插件CryptoJS实现AES加密操作示例

本文实例讲述了JS加密插件CryptoJS实现AES加密操作。分享给大家供大家参考，具体如下：最近在做一个项目，考虑到数据的安全性，我们要给数据在传输过程中加密，防止一些恶意的操作以...

2020-05-27 05:00:47

37浏览

0评论

JS加密插件CryptoJS实现的DES加密示例

本文实例讲述了JS加密插件CryptoJS实现的DES加密。分享给大家供大家参考，具体如下：前面一篇《JS加密插件CryptoJS实现AES加密操作》介绍了CryptoJS插件的简单配置与使用，这里再...

2020-05-27 05:00:46

热门文章