jquery.tagsinput.js实现记录checkbox勾选的顺序
业务需求：可以根据checkbox的先后勾选传递有顺序的值让后台接收，决定用tagsinput显示checkbox的先后勾选顺序，并实时响应checkbox的勾选状态思路：checkbox的值存在一个数组A，新创...
2020-05-27
Webpack按需加载打包chunk命名的方法
前言最近，遇到复杂h5页面开发，为了优化H5首屏加载速度，想到使用按需加载的方式，减少首次加载的JavaScript文件体积，于是将处理过程在这里记录一下，涉及到的主要是以下三点： 使用We...
2020-05-27
Nodejs监控事件循环异常示例详解
开场白
最近在学习 libuv，也了解了一些 Node.js 中使用 libuv 的例子。当然，这篇文章不会去介绍 event loop，毕竟这些东西在各个论坛、技术圈里都被介绍烂了。本文介绍如何正确...
2020-05-27
优雅的使用javascript递归画一棵结构树示例代码
递归和尾递归
简单的说，递归就是函数自己调用自己，它做为一种算法在程序设计语言中广泛应用。其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题...
2020-05-27
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
先上完成的效果图：列是根据查询结果增加的 数据格式： 表头的数据取出：data.data.forEach(element => { this.thead.push({ 品名: element.品名, 面取数: element.面取数,...
2020-05-27
layui树形菜单动态遍历的例子
1、前端jsp页面<%@ page language="java" pageEncoding="UTF-8"contentType="text/html; charset=utf-8"%><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%...
2020-05-27
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
声明：这里非常感谢闲心大神，开源了非常好用的前端UI框架，layui，如有侵权请联系我。当然闲心在2.0版本的layuiAdmin已经支持了，不过是收费版的，需要的同学可以自行购买，网址：http://w...
2020-05-27
详解mpvue开发微信小程序基础知识
一、mpvue简介
mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为...
2020-05-27
JS随机密码生成算法
本文实例为大家分享了JS生成随机密码的具体代码，供大家参考，具体内容如下题目：输入一个正整数n，生成n个随机密码，其中包括数字，大小写字母。
代码：<!DOCTYPE html><html lang="en">...
2020-05-27
vue多页面项目中路由使用history模式的方法
前言之前写了一个vue项目中需要添加一个打印的页面，需要使用多页面的模式进行开发，vue-cli3出初始化的项目配置多页面还是很容易的，但是发现print.html没有办法配置history模式...
2020-05-27
layui-tree实现Ajax异步请求后动态添加节点的方法
最近在弄一个产品分类管理，是一个树形菜单的形式，用的是layui-tree ,由于它并没有动态添加节点，所以只能自己刚了。大概效果如图体的实现是当我鼠标移入“长袖”这个分类时，出现...
2020-05-27
ES10的13个新特性示例(小结)
介绍ES10是与2019年相对应的ECMAScript版本。这个版本中的新功能没有ES6（2015）中的那么多。但是，也不乏一些有用的功能。本文在简单的代码示例中介绍了ES10提供的功能。这样，您...
2020-05-27
layui加载数据显示loading加载完成loading消失的实例代码
项目中，向后台请求数据，经常会出现较长的等待时间，这时我们需要一个loading转圈圈，接收到后台的数据时，让loading消失这layui中使用方法如下：以表格为例，每次加载表格数据时加一个l...
2020-05-27
layui 实现加载动画以及非真实加载进度的方法
近期在做一个网站的查询功能，但是由于数据量确实太大，分页查询后也是很慢，同时查询出的数据部分还要进行一些处理，导致用户说要我们给他们加一个查询进度，要百分比显示。加上加载...
2020-05-27
从零搭一个自用的前端脚手架的方法步骤
为什么要弄个脚手架对于我个人，经常写些demo，或者写一个新项目的时候，要么就是把以前的项目模板复制一份，要么就是重新搭建一份，显得比较麻烦，浪费时间，所以就有了搭建一个能满足自...
2020-05-27
微信接入之获取用户头像的方法步骤
前段时间写了关于微信支付接入，顺便就把获取用户昵称，头像的方式也归纳下，这个其实挺简单的，具体的方法看官方文档即可。这里只提几个重点。scope参数
看过微信文档的话，微信的规...
2020-05-27
微信小程序实现蓝牙打印
最近刚好完成了一个打印标签的项目，其中就涉及到了小程序的蓝牙功能。所以写下这篇粗略的文章记录一下，同时也是给即将做相关项目的亲们提供一个参考，也希望有什么描述不恰当或...
2020-05-27
微信小程序使用蓝牙小插件
本文实例为大家分享了微信小程序使用蓝牙小插件，供大家参考，具体内容如下bluetooth.jsfunction BLE(options) { this.options = options || { locator: {} };}function ab2hex...
2020-05-27
微信小程序如何获取用户头像和昵称
本文介绍了微信小程序如何获取用户头像和昵称，分享给大家，具体如下：代码user.wxml：<view ><view> <image class="avatar" src='{{userInfo.avatarUrl}}'></image> <view class="...
2020-05-27
微信头像地址失效踩坑记附带解决方案
微信头像失效问题说明？最近工作遇到一个微信头像失效的问题，情况是这样的，我们一个h5页面在微信授权后打开，会存储微信相关昵称和头像信息，不过，我们没有保存图片到自己的服务器，而...
2020-05-27
layui内置模块layim发送图片添加加载动画的方法
layim图片上传时可能会因网络等原因导致图片上传速度慢，而前端此时不给于任何提示的话会导致用户体验差，因此我们需在图片上传方法稍加拓展，具体思路即在发出请求前加载动画，上...
2020-05-27
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
和许多其他语言一样，JavaScript 也需要靠很多小技巧去完成各种不同的事情。有的可能早已经广为人知，有的却可能会让你感到有些迷惑。接下来先介绍27个马上就能用起来的 JavaSc...
2020-05-27
小程序最新获取用户昵称和头像的方法总结
前段时间微信小程序对获取用户昵称和头像方法进行了更新，网上很多的文章都已经不适用了，这里简单总结一下首先，传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗，需要用户授...
2020-05-27
解决layer.confirm快速点击会重复触发事件的问题
layer.confirm快速点击会重复触发事件问题1 .问题描述： 快速点击会出现，重复触发事件，像后台发起多次请求，此时后台极端=短时间内多次请求，会出现并发问题，数据脏读2.问题分析 ：查...
2020-05-27
layui字体图标 loading图标静止不旋转的解决方法
layui的字体图标库提供了丰富的字体图标，其中还有动态的loading图，但如果按照添加其他图标一样将class样式复制到按钮上，却发现loading图并不会旋转。正确示例：1、找到layui图片...
2020-05-27
layer扩展打开/关闭动画的方法
1. 打开窗口时，支持自定义或者第三方动画打开layer.js，定位到函数：Class.pt.creat ，找到代码：//为兼容jQuery3.0的css动画影响元素尺寸计算 if (doms.anim[config.anim]) {...
2020-05-27
layui扩展上传组件模拟进度条的方法
如下所示：<div id="uploadPatchForm" style="display:none" class="roundRect"> <div id="uploadLoadingDiv"> <div class="layui-progress" lay-showpercent="true" la...
2020-05-27
微信小程序分包加载代码实现方法详解
直接在 “app.json” 中贴入代码{ "pages": [ "pages/Login/xxxx", ], "subpackages":[{ // 这里就是贴入的代码 root值可以任意改 pages同上 "root":...
2020-05-27
小程序实现上下移动切换位置
本文实例为大家分享了小程序实现上下移动切换位置的具体代码，供大家参考，具体内容如下<view wx:for="{{companyData}}" wx:key="{{item.id}}" class="overHiden"> <view cl...
2020-05-27
原生JavaScript实现日历功能代码实例(无引用Jq)
这篇文章主要介绍了原生JavaScript实现日历功能代码实例(无引用Jq),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下成品...
2020-05-27
layui文件上传控件带更改后数据传值的方法
1，文件上传控件开启2，before内添加方法，以json格式存储数据。数据以对象形式存在，切对象格式不能直接传到后台，所以转化为json格式再进行传送。3，后台String接收param参数，转为json...
2020-05-27
Electron 调用命令行(cmd)
因为最近的项目需求，需要在 Electron 客户端启动的时候启动 nginx 服务，所以研究了一下怎么在 Electron 调用 命令行。 因为 Electron 基于 Chromium 和 Node.js，可以直接使用...
2020-05-27
layui 上传文件_批量导入数据UI的方法
使用layui的文件上传组件，可以方便的弹出文件上传界面。效果如下：点击【批量导入】按钮调用js脚本importData(config)就可以实现数据上传到服务器。脚本：/*** * 批量导入 * con...
2020-05-27
node 文件上传接口的转发的实现
近期的项目里使用了这样一个项目架构: 前端 -> nodejs -> java 前端负责实现业务逻辑的展示和交互 nodejs 包括维护某些数据和接口转发 java 负责维护剩下的数据在 nodej...
2020-05-27
Node.js HTTP服务器中的文件、图片上传的方法
HTTP协议中，multipart/form-data格式用于向服务器发送二进制数据，通过这一内容类型（Content-Type）可以实现文件、图片的上传。由于这种格式发送的是二进制数据，在服务器端接收和...
2020-05-27
React Native 混合开发多入口加载方式详解
在已有app混合开发时，可能会有多个rn界面入口的需求，这个时候我们可以使用RCTRootView中的moduleName或initialProperties来实现加载包中的不同页面。目前使用RCTRootView有两...
2020-05-27
小程序实现锚点滑动效果
要在小程序中实现锚点的话，就要用到<scroll-view > 标签中的，scroll-into-view，详情可见文档wxml：<view class='scroll-box' style='height:{{ht}}px;'> <scroll-view scroll-y...
2020-05-27
深入探索VueJS Scoped CSS 实现原理
使用VueJS进行应用开发, 脱离不了对应用间的模块进行拆分, 将大块界面拆解为组件的过程. 我们可以很方便的在单文件中使用<template>块维护组件的视图, 使用<script>维护组...
2020-05-27
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
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
Node.js实现简单管理系统
一、简述 主要是面向初学者的node攻略，需要有node基础(了解一点npm和express)。 使用express框架+mongodb数据库，前端使用的是原生html。 实现了对图书的增删改查基本功能...
2020-05-27
layer ui 导入文件之前传入数据的实例
最近用layer ui上传文件遇到了一个问题，我想在上传文件之前把data-id传入后台，layer文档找了一下也没有找到类似的说明，经过一番折腾发现了其中的窍门，这里记录一下html代码<but...
2020-05-27
详解从vue-loader源码分析CSS Scoped的实现
虽然写了很长一段时间的Vue了，对于CSS Scoped的原理也大致了解，但一直未曾关注过其实现细节。最近在重新学习webpack，因此查看了vue-loader源码，顺便从vue-loader的源码中整理CS...
2020-05-27
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
首先 Html部分: <form method="post" action="?" οnsubmit="return check();" id="form"> <div class="refund-img"> <div class="refund-img-item addRefundimg" id="...
2020-05-27
layui多图上传实现删除功能的例子
在使用layui的多图上传时发现没有删除功能在网上搜索解决办法时有的感觉太复杂有的不符合自己所需要的所以就自己动手下面附上代码HTML:<div class="layui-upload"> <button...
2020-05-27
layui-select动态选中值的例子
layui的select在form渲染后，会重新构造一份DOM数据，将原生的select元素隐藏了。我是使用的vue动态绑定的options，这里绑定v-model就失效了。我想编辑某行的时候，动态选中select...
2020-05-27
微信小程序全局变量GLOBALDATA的定义和调用过程解析
这篇文章主要介绍了微信小程序全局变量GLOBALDATA的定义和调用过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...
2020-05-27
layui动态渲染生成select的option值方法
脚本语言：设定默认值；直接拼接，然后根据返回值渲染select// 动态渲染脚本类型下拉框 // 1.发送ajax请求得到data // 2.将data渲染到页面上 function getDataList()...
2020-05-27
Layui动态生成select下拉选择框不显示的解决方法
给代码添加如下部分:layui.use('form', function(){ //此段代码必不可少 var form = layui.form; form.render();});实现效果:HTML代码:<div class="layui-form-item"> <lab...
2020-05-27
基于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
