JavaScript - 教程之家

55浏览

0评论

layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法

在做数据表格的时候遇到了很多坑, 今天整理一下方便以后使用.主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选.当选中一些数据的时候, 数据切换页面数据在...

2020-05-27

53浏览

0评论

使用vue制作滑动标签

本文实例为大家分享了vue制作滑动标签的具体代码，供大家参考，具体内容如下第一步：写出HTML结构先写一个你需要展示的静态效果，写好后再改为VUE动态生成，代码如下：<div id="app1" c...

2020-05-27

82浏览

0评论

layui点击弹框页面表单请求的方法

如下所示：$("#addSite").click(function () { layer.open({ title: '添加站点', type: 1, area: ['700px', '400px'], content: '<blockquote class="layui-ele...

2020-05-27

72浏览

0评论

vue开发拖拽进度条滑动组件

分享一个最近写的进度条滑动组件，以前都是用jq写，学会了vue，尝试着拿vue来写觉得非常简单，代码复用性很强！效果图如下：调用组件如下：<slider :min=0 :max=100 v-model = "per"></sl...

2020-05-27

54浏览

0评论

NProgress显示顶部进度条效果及使用详解

NProgress实现显示加载进度条效果，具有逼真的动画涓涓细流来说服你的用户，无页面跳转效果，极大提高用户体验效果1. 官网下载地址实现效果如下GIF图片所示：（请求的数据比较小，所以...

2020-05-27

60浏览

0评论

Vue使用NProgress进度条的方法

本文实例为大家分享了Vue使用NProgress进度条的具体代码，供大家参考，具体内容如下1、安装npm i -S nprogress2、在router.js中使用import Vue from 'vue'import Router from '...

2020-05-27

82浏览

0评论

vue配置nprogress实现页面顶部进度条

本文实例为大家分享了vue配置nprogress实现页面顶部进度条的具体代码，供大家参考，具体内容如下1. 安装npm install nprogress --save2. 在main.js中导入源码~~~~~~方便你复制...

2020-05-27

33浏览

0评论

layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)

layer 弹出框中经常遇到要弹出表单进行修改数据, 因此在弹出框中的表单需要验证数据, 就需要在弹出一个layer, 默认的设置会自动关闭原来的layer, 解决办法如下:type参数: 0...

2020-05-27

98浏览

0评论

vue实现文件上传读取及下载功能

本文实例为大家分享了vue实现文件上传读取及下载的具体代码，供大家参考，具体内容如下文件的上传利用input标签的type="file"属性，读取用FileReader对象，下载通过创建a标签实现<t...

2020-05-27

56浏览

0评论

jquery弹窗时禁止body滚动条滚动的例子

当弹出一个jq提示窗口的时候，一般窗口右边还会有进度条的情况，禁止进度条方法禁止浏览器滚动条滚动：$('body').css({ 　　"overflow-x":"hidden",　　"overflow-y":"hidden" })...

2020-05-27

35浏览

0评论

js+springMVC 提交数组数据到后台的实例

1.ajax 代码var ids =new Array();$.ajax({ type: "POST", url: "/user/downReport", dataType: "html", traditional: true, data:{ downReportArray:ids }, asy...

2020-05-27

91浏览

0评论

vue2.0+SVG实现音乐播放圆形进度条组件

vue2.0+SVG实现音乐播放圆形进度条组件，传入实时百分比实现圆圈进度动画效果需求分析：类似于大多数音乐播放器中等mini播放器控制按钮，显示播放进度，实时更新进度。progress-cir...

2020-05-27

64浏览

0评论

jquery.tagsinput.js实现记录checkbox勾选的顺序

业务需求：可以根据checkbox的先后勾选传递有顺序的值让后台接收，决定用tagsinput显示checkbox的先后勾选顺序，并实时响应checkbox的勾选状态思路：checkbox的值存在一个数组A，新创...

2020-05-27

103浏览

0评论

Webpack按需加载打包chunk命名的方法

前言最近，遇到复杂h5页面开发，为了优化H5首屏加载速度，想到使用按需加载的方式，减少首次加载的JavaScript文件体积，于是将处理过程在这里记录一下，涉及到的主要是以下三点：使用We...

2020-05-27

119浏览

0评论

Nodejs监控事件循环异常示例详解

开场白
最近在学习 libuv，也了解了一些 Node.js 中使用 libuv 的例子。当然，这篇文章不会去介绍 event loop，毕竟这些东西在各个论坛、技术圈里都被介绍烂了。本文介绍如何正确...

2020-05-27

94浏览

0评论

优雅的使用javascript递归画一棵结构树示例代码

递归和尾递归
简单的说，递归就是函数自己调用自己，它做为一种算法在程序设计语言中广泛应用。其核心思想是把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题...

2020-05-27

93浏览

0评论

Vue+elementui 实现复杂表头和动态增加列的二维表格功能

先上完成的效果图：列是根据查询结果增加的数据格式：表头的数据取出：data.data.forEach(element => { this.thead.push({ 品名: element.品名, 面取数: element.面取数,...

2020-05-27

51浏览

0评论

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

300浏览

0评论

layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)

声明：这里非常感谢闲心大神，开源了非常好用的前端UI框架，layui，如有侵权请联系我。当然闲心在2.0版本的layuiAdmin已经支持了，不过是收费版的，需要的同学可以自行购买，网址：http://w...

2020-05-27

48浏览

0评论

详解mpvue开发微信小程序基础知识

一、mpvue简介
mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为...

2020-05-27

37浏览

0评论

JS随机密码生成算法

本文实例为大家分享了JS生成随机密码的具体代码，供大家参考，具体内容如下题目：输入一个正整数n，生成n个随机密码，其中包括数字，大小写字母。
代码：<!DOCTYPE html><html lang="en">...

2020-05-27

43浏览

0评论

vue多页面项目中路由使用history模式的方法

前言之前写了一个vue项目中需要添加一个打印的页面，需要使用多页面的模式进行开发，vue-cli3出初始化的项目配置多页面还是很容易的，但是发现print.html没有办法配置history模式...

2020-05-27

86浏览

0评论

layui-tree实现Ajax异步请求后动态添加节点的方法

最近在弄一个产品分类管理，是一个树形菜单的形式，用的是layui-tree ,由于它并没有动态添加节点，所以只能自己刚了。大概效果如图体的实现是当我鼠标移入“长袖”这个分类时，出现...

2020-05-27

48浏览

0评论

ES10的13个新特性示例(小结)

介绍ES10是与2019年相对应的ECMAScript版本。这个版本中的新功能没有ES6（2015）中的那么多。但是，也不乏一些有用的功能。本文在简单的代码示例中介绍了ES10提供的功能。这样，您...

2020-05-27

257浏览

0评论

layui加载数据显示loading加载完成loading消失的实例代码

项目中，向后台请求数据，经常会出现较长的等待时间，这时我们需要一个loading转圈圈，接收到后台的数据时，让loading消失这layui中使用方法如下：以表格为例，每次加载表格数据时加一个l...

2020-05-27

73浏览

0评论

layui 实现加载动画以及非真实加载进度的方法

近期在做一个网站的查询功能，但是由于数据量确实太大，分页查询后也是很慢，同时查询出的数据部分还要进行一些处理，导致用户说要我们给他们加一个查询进度，要百分比显示。加上加载...

2020-05-27

65浏览

0评论

从零搭一个自用的前端脚手架的方法步骤

为什么要弄个脚手架对于我个人，经常写些demo，或者写一个新项目的时候，要么就是把以前的项目模板复制一份，要么就是重新搭建一份，显得比较麻烦，浪费时间，所以就有了搭建一个能满足自...

2020-05-27

53浏览

0评论

微信接入之获取用户头像的方法步骤

前段时间写了关于微信支付接入，顺便就把获取用户昵称，头像的方式也归纳下，这个其实挺简单的，具体的方法看官方文档即可。这里只提几个重点。scope参数
看过微信文档的话，微信的规...

2020-05-27

90浏览

0评论

微信小程序实现蓝牙打印

最近刚好完成了一个打印标签的项目，其中就涉及到了小程序的蓝牙功能。所以写下这篇粗略的文章记录一下，同时也是给即将做相关项目的亲们提供一个参考，也希望有什么描述不恰当或...

2020-05-27

62浏览

0评论

微信小程序使用蓝牙小插件

本文实例为大家分享了微信小程序使用蓝牙小插件，供大家参考，具体内容如下bluetooth.jsfunction BLE(options) { this.options = options || { locator: {} };}function ab2hex...

2020-05-27

68浏览

0评论

微信小程序如何获取用户头像和昵称

本文介绍了微信小程序如何获取用户头像和昵称，分享给大家，具体如下：代码user.wxml：<view ><view> <image class="avatar" src='{{userInfo.avatarUrl}}'></image> <view class="...

2020-05-27

68浏览

0评论

微信头像地址失效踩坑记附带解决方案

微信头像失效问题说明？最近工作遇到一个微信头像失效的问题，情况是这样的，我们一个h5页面在微信授权后打开，会存储微信相关昵称和头像信息，不过，我们没有保存图片到自己的服务器，而...

2020-05-27

45浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

212浏览

0评论

Electron 调用命令行(cmd)

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

104浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

74浏览

0评论

小程序实现锚点滑动效果

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

2020-05-27

57浏览

0评论

深入探索VueJS Scoped CSS 实现原理

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

2020-05-27

热门文章