编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

81浏览

0评论

vue 指令和过滤器的基本使用(品牌管理案例)

过滤器的基本使用定义一个过滤器<div id="app"> <p>{{ msg | msgFormat('疯狂+1', '123') | test }}</p> </div>// 定义一个 Vue 全局的过滤器，名字叫做 msgFormat Vue.fil...

2020-05-27 02:16:19

113浏览

0评论

Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】

本文实例讲述了Vue图片浏览组件v-viewer用法。分享给大家供大家参考，具体如下：v-viewer用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。从0.x迁移你需要做的...

2020-05-27 02:16:19

98浏览

0评论

p5.js绘制创意自画像

本文实例为大家分享了p5.js绘制自画像的具体代码，供大家参考，具体内容如下绘制结果人物头上的呆毛会一直运动，鼠标出现在画面上时左上角会有一个小猫咪头随着鼠标移动，而且人物...

2020-05-27 02:16:18

59浏览

0评论

使用p5.js临摹动态图片

本文实例为大家分享了p5.js临摹动态图片的具体代码，供大家参考，具体内容如下1、临摹图片2、图像运动规律原图中一共有36个等大的四分之三圆形，按照一定的规律转动，可以等效为圆...

2020-05-27 02:16:16

84浏览

0评论

vue双向绑定数据限制长度的方法

vue双向绑定数据如何限制长度？具体方法请阅读文章问题描述vue中输入框v-modle 双向绑定的数据；在需要的业务场景下需要对其进行字数长度限制；解决方案可以使用以下方法：方法一：//...

2020-05-27 02:16:14

101浏览

0评论

Vuex,iView UI面包屑导航使用扩展详解

本案例是基于Vuex的公共数据库，你在了解本案例之前要了解Vuex的使用方法。https://www.iviewui.com/components/breadcrumb打开网址我们可以知道这个组件的面包屑导航是基于...

2020-05-27 02:16:13

362浏览

0评论

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

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

2020-05-27 02:16:12

497浏览

0评论

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

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

2020-05-27 02:16:11

139浏览

0评论

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

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

2020-05-27 02:16:10

248浏览

0评论

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

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

2020-05-27 02:16:09

484浏览

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 02:16:08

64浏览

0评论

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

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

2020-05-27 02:16:07

335浏览

0评论

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

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

2020-05-27 02:16:06

260浏览

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 02:16:05

103浏览

0评论

关于vue里页面的缓存详解

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

2020-05-27 02:16:04

49浏览

0评论

javascript如何实现create方法

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

2020-05-27 02:16:02

210浏览

0评论

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

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

2020-05-27 02:16:01

583浏览

0评论

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

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

2020-05-27 02:16:00

43浏览

0评论

原生js实现随机点名功能

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

2020-05-27 02:15:59

112浏览

0评论

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

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

2020-05-27 02:15:58

535浏览

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 02:15:57

94浏览

0评论

js实现随机点名程序

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

2020-05-27 02:15:56

59浏览

0评论

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

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

2020-05-27 02:15:55

136浏览

0评论

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

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

2020-05-27 02:15:54

92浏览

0评论

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

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

2020-05-27 02:15:53

130浏览

0评论

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

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

2020-05-27 02:15:52

138浏览

0评论

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

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

2020-05-27 02:15:51

226浏览

0评论

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

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

2020-05-27 02:15:50

67浏览

0评论

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

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

2020-05-27 02:15:48

89浏览

0评论

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

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

2020-05-27 02:15:47

95浏览

0评论

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

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

2020-05-27 02:15:46

319浏览

0评论

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

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

2020-05-27 02:15:45

653浏览

0评论

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

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

2020-05-27 02:15:44

157浏览

0评论

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

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

2020-05-27 02:15:43

583浏览

0评论

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

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

2020-05-27 02:15:42

185浏览

0评论

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

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

2020-05-27 02:15:42

134浏览

0评论

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

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

2020-05-27 02:15:41

722浏览

0评论

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

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

2020-05-27 02:15:40

648浏览

0评论

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

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

2020-05-27 02:15:39

449浏览

0评论

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

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

2020-05-27 02:15:38

154浏览

0评论

js+html实现点名系统功能

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

2020-05-27 02:15:37

276浏览

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 02:15:36

216浏览

0评论

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

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

2020-05-27 02:15:35

133浏览

0评论

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

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

2020-05-27 02:15:34

92浏览

0评论

Node对CommonJS的模块规范

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

2020-05-27 02:15:33

134浏览

0评论

JS实现随机抽取三人

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

2020-05-27 02:15:32

221浏览

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...