133浏览

0评论

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

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

• 2020-05-27

90浏览

0评论

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

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

• 2020-05-27

120浏览

0评论

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

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

• 2020-05-27

136浏览

0评论

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

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

• 2020-05-27

212浏览

0评论

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

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

• 2020-05-27

65浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27

91浏览

0评论

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

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

• 2020-05-27

313浏览

0评论

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

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

• 2020-05-27

642浏览

0评论

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

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

• 2020-05-27

155浏览

0评论

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

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

• 2020-05-27

580浏览

0评论

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

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

• 2020-05-27

183浏览

0评论

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

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

• 2020-05-27

131浏览

0评论

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

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

• 2020-05-27

711浏览

0评论

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

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

• 2020-05-27

645浏览

0评论

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

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

• 2020-05-27

449浏览

0评论

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

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

• 2020-05-27

147浏览

0评论

js+html实现点名系统功能

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

• 2020-05-27

274浏览

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

211浏览

0评论

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

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

• 2020-05-27

126浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

Node对CommonJS的模块规范

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

• 2020-05-27

131浏览

0评论

JS实现随机抽取三人

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

• 2020-05-27

220浏览

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

519浏览

0评论

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

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

• 2020-05-27

175浏览

0评论

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

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

• 2020-05-27

610浏览

0评论

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

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

• 2020-05-27

145浏览

0评论

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

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

• 2020-05-27

90浏览

0评论

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

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

• 2020-05-27

105浏览

0评论

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

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

• 2020-05-27

122浏览

0评论

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

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

• 2020-05-27

130浏览

0评论

node读写Excel操作实例分析

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

• 2020-05-27

125浏览

0评论

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

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

• 2020-05-27

99浏览

0评论

element的el-table中记录滚动条位置的示例代码

场景重现：在项目中使用了keep-alive来缓存组件，且使用element中的table列表，但在项目中是对table进行了二次封装，跟页码合在了一起。按照网上的直接对scrollTop赋值，赋值失败了，还...

• 2020-05-27

170浏览

0评论

vuex state中的数组变化监听实例

前言首先，因为我有一个需求就是vue组件中有一组多选框，选中多选框的内容，要在另一个组件中进行视图更新，这个就设计的兄弟组件之间的通信了，兄弟组件之前通信我首先选用的vuex这...

• 2020-05-27

598浏览

0评论

详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题

业务上出现一个问题：如果连续对同一个接口发出请求，参数不同，有时候先请求的比后请求的返回数据慢，导致数据顺序混乱，或者数据被覆盖的问题，所以需要控制请求的顺序。解决方法:1....

• 2020-05-27

271浏览

0评论

vue计算属性无法监听到数组内部变化的解决方案

vue的计算属性计算属性可以帮助我们简化代码，做到实时更新，不用再自己添加function去修改data。首先看一下计算属性的基本写法(摘自官网)var vm = new Vue({ el: '#demo', dat...

• 2020-05-27

85浏览

0评论

node省市区三级数据性能测评实例分析

本文实例讲述了node省市区三级数据性能测评。分享给大家供大家参考，具体如下：闲来无事，测试下node和egg首先是数据库，大概长这样然后是代码'use strict';const Controller = req...

• 2020-05-27

123浏览

0评论

vuex存值与取值的实例

组件内取值 computed: { value() { return this.$store.state.userData.xxx; } },组件内存值methods: { fn() { this.$store.commit('setValue',xxx)...

• 2020-05-27

219浏览

0评论

vue限制输入框只能输入8位整数和2位小数的代码

看到这个标题好像很简单，onblur、onchange事件都能做到，但是用户体验感貌似很差。查了下百度查不到资料了。看了下vue的基础，发现 vue 有个 watch 监听器好吧，从这里入手 用v-mo...

• 2020-05-27

68浏览

0评论

Windows上node.js的多版本管理工具用法实例分析

本文实例讲述了Windows上node.js的多版本管理工具用法。分享给大家供大家参考，具体如下：在Linux上我一直使用nvm来管理nodejs的不同版本，但是nvm没有windows版本，今天发现在wind...

• 2020-05-27

104浏览

0评论

vuex actions异步修改状态的实例详解

actions异步修改状态与mutations同步修改状态是两个容易混淆的概念，因为两者在执行上，很难测试出两者的差别，而我们要区别它们两，首先你得区分同步与异步，我的理解是，同步更像是一...

• 2020-05-27

52浏览

0评论

vuex实现像调用模板方法一样调用Mutations方法

我们在写vue项目中如果，我们发现vuex中<button @click="$store.commit('jia')">-</button>是十分麻烦的，我们想直接写成@click中的jia，我们应该如何处理？我们可以想一想我们在解...

• 2020-05-27

130浏览

0评论

node解析修改nginx配置文件操作实例分析

本文实例讲述了node解析修改nginx配置文件操作。分享给大家供大家参考，具体如下：主要是通过nginx-conf这个工具。git地址：https://github.com/tmont/nginx-conf具体用法：npm ins...

• 2020-05-27

87浏览

0评论

对vuex中getters计算过滤操作详解

getter这个概念其实我们写的时候感觉好像和Mutations修改状态一样，实际上它们是有区别的：getters比较死板，如果你的百度钱包只有在金额为100才能提现，那么你在写提现页面，它是早...

• 2020-05-27

250浏览

0评论

vue 获取及修改store.js里的公共变量实例

html<input type='text' :value='num'><button @click='add'> + </botton>jsdata(){ return{ }},methods:{ add(){ this.$store.commit('add',1) }},computed:{ num:fu...

• 2020-05-27

97浏览

0评论

微信小程序页面间传递数组对象方法解析

这篇文章主要介绍了微信小程序页面间传递数组对象方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下方法1：A页面跳...

• 2020-05-27

365浏览

0评论

微信小程序页面渲染实现方法

这篇文章主要介绍了微信小程序页面渲染实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下条件渲染：wx:if, wx:elif...

• 2020-05-27

789浏览

0评论

vue 解决computed修改data数据的问题

最近在做项目的时候遇见一个问题，computed修改data数据的时候会报错。报错的大概意思是，不可以修改data数据的属性值。查了一些答案，最终解决办法是需要用到set和get。看代码：da...

• 2020-05-27

106浏览

0评论

vue elementUI 表单校验的实现代码（多层嵌套）

嵌套对象的校验
项目中使用的vue+elementUI进行开发，已经用了有一段时间了，感觉表单校验是每一个前端开发人员都避免不了的需求。在一些前端可以自行校验的情况下，先通过前端校...

• 2020-05-27