159浏览

0评论

layui内置模块layim发送图片添加加载动画的方法

layim图片上传时可能会因网络等原因导致图片上传速度慢，而前端此时不给于任何提示的话会导致用户体验差，因此我们需在图片上传方法稍加拓展，具体思路即在发出请求前加载动画，上...

• 2020-05-27

118浏览

0评论

中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)

和许多其他语言一样，JavaScript 也需要靠很多小技巧去完成各种不同的事情。有的可能早已经广为人知，有的却可能会让你感到有些迷惑。接下来先介绍27个马上就能用起来的 JavaSc...

• 2020-05-27

148浏览

0评论

小程序最新获取用户昵称和头像的方法总结

前段时间微信小程序对获取用户昵称和头像方法进行了更新，网上很多的文章都已经不适用了，这里简单总结一下首先，传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗，需要用户授...

• 2020-05-27

139浏览

0评论

解决layer.confirm快速点击会重复触发事件的问题

layer.confirm快速点击会重复触发事件问题1 .问题描述： 快速点击会出现，重复触发事件，像后台发起多次请求，此时后台极端=短时间内多次请求，会出现并发问题，数据脏读2.问题分析 ：查...

• 2020-05-27

141浏览

0评论

layui字体图标 loading图标静止不旋转的解决方法

layui的字体图标库提供了丰富的字体图标，其中还有动态的loading图，但如果按照添加其他图标一样将class样式复制到按钮上，却发现loading图并不会旋转。正确示例：1、找到layui图片...

• 2020-05-27

139浏览

0评论

layer扩展打开/关闭动画的方法

1. 打开窗口时，支持自定义或者第三方动画打开layer.js，定位到函数：Class.pt.creat ，找到代码：//为兼容jQuery3.0的css动画影响元素尺寸计算 if (doms.anim[config.anim]) {...

• 2020-05-27

121浏览

0评论

layui扩展上传组件模拟进度条的方法

如下所示：<div id="uploadPatchForm" style="display:none" class="roundRect"> <div id="uploadLoadingDiv"> <div class="layui-progress" lay-showpercent="true" la...

• 2020-05-27

143浏览

0评论

微信小程序分包加载代码实现方法详解

直接在 “app.json” 中贴入代码{ "pages": [ "pages/Login/xxxx", ], "subpackages":[{ 　　　　　　　　// 这里就是贴入的代码 root值可以任意改 pages同上 "root":...

• 2020-05-27

146浏览

0评论

小程序实现上下移动切换位置

本文实例为大家分享了小程序实现上下移动切换位置的具体代码，供大家参考，具体内容如下<view wx:for="{{companyData}}" wx:key="{{item.id}}" class="overHiden"> <view cl...

• 2020-05-27

120浏览

0评论

原生JavaScript实现日历功能代码实例(无引用Jq)

这篇文章主要介绍了原生JavaScript实现日历功能代码实例(无引用Jq),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下成品...

• 2020-05-27

135浏览

0评论

layui文件上传控件带更改后数据传值的方法

1，文件上传控件开启2，before内添加方法，以json格式存储数据。数据以对象形式存在，切对象格式不能直接传到后台，所以转化为json格式再进行传送。3，后台String接收param参数，转为json...

• 2020-05-27

276浏览

0评论

Electron 调用命令行(cmd)

因为最近的项目需求，需要在 Electron 客户端启动的时候启动 nginx 服务，所以研究了一下怎么在 Electron 调用 命令行。 因为 Electron 基于 Chromium 和 Node.js，可以直接使用...

• 2020-05-27

148浏览

0评论

layui 上传文件_批量导入数据UI的方法

使用layui的文件上传组件，可以方便的弹出文件上传界面。效果如下：点击【批量导入】按钮调用js脚本importData(config)就可以实现数据上传到服务器。脚本：/*** * 批量导入 * con...

• 2020-05-27

156浏览

0评论

node 文件上传接口的转发的实现

近期的项目里使用了这样一个项目架构: 前端 -> nodejs -> java 前端负责实现业务逻辑的展示和交互 nodejs 包括维护某些数据和接口转发 java 负责维护剩下的数据在 nodej...

• 2020-05-27

137浏览

0评论

Node.js HTTP服务器中的文件、图片上传的方法

HTTP协议中，multipart/form-data格式用于向服务器发送二进制数据，通过这一内容类型（Content-Type）可以实现文件、图片的上传。由于这种格式发送的是二进制数据，在服务器端接收和...

• 2020-05-27

104浏览

0评论

React Native 混合开发多入口加载方式详解

在已有app混合开发时，可能会有多个rn界面入口的需求，这个时候我们可以使用RCTRootView中的moduleName或initialProperties来实现加载包中的不同页面。目前使用RCTRootView有两...

• 2020-05-27

129浏览

0评论

小程序实现锚点滑动效果

要在小程序中实现锚点的话，就要用到<scroll-view > 标签中的，scroll-into-view，详情可见文档wxml：<view class='scroll-box' style='height:{{ht}}px;'> <scroll-view scroll-y...

• 2020-05-27

117浏览

0评论

深入探索VueJS Scoped CSS 实现原理

使用VueJS进行应用开发, 脱离不了对应用间的模块进行拆分, 将大块界面拆解为组件的过程. 我们可以很方便的在单文件中使用<template>块维护组件的视图, 使用<script>维护组...

• 2020-05-27

108浏览

0评论

layui 富文本图片上传接口与普通按钮 文件上传接口的例子

富文本-图片上传html:<div class="layui-form-item layui-form-text"> <div class="layui-input-block"> <!--<textarea id="L_content" name="contents" required lay-ver...

• 2020-05-27

111浏览

0评论

webpack的pitching loader详解

webpack中关于pitching loader的文档比较不清楚：The loaders are called from right to left. But in some cases loaders do not care about the results of the previous l...

• 2020-05-27

114浏览

0评论

Node.js实现简单管理系统

一、简述 主要是面向初学者的node攻略，需要有node基础(了解一点npm和express)。 使用express框架+mongodb数据库，前端使用的是原生html。 实现了对图书的增删改查基本功能...

• 2020-05-27

136浏览

0评论

layer ui 导入文件之前传入数据的实例

最近用layer ui上传文件遇到了一个问题，我想在上传文件之前把data-id传入后台，layer文档找了一下也没有找到类似的说明，经过一番折腾发现了其中的窍门，这里记录一下html代码<but...

• 2020-05-27

102浏览

0评论

详解从vue-loader源码分析CSS Scoped的实现

虽然写了很长一段时间的Vue了，对于CSS Scoped的原理也大致了解，但一直未曾关注过其实现细节。最近在重新学习webpack，因此查看了vue-loader源码，顺便从vue-loader的源码中整理CS...

• 2020-05-27

115浏览

0评论

layui 上传插件 带预览 非自动上传功能的实例(非常实用)

首先 Html部分: <form method="post" action="&#63;" οnsubmit="return check();" id="form"> <div class="refund-img"> <div class="refund-img-item addRefundimg" id="...

• 2020-05-27

150浏览

0评论

layui多图上传实现删除功能的例子

在使用layui的多图上传时发现没有删除功能在网上搜索解决办法时有的感觉太复杂有的不符合自己所需要的所以就自己动手下面附上代码HTML:<div class="layui-upload"> <button...

• 2020-05-27

218浏览

0评论

layui-select动态选中值的例子

layui的select在form渲染后，会重新构造一份DOM数据，将原生的select元素隐藏了。我是使用的vue动态绑定的options，这里绑定v-model就失效了。我想编辑某行的时候，动态选中select...

• 2020-05-27

137浏览

0评论

微信小程序全局变量GLOBALDATA的定义和调用过程解析

这篇文章主要介绍了微信小程序全局变量GLOBALDATA的定义和调用过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...

• 2020-05-27

94浏览

0评论

layui动态渲染生成select的option值方法

脚本语言：设定默认值；直接拼接，然后根据返回值渲染select// 动态渲染脚本类型下拉框 // 1.发送ajax请求得到data // 2.将data渲染到页面上 function getDataList()...

• 2020-05-27

126浏览

0评论

Layui动态生成select下拉选择框不显示的解决方法

给代码添加如下部分:layui.use('form', function(){ //此段代码必不可少 var form = layui.form; form.render();});实现效果:HTML代码:<div class="layui-form-item"> <lab...

• 2020-05-27

194浏览

0评论

基于layui的下拉列表的数据回显方法

静态网页+layui渲染html代码 <div class="layui-form-item"> <label class="layui-form-label">选择框</label> <div class="layui-input-block"> <select id="t" name=...

• 2020-05-27

120浏览

0评论

layui实现下拉复选功能的例子(包括数据的回显与上传)

一、layui下拉复选实现的背景：实现一个管理员拥有多个权限二、 具体实现：//依赖资源<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/src/...

• 2020-05-27

118浏览

0评论

详解简单易懂的 ES6 Iterators 指南和示例

本文旨在分析理解 Iterators。 Iterators 是 JS中的新方法，可以用来循环任意集合。 在ES6中登场的Iterators。因其可被广泛使用，并且已在多处场景派上用场，我们将从概念上理解...

• 2020-05-27

101浏览

0评论

JavaScript Array对象使用方法解析

1.数组的常用方法
push(val)：数组的末尾添加新的元素,返回操作完成后数组的长度
pop()：删除数组最后一个元素，返回被删除的元素
shift()：删除数组的第一个元素，返回被删除的元素...

• 2020-05-27

188浏览

0评论

Vue之Mixins(混入)的使用方法

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组...

• 2020-05-27

310浏览

0评论

关于layui时间回显问题的解决方法

当我们请求接口时 将得到的数据 进行回显 layui一直是获取了当前的系统时间 进行回显解决办法 layui.config({ base: './Public/layuiadmin/' //静态资源所在路径 }).ex...

• 2020-05-27

284浏览

0评论

解决layui table表单提示数据接口请求异常的问题

问题一：直接拿别人的文件放在本地打开如下图原因：这是提示“交叉源请求仅支持协议方案：HTTP、数据、Chrome、Chrome扩展、HTTPS。”也就是你不能用本地文件打开，本地打开是file:...

• 2020-05-27

156浏览

0评论

在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法

在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法在ssm框架整合中，使用layui作为前端页面，拖拽图片上传，填写接口后，后台能够成功接收到数据，但由于页面资源和后台访问...

• 2020-05-27

106浏览

0评论

JavaScript RegExp 对象用法详解

当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符，并可用于解析、格式检查、...

• 2020-05-27

119浏览

0评论

layui将table转化表单显示的方法(即table.render转为表单展示)

现有一个table.render({ id : 'table', type:'post', elem : '#table', url : url, where : {'Id' : $data.Id}, page:false, cols : [ [ //表头 ]]})最简单直接用ajax...

• 2020-05-27

134浏览

0评论

layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)

因为本身layui是有一套自身的监听方式，form.on 当然你是先将select放入<div class="layui-form">中，不然都显示不出select里面也有监听普通下拉选框选中值发生改变的方式，直...

• 2020-05-27

197浏览

0评论

layui 监听select选择 获取当前select的ID名称方法

监听select选择form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(da...

• 2020-05-27

394浏览

0评论

layui监听select变化,以及设置radio选中的方法

一、select监听1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到2.导入form layui.use('form', function(){ var form =...

• 2020-05-27

228浏览

0评论

微信小程序全局变量的设置、使用、修改过程解析

1. 全局变量的设置在miniprogram > app.js 文件中设置，globalData对象就是存储全局变量的。App({ globalData: { hasLogin: false, openid: null }, onLaunch: functi...

• 2020-05-27

166浏览

0评论

Javascript Dom元素获取和添加详解

1.Dom元素的获取
document.getElementById()：通过id获取一个Dom元素 document.getElementsByClassName()：通过class名字获取一个或多个Dom元素（伪数组） document.getElement...

• 2020-05-27

162浏览

0评论

layui table单元格事件修改值的方法

事件中的 this相当于document.getElementById("id")替代方法就是将原本document.getElementById("id").InnerHTML = "填充代码";替换成$("#id").html("填充代码"); <!DOCTYP...

• 2020-05-27

112浏览

0评论

vue.js实现图书管理功能

本文实例为大家分享了vue.js实现图书管理功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co...

• 2020-05-27

120浏览

0评论

JS防抖和节流实例解析

日常开发过程中，滚动事件做复杂计算频繁调用回调函数很可能会造成页面的卡顿，这时候我们更希望把多次计算合并成一次，只操作一个精确点，JS把这种方式称为debounce（防抖）和throttle...

• 2020-05-27

127浏览

0评论

layui--select使用以及下拉框实现键盘选择的例子

注意几点：1.select下拉框一定要放到layui-form类下。这个layui-form不是必须放在form上，放在一个div也是可以的2.要注意每次form render之后呢，要重新注册事件。<!DOCTYPE html...

• 2020-05-27

242浏览

0评论

通过实例了解JS 连续赋值

这篇文章主要介绍了通过实例了解JS 连续赋值,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下问题：var a = {n: 1};var b...

• 2020-05-27

319浏览

0评论

layui-table获得当前行的上/下一行数据的例子

此方法主要是获得Layui当前行数据的上一行数据，或者下一行数据,os旧的jquery选择器 se选择器 nse新的jquery选择器/** * * @param obj layui-table的行数据对象 * @param num...

• 2020-05-27