JavaScript - 教程之家

379浏览

0评论

VUE+elementui面包屑实现动态路由详解

我的路由：const routerMap = [ { path: '/', redirect: 'dashboard', component: Layout, name:'Dashboard', children: [ { path: 'dashboard'...

2020-05-27

534浏览

0评论

vue+elementUI动态生成面包屑导航教程

效果如下所示：项目需要动态生成面包屑导航,并且首页可以点击.其余为路径显示<el-menu :unique-opened="true" router :default-active="$route.path" @select="handleSelect"...

2020-05-27

158浏览

0评论

Vue 解决多级动态面包屑导航的问题

固定路由的面包屑导航我们在配置router的时候，可以将面包屑数据配置在meta中，例如路由配置：{ path: '/project/process/:id', name: 'process', component: () => import('@...

2020-05-27

280浏览

0评论

element-ui table组件如何使用render属性的实现

前言起因：在使用 element-ui table组件时，由于表列比较多一个个写特别麻烦，所以想通过将所有表头定义成一个数组，通过遍历多方式去实现。这样解决了手写很多 el-table-column 的...

2020-05-27

514浏览

0评论

Vue路由对象属性 .meta $route.matched详解

$route.fullPath1 路由是：/path/:type真正路径是：/path/list2 path匹配路径: /path/list3 fullPath匹配路由: /path/:type路由元信息 .metaconst router = new VueRouter({ ro...

2020-05-27

84浏览

0评论

vue实现权限控制路由(vue-router 动态添加路由)

用户登录后返回权限菜单，前端根据权限菜单动态添加路由，然后再动态生成菜单栏。思路如下：一、定义初始化默认路由。二、动态配置路由，这里是把所有组件中相应的路由配置成一个个...

2020-05-27

356浏览

0评论

解决vue更新路由router-view复用组件内容不刷新的问题

本文知识点比较简单，主要面向vue新人解惑，vue前辈请忽略。实现功能：见上图，这是一个产品列表，当进入不同列表时应该更新内容。代码如下：//router配置{ path: "/products/:categor...

2020-05-27

289浏览

0评论

vue2.0 获取从http接口中获取数据,组件开发,路由配置方式

vue 2.0 从接口中获取数据<template> <div id="admins"> <h1>I am a title.</h1> <a> written by {{ author }} </a> <div v-for="admin in users"> {{admin.name}}<br...

2020-05-27

126浏览

0评论

关于vue里页面的缓存详解

keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。用法：运行结果描述： input输入框内，路由切换输入框内部的内容不会发生改变。在keep-alive...

2020-05-27

75浏览

0评论

javascript如何实现create方法

这篇文章主要介绍了javascript如何实现create方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1. 背景项目使用 easy...

2020-05-27

235浏览

0评论

vue keep-alive 动态删除组件缓存的例子

业务需求：切换tab页标签的时候（路由前进的时候），缓存当前组件数据，关闭tab页标签的时候清除组件缓存。实现：1、先在store的state里面设置一个要缓存数组2、在进到子页面的时候，更...

2020-05-27

603浏览

0评论

element-ui 文件上传修改文件名的方法示例

技术背景
Vue + axios + element-ui问题的产生
一个美好的周五，我正在愉快地打着代码，突然收到一封来自产品的神秘消息，线上活动出 BUG 了！呐尼！怎么可能！一定是你的打开方式不对！...

2020-05-27

63浏览

0评论

原生js实现随机点名功能

本文实例为大家分享了js实现随机点名的具体代码，供大家参考，具体内容如下原生js实现随机点名，js部分有注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...

2020-05-27

129浏览

0评论

Vue通过WebSocket建立长连接的实现代码

使用场景：　　在项目开发中，后端需要处理一连串的逻辑，或者等待第三方的数据返回来进行处理之后在返回给前端，可能时间会很长，而且前端也不知道后端什么时候能处理好（时间长的话会...

2020-05-27

554浏览

0评论

vue+vant-UI框架实现购物车的复选框全选和反选功能

购物车页面的设计图商品的列表代码：<ul v-if="shoppingListData.rows.length"><liv-for="(item,index) in shoppingListData.rows":key="index"><van-checkbox:value="item.g...

2020-05-27

118浏览

0评论

js实现随机点名程序

最近用到了一下随机点名程序，就自己整理一下。代码实现后的截图如下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi...

2020-05-27

78浏览

0评论

node.js实现简单的压缩/解压缩功能示例

本文实例讲述了node.js实现简单的压缩/解压缩功能。分享给大家供大家参考，具体如下：压缩的例子非常简单的几行代码，就完成了本地文件的gzip压缩。var fs = require('fs');var z...

2020-05-27

156浏览

0评论

Vue中使用matomo进行访问流量统计的实现

前言
之前做到了一个页面及接口访问流量统计的需求, 然后在网上找了很多帖子,发现有些有的但是写的都不是很详细,所以今天就整理了一下
正文第一步
首先自然是引入matomonpm...

2020-05-27

110浏览

0评论

node.js文件操作系统实例详解

本文实例讲述了node.js文件操作。分享给大家供大家参考，具体如下：文件读取普通读取同步读取var fs = require('fs');var data;try{ data = fs.readFileSync('./fileForRead.t...

2020-05-27

150浏览

0评论

node.js域名解析实现方法详解

本文实例讲述了node.js域名解析实现方法。分享给大家供大家参考，具体如下：域名解析：dns.lookup()比如我们要查询域名 www.qq.com 对应的ip，可以通过 dns.lookup() 。var dns = r...

2020-05-27

162浏览

0评论

NodeJS http模块用法示例【创建web服务器/客户端】

本文实例讲述了NodeJS http模块用法。分享给大家供大家参考，具体如下：Node.js提供了http模块，用于搭建HTTP服务端和客户端。创建Web服务器/** * node-http 服务端 */let http =...

2020-05-27

254浏览

0评论

小程序识别身份证，银行卡，营业执照，驾照的实现

最近老是有同学问我小程序ocr识别的问题，就趁机研究了下，实现了小程序识别身份证，银行卡，驾照，营业执照，图片文字的功能。今天来给大家讲讲详细的实现流程。先画一张流程图出来第...

2020-05-27

87浏览

0评论

Node.js开发之套接字(socket)编程入门示例

本文实例讲述了Node.js套接字(socket)编程。分享给大家供大家参考，具体如下：Node.js的net模块提供了socket编程接口，方便我们利用较为底层的套接字接口来实现应用协议。这次我...

2020-05-27

122浏览

0评论

vue 实现路由跳转时更改页面title

一、router文件夹下的index文件中给每个path添加meta:{}：export default new Router({ routes: [ { path: '/', name: 'index', component: index, meta: { title: 'ti...

2020-05-27

119浏览

0评论

vue 解决路由只变化参数页面组件不更新问题

形如：http://localhost:8080/#/xxx?a=1&b=1如果只是变化？后面的参数，页面组件并不会响应解决办法：使用watch监听路由$route对象属性的变化watch: { '$route' (to, from) {...

2020-05-27

339浏览

0评论

vue动态路由:路由参数改变,视图不更新问题的解决

问题描述：使用vue动态路由（“/route/:id” 形式）传参的时候，修改页面参数，但是视图仍旧是之前的内容，没有进行刷新，示例如下：原因分析：具体原因在vue官方文档：响应路由参数的变化一节...

2020-05-27

672浏览

0评论

vue Tab切换以及缓存页面处理的几种方式

前言相信tab切换对于大家来说都不算陌生，后台管理系统中多会用到。如果不知道的话，可以看一下浏览器上方的标签页切换，大概效果就是这样。1.如何切换使用动态组件,相信大家都能...

2020-05-27

177浏览

0评论

vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法

作为vue的初用者，你可能会像我一样遇到一个问题，对跳转组件是，我们想通过参数不同，调用不同的方法。例如：app.vue <ul> <li class="navList" v-for="index in goods" :key=...

2020-05-27

602浏览

0评论

vue 路由子组件created和mounted不起作用的解决方法

判断项目是否启用keep-alive启用使用exclude排除组件(我没有成功不知道为什么)<keep-alive exclude="needExcludeComponentName"> <router-view></router-view></keep-alive...

2020-05-27

202浏览

0评论

vue子传父关于.sync与$emit的实现

$emit(update: prop, "newPropVulue") 这个模式，使子组件向父组件传达：更新属性，并抛出新的属性值
.sync 修饰符是父组件中修改prop值得修饰符一：什么地方需要用到.sync修饰符...

2020-05-27

151浏览

0评论

vue input标签通用指令校验的实现

移动端通常对于input标签要求输入有一些校验，vue的指令可达到完美校验的作用
预期效果
<input v-model="times" :data-last_value="lastTimes" v-int v-max="8" v-min="2" />...

2020-05-27

746浏览

0评论

解决vue项目F5刷新mounted里的函数不执行问题

项目背景在主文件index.vue中初始化页面相关的操作，在mounted中放置用户权限判断并更新store中的权限值，当点击相应组件时mounted可正常工作，但是在用户手动刷新时mounted内的...

2020-05-27

668浏览

0评论

在Vue mounted方法中使用data变量详解

如下所示：data: { certificates: null},mounted: function () { var __this = this; __this.certificates = getDictForkey("学历");}使用this对data中变量进行调用vue生...

2020-05-27

463浏览

0评论

vuex 实现getter值赋值给vue组件里的data示例

通过watch将orderDetailsData对象赋值给data中的consignee对象，这样能将操作能避免v-model修改时，直接改动vuex中的值。<template> <input type="text" placeholder="请输入收...

2020-05-27

176浏览

0评论

js+html实现点名系统功能

本文实例为大家分享了js+html实现点名系统功能的具体代码，供大家参考，具体内容如下前言：实现一个简单的点名系统需求分析：1、两个按钮实现随机点名的开始和结束(onclick()方法)...

2020-05-27

294浏览

0评论

解决vue.js提交数组时出现数组下标的问题

这是因为在vue.js 里面的ajax.js文件内对数据进行了深度解析了，我们只需要let axios = Axios.create({ baseURL: 'http://127.0.0.1:8761/', headers: {'X-Requested-With'...

2020-05-27

236浏览

0评论

vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法

我需要在搜索页拿到结果之后跳转到搜索结果页并携带搜索结果尝试过几种方法之后最终采用vuex+sessionStorage结合的方法在mutations中setResultValue(state,flag){ sessionS...

2020-05-27

151浏览

0评论

VUE 组件转换为微信小程序组件的方法

简介：首先我们介绍一下本文的关键点：抽象语法树，它是以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。通过操作这棵树，可以精确的定位到声明、赋值...

2020-05-27

113浏览

0评论

Node对CommonJS的模块规范

Node能够以一种相对程度的的姿态出现，离不开CommonJS规范的影响。Node借鉴CommonJS的Modules规范实现了一套非常易用的模块系统，NPM对packages规范的完好支持使得Node应用在开...

2020-05-27

147浏览

0评论

JS实现随机抽取三人

因为实验室每周需要三人来做报告，所以用JS来做一个随机抽取的页面。首先，先说一下需求。研二同学共5人，一人是单独的一组，研一同学共9人，同时九人分为三组。所以共八组，每周报告的...

2020-05-27

239浏览

0评论

关于vue路由缓存清除在main.js中的设置

1.main.js/* 页面数据缓存 */var _CACHE_OBJS = {}; function _init_cache(comp, key, cache) { var obj = cache[key]; if (obj !== undefined) { comp[key] = obj; } var...

2020-05-27

547浏览

0评论

vue项目强制清除页面缓存的例子

异常描述：支付宝中内嵌h5项目（vue框架开发），前端重新打包上传之后访问页面会导致页面空白、页面tab点击异常之类异常情况，需要手动清除支付宝缓存才可以正常访问。解决方案：在HTTP...

2020-05-27

205浏览

0评论

Nodejs技巧之Exceljs表格操作用法示例

本文实例讲述了Nodejs技巧之Exceljs表格操作用法。分享给大家供大家参考，具体如下：工作中我们可能会遇到制作表格的需求，那么针对nodejs如何制作一个汇总表格呢？今天我们就在此...

2020-05-27

630浏览

0评论

vue 关闭浏览器窗口的时候,清空localStorage的数据示例

如果是用vue做的单页面程序的时候，将监听的方法放在App.vue是最灵活的<template> <div id="main" class="app-main"> <router-view></router-view> </div></template> <...

2020-05-27

167浏览

0评论

在vue中阻止浏览器后退的实例

如下所示：history.pushState(null, null, document.URL); window.addEventListener(‘popstate', function() { history.pushState(null, null, document.URL); });vue阻止浏...

2020-05-27

109浏览

0评论

weui中的picker使用js进行动态绑定数据问题

解决方案;　picker和Select组件是通过input标签绑定，可以先通过input的父级元素移除input标签，重新插入input标签，最后重新初始化picker或Select组件。<div class="weui-cell">...

2020-05-27

132浏览

0评论

electron 安装，调试，打包的具体使用

项目推荐想要快速的了解 electron，调试 electron，打包 electron，推荐项目electron-webpack-quick-start快速开始先安装 cross-env，用于设置环境变量。因为在后面安装electron...

2020-05-27

151浏览

0评论

详解vue页面首次加载缓慢原因及解决方案

第一次打包vue的项目部署到服务器下时，发现初次加载特别的缓慢，将近20s页面才加载出来，完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文...

2020-05-27

181浏览

0评论

node读写Excel操作实例分析

本文实例讲述了node读写Excel操作。分享给大家供大家参考，具体如下：目支持写Excel的node.js模块： node-xlsx: 基于Node.js解析excel文件数据及生成excel文件； excel-parser:...

2020-05-27

158浏览

0评论

webpack是如何实现模块化加载的方法

webpack支持的模块规范有 AMD 、CommonJS、ES2015 import 等规范。不管何种规范大致可以分为同步加载和异步加载两种情况。本文将介绍webpack是如何实现模块管理和加载。同...

2020-05-27

热门文章