Vue利用Blob下载原生二进制数组文件
本文实例为大家分享了Vue利用Blob下载原生二进制数组文件的具体代码，供大家参考，具体内容如下在服务端推送过来的二进制数组(JSON格式），在前端要处理成JS原生数组以后才能做成Bl...
2020-05-27
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
页面A中弹出页面B,在页面B中弹出页面C,在layer做嵌套ifframe弹出时会遇到C页面被嵌套在B页面中，如果C尺寸大于B,则C将不能显示完整。这个时候可以考虑B,C页面均由A页面弹出从...
2020-05-27
Vue路由守卫之路由独享守卫
路由独立守卫，顾名思义就是这个路由自己的守卫任务，就如同咱们LOL，我们守卫的就是独立一条路，保证我们这条路不要被敌人攻克(当然我们也得打团配合)在官方定义是这样说的：你可以...
2020-05-27
JavaScript使用localStorage存储数据
背景以前js都是 Session 和 Cookie 来存储信息，仿佛我还停留在那个时候，一问同事有没有新的solution，才知道现在已经有 HTML5 localStorage 本地存储 这个东西，可以在浏览器端储...
2020-05-27
使用localStorage替代cookie做本地存储
因为cookie存储有限，加上cookie每次都要上传到服务器，浪费了带宽不说，而且伤害了感情。基于HTML5的localStorage可能能给你带的新的希望，而且最大支持不超过5MB的数据存储。可惜...
2020-05-27
layui实现二维码弹窗、并下载到本地的方法
在服务器端写好生成二维码的方法，在下面调用具体实现方法如下，为了方便理解，直接附上源码，加上注释会更加容易理解吧 function share(vote_id){ //二维码生成链接 var url =...
2020-05-27
解决Layui当中的导航条动态添加后渲染失败的问题
今天在使用Layui导航条动态添加的时候，发现动态添加后没有办法再次渲染他的效果，原因未知，但是已经解决了，这里利用的方式是将它渲染出来的span.layui-nav-bar样式利用DOM先删除...
2020-05-27
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
关于layui导航栏不展示下拉列表的解决方法
在使用导航栏时下拉列表不展示没有下拉效果是这样的经过修改后就解决了:具体原因是没有导入:layui/layui.js我的jsp代码是这样的：<html><meta name="viewport" content="widt...
2020-05-27
解决LayUI数据表格复选框不居中显示的问题
解决LayUI数据表格复选框不居中显示的问题最后在样式文件中增加如下代码：.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{ top: 50%; transform: translat...
2020-05-27
layui禁用侧边导航栏点击事件的解决方法
直接上代码吧//JavaScript代码区域layui.use(['element', 'laypage'],function(){ var element = layui.element; element.on('nav(test)', function(elem){ $(".layui...
2020-05-27
浅谈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
vue中使用百度脑图kityminder-core二次开发的实现
最近项目中要用到 脑图工具。
翻遍个大网站，找到 kityminder-core。然后发现这货 年代久远，用的技术比较古董 虽然出自大厂，但是文档资料着实让人蛋疼经过数小时的采坑，已经上...
2020-05-27
Vue 刷新当前路由的实现代码
前言
开发项目的时候突然接到了这个需求，实验过后，解决方法也蛮多种，下面就讲下常规的几种方案1.改变router-view中的key值
通过改变 router-view 中的 key 值，来达到刷新组件的...
2020-05-27
对Layer弹窗使用及返回数据接收的实例详解
Layer做为弹窗，主页面代码：注意1. callback()方法 返回字符串，再data:JSON.parse(res)转为ajax提交时的json参数注意2. textarea 上使用append方法没有效果，改写： var str = $("#...
2020-05-27
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
在layUI编写的页面中，遇到这么一种情况，从一个页面中使用layer.open打开一个新窗口，新窗口中是一个数据表格，现在需要选中数据表格中的一列并获取它的值，以便下面这个选择按钮可...
2020-05-27
layui: layer.open加载窗体时出现遮罩层的解决方法
如下所示：把窗体方法独立出来放在layer.use([],function(){});外面，需要的时候从layer.use方法里面调用，就不会出现遮罩层layer.use([],function(){ $("#添加按钮id").click(f...
2020-05-27
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
Vue项目环境搭建详细总结
关于Vue安装的详细步骤总结安装NodeJs首先解释一下什么是nodejs，为什么要安装node？node的优点？node.js是一个运行在chromeJavascript运行环境下（俗称GoogleV8引擎）的开发平台，用来...
2020-05-27
layer.open 子页面弹出层向父页面传输数据的例子
子页面向父页面传数据，利用弹出页面点击确定时返回的参数，即yes:function(index,layero){}的layero。关键就一句：var obj = $(layero).find("iframe")[0].contentWindow;obj可...
2020-05-27
IntelliJ IDEA编辑器配置vue高亮显示
本文实例为大家分享了IntelliJ IDEA编辑器配置vue高亮显示的具体实现方法，供大家参考，具体内容如下1.查找IntelliJ IDEA是否已经安装vue.js 注:之前有写过关于使用cmd命令搭建...
2020-05-27
vue源码中的检测方法的实现
判断是否为undefined或nullconst isDef = (v) => { return v !== undefined && v !== null}判断是否为Promise 函数const isPromise = (val) => { return ( val !== undefi...
2020-05-27
对Layer UI 模块化的用法详解
此文章适合入门的同学查看，之前因为项目的原因，在网上找了一套Layer UI做的后台管理系统模板，完全不懂LayUI里面的JS用法，看了官方文档和其它资料后才明白怎么去实现模块化这个...
2020-05-27
解决layui的radio属性或别的属性没显示出来的问题
1、这是radio没有显示出来的情况2、正常的应该是这样的3、解决方法就是：使用form.render() 刷新界面layui.use('form',function(){ var form = layui.form; //刷新界面...
2020-05-27
layui use 定义js外部引用函数的方法
layui.use 加载layui.define 定义的模块，当外部 js 或 onclick调用 use 内部函数时，需要在 use 中定义 window 函数供外部引用 ，如下：layui.use(['layer','form'],function(){...
2020-05-27
IDEA安装vue插件图文详解
非常详细的IDEA安装vue插件的方法，供大家参考，具体内容如下1.idea上面安装vue插件（到这里idea安装vue插件就好了，接下来我们开始搭建我们后台管理系统）2.利用vue搭建后台管理系统...
2020-05-27
vue框架制作购物车小球动画效果实例代码
最近在学习前端制作了一个购物车小球的动画效果直接上图看看效果下面介绍一下制作这个动画的详细过程：1.因为使用vue锁业需要使用transition标签包裹 并指定动画三个动画生命...
2020-05-27
使用layer弹窗提交表单时判断表单是否输入为空的例子
获得 layer 文件包后，解压并将 layer 整个文件夹（不要拆分结构） 存放到你项目的任意目录，使用时，只需引入 layer.js 即可使用时一定他要先引入jq1.8，或者以上版本！！！下面是提交表单的...
2020-05-27
vue点击当前路由高亮小案例
本文实例为大家分享了vue点击当前路由高亮的具体代码，供大家参考，具体内容如下功能展示：组件代码：标签上加exact.router-link-active{ background: rgba(255,255,255,0.8); colo...
2020-05-27
利用layer实现表单完美验证的方法
如下所示：//基于layer框架之上，验证表单时引用。弹出提示错误function qxMsg(msgStr) { layer.open({ type: 1, title: '提示消息', offset: '10%;', content: '<div style="p...
2020-05-27
vue+element表格导出为Excel文件
本文实例为大家分享了vue+element表格导出为Excel文件的具体代码，供大家参考，具体内容如下安装这三个依赖npm install xlsx file-saver -Snpm install script-loader -S -D组...
2020-05-27
layui实现根据table数据判断按钮显示情况的方法
就可以根据table的数据实现判断toolbar按钮的显示状态和情况实例如下所示：<script type="text/html" id="barDemo"> {{# if(d.status ==0){ }} <a class="layui-btn layui-...
2020-05-27
vue+element tabs选项卡分页效果
本文实例为大家分享了vue+element tabs选项卡分页效果的具体代码，供大家参考，具体内容如下文件目录：功能展示：路由配置：{ path: '/account', component: ()=> import('../compo...
2020-05-27
微信小程序点击列表跳转到对应详情页过程解析
这篇文章主要介绍了微信小程序点击列表跳转到对应详情页过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下点击列...
2020-05-27
layui.tree组件的使用以及搜索节点功能的实现
由于项目树形节点比较多需要增加节点搜索功能，所以研究了一下加上社区伙伴的支持，目前功能可以简单实现但细节还需要修改，添加上了组件的基本使用方法和属性，现在分享出来~HTML：<...
2020-05-27
vue用BMap百度地图实现即时搜索功能
本文实例为大家分享了vue用BMap百度地图实现即时搜索功能的具体代码，供大家参考，具体内容如下功能如下：搜索框搜索---自动下拉---点击数据---数据显示在搜索框里---点击新增--...
2020-05-27
微信小程序实现拖拽功能
<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
细说webpack6 Babel的使用详解
在 webpack 中编写 JavaScript 代码，可以使用最新的 ES 语法，而最终打包的时候，webpack 会借助 Babel 将 ES6+语法转换成在目标浏览器可执行 ES5 语法。所以 Babel 是一个重要...
2020-05-27
小程序调用微信支付的方法
本文实例为大家分享了小程序调用微信支付的具体代码，供大家参考，具体内容如下首先调用小程序wx.login登录接口 获取用户code将code作为参数 传给后端 调用后端接口wechat/p...
2020-05-27
vue轮播组件实现$children和$parent 附带好用的gif录制工具
1、先提前预祝大家国庆节玩的愉快，我国庆要见家长去了（忐忑）2、忍不住想要为小米正名，虽然我是米粉但是我是理智粉。24号不是mix alpha发布会啊，看了真滴是惊艳（现场直接有人喊“...
2020-05-27
react实现同页面三级跳转路由布局
本文实例为大家分享了react实现同页面三级跳转路由布局的具体代码，供大家参考，具体内容如下
一级路由+布局组件：//嵌套路由小案例 布局页面一级路由import React from 'react'...
2020-05-27
Vue 中使用富文本编译器wangEditor3的方法
富文本编译器在vue中的使用在开发的过程中由于某些特殊需求，被我们使用，今天我就简单讲一讲如何在vue中使用wangEditor3首先讲一下简单的使用。
1、使用npm安装npm install wa...
2020-05-27
vue+element搭建后台小总结 el-dropdown下拉功能
本文实例为大家分享了el-dropdown下拉功能的具体代码，供大家参考，具体内容如下功能：点击el-dropdown 下拉 下拉的数据 从后台获取 遍历到界面上且多个el-dropdown下拉 共用 一...
2020-05-27
vue实现百度搜索功能
本文实例为大家分享了vue实现百度搜索功能的具体代码，供大家参考，具体内容如下最终效果：Baidusearch.vue所有代码：<template> <div> <div class="container" id="app"> <div c...
2020-05-27
微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能
看了很多帖子，但是效果都不是很好。还是找微信小程序官方文档，自己写比较方便。自己动手丰衣足食！话不多说，上代码！时空传送先来个效果图html<block wx:for='{{trendsList}}' wx:...
2020-05-27
vue仿ios列表左划删除
本文实例为大家分享了vue仿ios列表左划删除的具体代码，供大家参考，具体内容如下效果：代码： <template> <div class="delete"> <div class="slider"> <div clas...
2020-05-27
layui 上传图片 返回图片地址的方法
默认是file参数名返回一个Map前端接收即可。以上这篇layui 上传图片 返回图片地址的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...
2020-05-27
layui 阻止图片上传的实例(before方法)
今天项目上传图片需要校验大小，而且各个地方图片大小的限制不一样，如果在后台控制会比较麻烦，所以就放在 js 里校验，这里用的layui（1.0.9） 的 upload.js 模块。这个版本的layui本...
2020-05-27
layui实现多图片上传并限制上传的图片数量
废话不多说了，直接上代码吧！ //给图片添加删除 function mouseChange() { $(document).on("mouseenter mouseleave", ".file-iteme", function (event) {...
2020-05-27
浅谈layui里的上传控件问题
很多时候，项目里都是需要上传功能的，现在就来研究研究，首先，在html页面引入layui的包，如：<link rel="stylesheet" href="map/plug-in/scripts/layui/css/layui.css" rel="external...
2020-05-27
