JavaScript - 教程之家

66浏览

0评论

jquery中attr、prop、data区别与用法分析

本文实例讲述了jquery中attr、prop、data区别与用法。分享给大家供大家参考，具体如下：在高版本的jquery中获取标签的属性，可以使用attr()、prop()、data()，那么这些方法有什么区...

2020-05-27

54浏览

0评论

layer.open组件获取弹出层页面变量、函数的实例

最近做项目遇到个问题使用layer.open组件弹出层,需要将该弹出层抽取城单独的公共页面，因此需要在主页面获取弹出层页面的相关变量或者函数值。记录下解决办法。先来看layer.o...

2020-05-27

69浏览

0评论

vue + axios get下载文件功能

本文实例为大家分享了vue + axios 下载文件的具体代码，供大家参考，具体内容如下这里是axios的get方法。post方法请点击这里=》here
注意点：Herder 请求头需注意 content-dispo...

2020-05-27

42浏览

0评论

vue+axios实现post文件下载

本文实例为大家分享了vue+axios实现post文件下载的具体代码，供大家参考，具体内容如下功能：点击导出按钮，提交请求，下载excel文件；这里是axios的post方法。get方法请点击这里=》her...

2020-05-27

83浏览

0评论

layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法

其实这篇文章是给自己看的，以后忘记怎么做回来还能看一下点击左侧菜单栏只刷新局部，局部就用iframe。首先先建layout页，建左侧菜单栏，然后下面的@RenderBody（）<div class="layui-s...

2020-05-27

80浏览

0评论

IE11下CKEditor在Bootstrap Modal中下拉问题的解决

最近在项目中需要在Bootstrap Modal弹出框中载入CKEditor。初始化CKEditor以后，在IE11下，格式/字体/颜色的下拉会闪现一下后就消失，但在chrome和firefox下没问题。主要原因是IE...

2020-05-27

41浏览

0评论

layui添加动态菜单与选项卡 AJAX请求的例子

如下所示：HTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>Lay...

2020-05-27

44浏览

0评论

layui实现图片虚拟路径上传,预览和删除的例子

效果如下所示：前端：<style type="text/css"> #detailTbody tr:hover { background: #fff; } .layui-form-label { width: 110px; } .uploader-list { margin-le...

2020-05-27

50浏览

0评论

Vue利用Blob下载原生二进制数组文件

本文实例为大家分享了Vue利用Blob下载原生二进制数组文件的具体代码，供大家参考，具体内容如下在服务端推送过来的二进制数组(JSON格式），在前端要处理成JS原生数组以后才能做成Bl...

2020-05-27

44浏览

0评论

使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子

页面A中弹出页面B,在页面B中弹出页面C,在layer做嵌套ifframe弹出时会遇到C页面被嵌套在B页面中，如果C尺寸大于B,则C将不能显示完整。这个时候可以考虑B,C页面均由A页面弹出从...

2020-05-27

47浏览

0评论

Vue路由守卫之路由独享守卫

路由独立守卫，顾名思义就是这个路由自己的守卫任务，就如同咱们LOL，我们守卫的就是独立一条路，保证我们这条路不要被敌人攻克(当然我们也得打团配合)在官方定义是这样说的：你可以...

2020-05-27

48浏览

0评论

JavaScript使用localStorage存储数据

背景以前js都是 Session 和 Cookie 来存储信息，仿佛我还停留在那个时候，一问同事有没有新的solution，才知道现在已经有 HTML5 localStorage 本地存储这个东西，可以在浏览器端储...

2020-05-27

39浏览

0评论

使用localStorage替代cookie做本地存储

因为cookie存储有限，加上cookie每次都要上传到服务器，浪费了带宽不说，而且伤害了感情。基于HTML5的localStorage可能能给你带的新的希望，而且最大支持不超过5MB的数据存储。可惜...

2020-05-27

57浏览

0评论

layui实现二维码弹窗、并下载到本地的方法

在服务器端写好生成二维码的方法，在下面调用具体实现方法如下，为了方便理解，直接附上源码，加上注释会更加容易理解吧 function share(vote_id){ //二维码生成链接 var url =...

2020-05-27

47浏览

0评论

解决Layui当中的导航条动态添加后渲染失败的问题

今天在使用Layui导航条动态添加的时候，发现动态添加后没有办法再次渲染他的效果，原因未知，但是已经解决了，这里利用的方式是将它渲染出来的span.layui-nav-bar样式利用DOM先删除...

2020-05-27

57浏览

0评论

vue-cli2与vue-cli3在一台电脑共存的实现方法

1、新建两个文件夹，分别用于存放vue-cli2和vue-cli32、进入vue2文件夹下载安装vue-cli2.0vue-cli2.0版本下载命令为npm install vue-cli或者npm install vue-cli@版本号，这里...

2020-05-27

45浏览

0评论

关于layui导航栏不展示下拉列表的解决方法

在使用导航栏时下拉列表不展示没有下拉效果是这样的经过修改后就解决了:具体原因是没有导入:layui/layui.js我的jsp代码是这样的：<html><meta name="viewport" content="widt...

2020-05-27

72浏览

0评论

解决LayUI数据表格复选框不居中显示的问题

解决LayUI数据表格复选框不居中显示的问题最后在样式文件中增加如下代码：.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{ top: 50%; transform: translat...

2020-05-27

34浏览

0评论

layui禁用侧边导航栏点击事件的解决方法

直接上代码吧//JavaScript代码区域layui.use(['element', 'laypage'],function(){ var element = layui.element; element.on('nav(test)', function(elem){ $(".layui...

2020-05-27

41浏览

0评论

浅谈Layui的eleTree树式选择器使用方法

模块eleTree 介绍、下载地址：https://fly.layui.com/extend/eleTree/使用JS位置，layui/lay/modules/eleTree.js；CSS位置，layui/css/modules/eleTree/eleTree.css；页面css引用...

2020-05-27

139浏览

0评论

vue中使用百度脑图kityminder-core二次开发的实现

最近项目中要用到脑图工具。
翻遍个大网站，找到 kityminder-core。然后发现这货年代久远，用的技术比较古董虽然出自大厂，但是文档资料着实让人蛋疼经过数小时的采坑，已经上...

2020-05-27

83浏览

0评论

Vue 刷新当前路由的实现代码

前言
开发项目的时候突然接到了这个需求，实验过后，解决方法也蛮多种，下面就讲下常规的几种方案1.改变router-view中的key值
通过改变 router-view 中的 key 值，来达到刷新组件的...

2020-05-27

51浏览

0评论

对Layer弹窗使用及返回数据接收的实例详解

Layer做为弹窗，主页面代码：注意1. callback()方法返回字符串，再data:JSON.parse(res)转为ajax提交时的json参数注意2. textarea 上使用append方法没有效果，改写： var str = $("#...

2020-05-27

54浏览

0评论

layUI使用layer.open,在content打开数据表格,获取值并返回的方法

在layUI编写的页面中，遇到这么一种情况，从一个页面中使用layer.open打开一个新窗口，新窗口中是一个数据表格，现在需要选中数据表格中的一列并获取它的值，以便下面这个选择按钮可...

2020-05-27

68浏览

0评论

layui: layer.open加载窗体时出现遮罩层的解决方法

如下所示：把窗体方法独立出来放在layer.use([],function(){});外面，需要的时候从layer.use方法里面调用，就不会出现遮罩层layer.use([],function(){ $("#添加按钮id").click(f...

2020-05-27

52浏览

0评论

layer.open 获取不到表单信息的解决方法

表单：<div class="orderHouse none"> <ul class="order-house-messige"> <form id="order-form" class="mui-input-group common-input-group order-house-group" data-a...

2020-05-27

69浏览

0评论

Vue项目环境搭建详细总结

关于Vue安装的详细步骤总结安装NodeJs首先解释一下什么是nodejs，为什么要安装node？node的优点？node.js是一个运行在chromeJavascript运行环境下（俗称GoogleV8引擎）的开发平台，用来...

2020-05-27

51浏览

0评论

layer.open 子页面弹出层向父页面传输数据的例子

子页面向父页面传数据，利用弹出页面点击确定时返回的参数，即yes:function(index,layero){}的layero。关键就一句：var obj = $(layero).find("iframe")[0].contentWindow;obj可...

2020-05-27

73浏览

0评论

IntelliJ IDEA编辑器配置vue高亮显示

本文实例为大家分享了IntelliJ IDEA编辑器配置vue高亮显示的具体实现方法，供大家参考，具体内容如下1.查找IntelliJ IDEA是否已经安装vue.js 注:之前有写过关于使用cmd命令搭建...

2020-05-27

33浏览

0评论

vue源码中的检测方法的实现

判断是否为undefined或nullconst isDef = (v) => { return v !== undefined && v !== null}判断是否为Promise 函数const isPromise = (val) => { return ( val !== undefi...

2020-05-27

54浏览

0评论

对Layer UI 模块化的用法详解

此文章适合入门的同学查看，之前因为项目的原因，在网上找了一套Layer UI做的后台管理系统模板，完全不懂LayUI里面的JS用法，看了官方文档和其它资料后才明白怎么去实现模块化这个...

2020-05-27

43浏览

0评论

解决layui的radio属性或别的属性没显示出来的问题

1、这是radio没有显示出来的情况2、正常的应该是这样的3、解决方法就是：使用form.render() 刷新界面layui.use('form',function(){ var form = layui.form; //刷新界面...

2020-05-27

48浏览

0评论

layui use 定义js外部引用函数的方法

layui.use 加载layui.define 定义的模块，当外部 js 或 onclick调用 use 内部函数时，需要在 use 中定义 window 函数供外部引用，如下：layui.use(['layer','form'],function(){...

2020-05-27

54浏览

0评论

IDEA安装vue插件图文详解

非常详细的IDEA安装vue插件的方法，供大家参考，具体内容如下1.idea上面安装vue插件（到这里idea安装vue插件就好了，接下来我们开始搭建我们后台管理系统）2.利用vue搭建后台管理系统...

2020-05-27

37浏览

0评论

vue框架制作购物车小球动画效果实例代码

最近在学习前端制作了一个购物车小球的动画效果直接上图看看效果下面介绍一下制作这个动画的详细过程：1.因为使用vue锁业需要使用transition标签包裹并指定动画三个动画生命...

2020-05-27

42浏览

0评论

使用layer弹窗提交表单时判断表单是否输入为空的例子

获得 layer 文件包后，解压并将 layer 整个文件夹（不要拆分结构）存放到你项目的任意目录，使用时，只需引入 layer.js 即可使用时一定他要先引入jq1.8，或者以上版本！！！下面是提交表单的...

2020-05-27

47浏览

0评论

vue点击当前路由高亮小案例

本文实例为大家分享了vue点击当前路由高亮的具体代码，供大家参考，具体内容如下功能展示：组件代码：标签上加exact.router-link-active{ background: rgba(255,255,255,0.8); colo...

2020-05-27

41浏览

0评论

利用layer实现表单完美验证的方法

如下所示：//基于layer框架之上，验证表单时引用。弹出提示错误function qxMsg(msgStr) { layer.open({ type: 1, title: '提示消息', offset: '10%;', content: '<div style="p...

2020-05-27

59浏览

0评论

vue+element表格导出为Excel文件

本文实例为大家分享了vue+element表格导出为Excel文件的具体代码，供大家参考，具体内容如下安装这三个依赖npm install xlsx file-saver -Snpm install script-loader -S -D组...

2020-05-27

50浏览

0评论

layui实现根据table数据判断按钮显示情况的方法

就可以根据table的数据实现判断toolbar按钮的显示状态和情况实例如下所示：<script type="text/html" id="barDemo"> {{# if(d.status ==0){ }} <a class="layui-btn layui-...

2020-05-27

43浏览

0评论

vue+element tabs选项卡分页效果

本文实例为大家分享了vue+element tabs选项卡分页效果的具体代码，供大家参考，具体内容如下文件目录：功能展示：路由配置：{ path: '/account', component: ()=> import('../compo...

2020-05-27

69浏览

0评论

微信小程序点击列表跳转到对应详情页过程解析

这篇文章主要介绍了微信小程序点击列表跳转到对应详情页过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下点击列...

2020-05-27

78浏览

0评论

layui.tree组件的使用以及搜索节点功能的实现

由于项目树形节点比较多需要增加节点搜索功能，所以研究了一下加上社区伙伴的支持，目前功能可以简单实现但细节还需要修改，添加上了组件的基本使用方法和属性，现在分享出来~HTML：<...

2020-05-27

38浏览

0评论

vue用BMap百度地图实现即时搜索功能

本文实例为大家分享了vue用BMap百度地图实现即时搜索功能的具体代码，供大家参考，具体内容如下功能如下：搜索框搜索---自动下拉---点击数据---数据显示在搜索框里---点击新增--...

2020-05-27

43浏览

0评论

微信小程序实现拖拽功能

<view class='collectBox' bindtap='addCollect' wx:if="{{write[0]+write[1] > 0}}" bindtouchmove="touchmove" catch:touchmove style="left:{{write[0]}}px;t...

2020-05-27

53浏览

0评论

细说webpack6 Babel的使用详解

在 webpack 中编写 JavaScript 代码，可以使用最新的 ES 语法，而最终打包的时候，webpack 会借助 Babel 将 ES6+语法转换成在目标浏览器可执行 ES5 语法。所以 Babel 是一个重要...

2020-05-27

72浏览

0评论

小程序调用微信支付的方法

本文实例为大家分享了小程序调用微信支付的具体代码，供大家参考，具体内容如下首先调用小程序wx.login登录接口获取用户code将code作为参数传给后端调用后端接口wechat/p...

2020-05-27

57浏览

0评论

vue轮播组件实现$children和$parent 附带好用的gif录制工具

1、先提前预祝大家国庆节玩的愉快，我国庆要见家长去了（忐忑）2、忍不住想要为小米正名，虽然我是米粉但是我是理智粉。24号不是mix alpha发布会啊，看了真滴是惊艳（现场直接有人喊“...

2020-05-27

46浏览

0评论

react实现同页面三级跳转路由布局

本文实例为大家分享了react实现同页面三级跳转路由布局的具体代码，供大家参考，具体内容如下
一级路由+布局组件：//嵌套路由小案例布局页面一级路由import React from 'react'...

2020-05-27

77浏览

0评论

Vue 中使用富文本编译器wangEditor3的方法

富文本编译器在vue中的使用在开发的过程中由于某些特殊需求，被我们使用，今天我就简单讲一讲如何在vue中使用wangEditor3首先讲一下简单的使用。
1、使用npm安装npm install wa...

2020-05-27

热门文章