vue实现点击追加选中样式效果
DOM部分<ul> <li class="liMenu" :class="idx==index?'hover':''" @click="son(item,idx)" v-for="(item,idx) in menu" :key="idx">{{item}} </li...
2020-05-27
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
1本人在学vue项目时遇到一个坑、在写vue项目头部导航时，比如点击第三个，刷新后，高亮状态显示在第一个：现在是点击第三个页面 刷新后，是第一个页面高亮显示，但是因为路由路径没有改...
2020-05-27
vue iview的菜单组件Mune 点击不高亮的解决方案
前言： 在项目中，我用到了vue +iview + vue-router 开发； 然后导航条就使用了iview的Menu组件，结果发觉导航条的内容点击一次之后不会显示高亮样式，而是先跳转了，我再点击一次，才会...
2020-05-27
javascript 关于赋值、浅拷贝、深拷贝的个人理解
一、栈、堆、指针地址 栈内存：个人理解是，基本数据类型和引用数据类型都会用到的一个空间，这个空间以key-value形式存在，value本身不可修改，只能赋值替换； 堆内存：堆，就是堆积...
2020-05-27
Javascript 关于基本类型和引用类型的个人理解
1.基础类型A. 基础类型有5种，Number，String，Boolean，Null，UndefinedB. 基础类型没有堆的概念，堆只针对引用类型。所有基础类型都是以key-value形式存放在栈中，其中，基础类型的值不...
2020-05-27
如何正确理解vue中的key详解
就目前所了解的情况，key的作用有以下这些。 v-for遍历时，用id，uuid之类作为key，唯一标识节点加速虚拟DOM渲染 响应式系统没有监听到的数据，用+new Date()生成的时间戳作为key，手...
2020-05-27
JavaScript算法学习之冒泡排序和选择排序
前言算法与数据结构构成了程序，数据结构用于实现数据的表示、存储、管理，算法通过使用数据完成一定的业务逻辑与操作，最终实现了程序的功能。因此算法在编程中的重要性是不言而...
2020-05-27
JavaScript判断浏览器版本的方法
因为业务需求，项目经理让我做一个判断当前浏览器是否是谷歌浏览器，并确定谷歌浏览器版本，不满足谷歌浏览器和版本就显示一个页面提示升级，满足条件就跳转到我们的一个项目，下面先...
2020-05-27
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
微信小程序注册登录思路(这是根据自身的项目的思路,不一定每个项目都适用)1.制作授权登录框,引导用户点击按钮2.uni.login获取code3.把code传给后端接口,后端返回如下数据op...
2020-05-27
小程序如何自主实现拦截器的示例代码
在一些框架中发现会提供一个很实用的功能：拦截器（interceptor）。例如要实现这个需求：小程序每次获取到定位后都存到 globalData 里：wx.getLocation({ // .. success(res) { getA...
2020-05-27
JS立即执行的匿名函数用法分析
本文实例讲述了JS立即执行的匿名函数用法。分享给大家供大家参考，具体如下：;(function() {})();1.他叫做立即运行的匿名函数(也叫立即调用函数)2.当一个匿名函数被括起来，然后...
2020-05-27
jQuery实现form表单基于ajax无刷新提交方法实例代码
本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考，具体如下：首先，新建Login.html页面：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio...
2020-05-27
详解利用eventemitter2实现Vue组件通信
概述
当两个组件之间没有任何父子关系时，利用Vue标准的props传值和emit触发事件无法解决他们之间通信的问题。最近做的项目使用的是eventemitter2，来实现不相关组件之间的通信...
2020-05-27
Vue.js页面中有多个input搜索框如何实现防抖操作
debounce简介debounce是lodash工具库中的一个非常好用的函数。在实现搜索框对输入进行动态查询的时候，我们需要防止前端频繁的发送查询请求给后端，这个时候就需要用到debounce...
2020-05-27
JS+CSS实现随机点名(实例代码)
HTML代码结构<body> <div id="box">随机点名</div> <span id="span">开始</span></body>CSS代码结构<style> #box { width: 30%; height: 200px; background-co...
2020-05-27
nodejs dgram模块广播+组播的实现示例
本机IP地址是10.8.93.80，具体信息如上图所示
根据计算得知我的广播地址应该是10.8.93.255，不是10.8.93.254哦。
其它内容就直接上代码
server.jsconst dgram = require('dgram...
2020-05-27
nodejs实现UDP组播示例方法
众所周知，UDP数据传输方式有 单播，组播，广播。
其中单播模式是最常用，这里就不再啰嗦了，网上随便都能搜到。下面的示例主要实现简单的UDP组播方式。可以正常收发UDP数据。Server...
2020-05-27
Vue项目中Api的组织和返回数据处理的操作
项目中的所有Api配置放在一个文件中，便于查找和修改，Api的版本从配置文件(config.js)中读取，采用 apiPrefix + url 的形式组成。在配置文件中，Api 的配置采用 Http请求方式 url...
2020-05-27
vue中使用GraphQL的实例代码
上篇给大家介绍了Java 使用 Graphql 搭建查询服务详解。这里我们讲讲如何在Vue中使用GraphQL。1. 初始化vue项目npm install -g @vue/clivue create vue-apollo-demo选择默...
2020-05-27
vue 指令和过滤器的基本使用(品牌管理案例)
过滤器的基本使用定义一个过滤器<div id="app"> <p>{{ msg | msgFormat('疯狂+1', '123') | test }}</p> </div>// 定义一个 Vue 全局的过滤器，名字叫做 msgFormat Vue.fil...
2020-05-27
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
本文实例讲述了Vue图片浏览组件v-viewer用法。分享给大家供大家参考，具体如下：v-viewer用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。从0.x迁移你需要做的...
2020-05-27
p5.js绘制创意自画像
本文实例为大家分享了p5.js绘制自画像的具体代码，供大家参考，具体内容如下绘制结果人物头上的呆毛会一直运动，鼠标出现在画面上时左上角会有一个小猫咪头随着鼠标移动，而且人物...
2020-05-27
使用p5.js临摹动态图片
本文实例为大家分享了p5.js临摹动态图片的具体代码，供大家参考，具体内容如下1、临摹图片2、图像运动规律原图中一共有36个等大的四分之三圆形，按照一定的规律转动，可以等效为圆...
2020-05-27
vue双向绑定数据限制长度的方法
vue双向绑定数据如何限制长度？具体方法请阅读文章问题描述vue中输入框v-modle 双向绑定的数据；在需要的业务场景下需要对其进行字数长度限制；解决方案可以使用以下方法：方法一：//...
2020-05-27
Vuex,iView UI面包屑导航使用扩展详解
本案例是基于Vuex的公共数据库，你在了解本案例之前要了解Vuex的使用方法。https://www.iviewui.com/components/breadcrumb打开网址我们可以知道这个组件的面包屑导航是基于...
2020-05-27
VUE+elementui面包屑实现动态路由详解
我的路由：const routerMap = [ { path: '/', redirect: 'dashboard', component: Layout, name:'Dashboard', children: [ { path: 'dashboard'...
2020-05-27
vue+elementUI动态生成面包屑导航教程
效果如下所示：项目需要动态生成面包屑导航,并且首页可以点击.其余为路径显示<el-menu :unique-opened="true" router :default-active="$route.path" @select="handleSelect"...
2020-05-27
Vue 解决多级动态面包屑导航的问题
固定路由的面包屑导航我们在配置router的时候，可以将面包屑数据配置在meta中，例如路由配置：{ path: '/project/process/:id', name: 'process', component: () => import('@...
2020-05-27
element-ui table组件如何使用render属性的实现
前言起因：在使用 element-ui table组件时，由于表列比较多一个个写特别麻烦，所以想通过将所有表头定义成一个数组，通过遍历多方式去实现。这样解决了手写很多 el-table-column 的...
2020-05-27
Vue路由对象属性 .meta $route.matched详解
$route.fullPath1 路由是：/path/:type真正路径是：/path/list2 path匹配路径: /path/list3 fullPath匹配路由: /path/:type路由元信息 .metaconst router = new VueRouter({ ro...
2020-05-27
vue实现权限控制路由(vue-router 动态添加路由)
用户登录后返回权限菜单，前端根据权限菜单动态添加路由，然后再动态生成菜单栏。思路如下：一、定义初始化默认路由。二、动态配置路由，这里是把所有组件中相应的路由配置成一个个...
2020-05-27
解决vue更新路由router-view复用组件内容不刷新的问题
本文知识点比较简单，主要面向vue新人解惑，vue前辈请忽略。实现功能：见上图，这是一个产品列表，当进入不同列表时应该更新内容。代码如下：//router配置{ path: "/products/:categor...
2020-05-27
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
关于vue里页面的缓存详解
keep-alive是vue内置的一个组件，可以使被它包含的组件处于保留状态，或避免被重新渲染。用法：运行结果描述： input输入框内，路由切换输入框内部的内容不会发生改变。在keep-alive...
2020-05-27
javascript如何实现create方法
这篇文章主要介绍了javascript如何实现create方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1. 背景项目使用 easy...
2020-05-27
vue keep-alive 动态删除组件缓存的例子
业务需求： 切换tab页标签的时候（路由前进的时候），缓存当前组件数据，关闭tab页标签的时候清除组件缓存。实现：1、先在store的state里面设置一个要缓存数组2、在进到子页面的时候，更...
2020-05-27
element-ui 文件上传修改文件名的方法示例
技术背景
Vue + axios + element-ui问题的产生
一个美好的周五，我正在愉快地打着代码，突然收到一封来自产品的神秘消息，线上活动出 BUG 了！呐尼！怎么可能！一定是你的打开方式不对！...
2020-05-27
原生js实现随机点名功能
本文实例为大家分享了js实现随机点名的具体代码，供大家参考，具体内容如下原生js实现随机点名，js部分有注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2020-05-27
Vue通过WebSocket建立长连接的实现代码
使用场景： 在项目开发中，后端需要处理一连串的逻辑，或者等待第三方的数据返回来进行处理之后在返回给前端，可能时间会很长，而且前端也不知道后端什么时候能处理好（时间长的话会...
2020-05-27
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
js实现随机点名程序
最近用到了一下随机点名程序，就自己整理一下。代码实现后的截图如下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi...
2020-05-27
node.js实现简单的压缩/解压缩功能示例
本文实例讲述了node.js实现简单的压缩/解压缩功能。分享给大家供大家参考，具体如下：压缩的例子非常简单的几行代码，就完成了本地文件的gzip压缩。var fs = require('fs');var z...
2020-05-27
Vue中使用matomo进行访问流量统计的实现
前言
之前做到了一个页面及接口访问流量统计的需求, 然后在网上找了很多帖子,发现有些有的但是写的都不是很详细,所以今天就整理了一下
正文第一步
首先自然是引入matomonpm...
2020-05-27
node.js文件操作系统实例详解
本文实例讲述了node.js文件操作。分享给大家供大家参考，具体如下：文件读取普通读取同步读取var fs = require('fs');var data;try{ data = fs.readFileSync('./fileForRead.t...
2020-05-27
node.js域名解析实现方法详解
本文实例讲述了node.js域名解析实现方法。分享给大家供大家参考，具体如下：域名解析：dns.lookup()比如我们要查询域名 www.qq.com 对应的ip，可以通过 dns.lookup() 。var dns = r...
2020-05-27
NodeJS http模块用法示例【创建web服务器/客户端】
本文实例讲述了NodeJS http模块用法。分享给大家供大家参考，具体如下：Node.js提供了http模块，用于搭建HTTP服务端和客户端。创建Web服务器/** * node-http 服务端 */let http =...
2020-05-27
小程序识别身份证，银行卡，营业执照，驾照的实现
最近老是有同学问我小程序ocr识别的问题，就趁机研究了下，实现了小程序识别身份证，银行卡，驾照，营业执照，图片文字的功能。今天来给大家讲讲详细的实现流程。先画一张流程图出来第...
2020-05-27
Node.js开发之套接字(socket)编程入门示例
本文实例讲述了Node.js套接字(socket)编程。分享给大家供大家参考，具体如下：Node.js的net模块提供了socket编程接口，方便我们利用较为底层的套接字接口来实现应用协议。这次我...
2020-05-27
vue 实现路由跳转时更改页面title
一、router文件夹下的index文件中给每个path添加meta:{}：export default new Router({ routes: [ { path: '/', name: 'index', component: index, meta: { title: 'ti...
2020-05-27
vue 解决路由只变化参数页面组件不更新问题
形如：http://localhost:8080/#/xxx?a=1&b=1如果只是变化？后面的参数，页面组件并不会响应解决办法：使用watch监听路由$route对象属性的变化watch: { '$route' (to, from) {...
2020-05-27
