87浏览

0评论

vue 实现边输入边搜索功能的实例讲解

效果图：搜索分类2种情况，一般的是当用户输入完，点击确定的按钮在向后发送请求，还有一种就是的我一边输入，一边向后台发送请求，但是会产生一个性能的问题，就是一直发请求造成页面的...

• 2020-05-27

147浏览

0评论

vuex直接赋值的三种方法总结

我们在编写vuex代码过程中，觉得在a.vue的模板里面写入例如 <p>{{$store.state.num}}</p>很麻烦，我们希望直接就写成{{num}},我们应该怎么写，vue给出三种固定写法，大家理解之后基...

• 2020-05-27

126浏览

0评论

分享5个好用的javascript文件上传插件

文件上传是我们开发网站程序时经常遇到的功能，选择一个功能强大，使用简单的上传插件可以节省我们很多开发时间，下面就为大家介绍5个不错的javascript文件上传插件这篇文章的资...

• 2020-05-27

75浏览

0评论

在Vue-cli里应用Vuex的state和mutations方法

首先，必须安装vuex的依赖npm install vuex --save-dev创建专属vuex的文件夹和store.js:store.js里引入并应用插件vuex定义常量state,用于存放变量&&定义常量mutations存放对...

• 2020-05-27

145浏览

0评论

vue-vuex中使用commit提交mutation来修改state的方法详解

在vuex中，关于修改state的方式，需要commit提交mutation。官方文档中有这么一句话：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。为了搞清楚其原因，查阅了很多资料，发...

• 2020-05-27

122浏览

0评论

Element-ui tree组件自定义节点使用方法代码详解

工作上使用到element-ui tree 组件，主要功能是要实现节点拖拽和置顶，通过自定义内容方法（render-content）渲染树代码如下~<template> <div class="sortDiv"> <el-tree :data="s...

• 2020-05-27

60浏览

0评论

详解JavaScript添加给定的标签选项

先看看效果图：代码实现：HTML代码：<h3>haveTags</h3><div id="havetags"></div><hr /><h3>addTags</h3><div id="addtags"></div><button id="btn">返回的数组</button>css代码：#...

• 2020-05-27

75浏览

0评论

Puppet的一些技巧

其实很简单，puppet agent只要知道puppet是什么就可以了你可以将“puppet”写在/etc/hosts里，比如：
127.0.0.1 puppet
这样就不必在puppet.conf中指定server=127.0.0.1了
你...

• 2020-05-27

101浏览

0评论

微信小程序中this.data与this.setData的区别详解

一、摘要
小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的，而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞...

• 2020-05-27

135浏览

0评论

详解如何解决Vue和vue-template-compiler版本之间的问题

今天把远程仓库拉下项目，运行'npm run dev'时，报错Module build failed: Error: Cannot find module 'vue-template-compiler'
报错原因：通常出现于一些依赖库的更新或者安装新...

• 2020-05-27

151浏览

0评论

详解关于Vue版本不匹配问题(Vue packages version mismatch)

今天再npm run dev时遇到一个错误：
由于当时vue版本已经到2.9.2版本。按照提示更新，无果。随后发现时由于weex环境的问题。只要巡行以下代码
weex xbind repair toolkit-repai...

• 2020-05-27

105浏览

0评论

vue.js编译时给生成的文件增加版本号

vue.js在生成相关js和css文件的时候，名称是通过HASH的方式进行生成的，但是每次生成的文件基本都是一样的，那么浏览器就会缓存这些文件，为了在更新的时候能够保证js和css文件能够...

• 2020-05-27

97浏览

0评论

理顺8个版本vue的区别(小结)

一共8个版本的vue
术语
完整版：同时包含编译器和运行时的版本。 编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。 运行时：用来创建 Vue 实例、渲染并处理虚...

• 2020-05-27

73浏览

0评论

关于vue编译版本引入的问题的解决

下班过目遇到一个错误[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into...

• 2020-05-27

92浏览

0评论

React Router V4使用指南(精讲)

一、前端路由和后端路由
1)后端路由
多页应用中，一个URL对应一个HTML页面，一个Web应用包含很多HTML页面，在多页应用中，页面路由控制由服务器端负责，这种路由方式称为后端路由。多...

• 2020-05-27

78浏览

0评论

一步一步的了解webpack4的splitChunk插件(小结)

初衷webpack4出了两个月，发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo，都觉得不太满意或者没得到太好的解惑，issue 下面的问题也没什么人回...

• 2020-05-27

63浏览

0评论

vue的过滤器filter实例详解

前记：排版记录，点耽误时间，我就简单的来，下面是一个vue 过滤器的写法，demo 演示，限制一个字符串的长度。vue filter 的官网介绍 https://cn.vuejs.org/v2/guide/filters.html下面...

• 2020-05-27

77浏览

0评论

浅谈webpack SplitChunksPlugin实用指南

提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展...

• 2020-05-27

54浏览

0评论

Vue CLI3搭建的项目中路径相关问题的解决

这是开头
最近在试水 Vue CLI 3，并且尝试配置一个多页面（多应用）项目出来，期间又遇到各种路径问题，于是...于是有了下面的唠叨。
以下都是基于 Vue CLI 3 来举例说明的，使用 2.x...

• 2020-05-27

57浏览

0评论

node中的密码安全(加密)

本文将讲解对于前后端分离的项目，前端注册或登录时如何保证用户密码安全传输到server端，最终存入数据库为什么需要加密加密真的有必要吗？
我们先来看一看前端发起的ajax请求中，...

• 2020-05-27

53浏览

0评论

webpack4打包vue前端多页面项目

之前一直用的脚手架，这次自己搭建webpack前端项目，花费了不少心思，于是做个总结。1.用法项目结构如下：project |- bulid <!-- 这个目录是自动生成的--> |- public...

• 2020-05-27

62浏览

0评论

在小程序中使用canvas的方法示例

一直没有怎么使用过canvas，小程序也是之前看过一个视频而已，想要找个例子结合一下两者。所以一个小小的保存图片作为朋友圈相册封面的demo就这么出现了，在这里主要记录一下自己...

• 2020-05-27

83浏览

0评论

Nodejs调用Dll模块的方法

公司项目采用Electron（electronjs.org/ ）开发pc应用，会涉及到与底层硬件设备的通信，而sdk封装 基本上都是通过 C++ 动态链接库dll实现的。有两种方案可供选择： 方案一： 使用node-...

• 2020-05-27

94浏览

0评论

微信小程序开发之路由切换页面重定向问题

这段时间开发了一个微信小程序，虽然小程序的导航API 官方文档写得很详细，但是在具体开发过程中还是会遇到很多不明白，或者一时转不过弯的地方。1、页面切换传参，参数读取　　　1...

• 2020-05-27

67浏览

0评论

在Vuex使用dispatch和commit来调用mutations的区别详解

main.js中import Vuex from 'vuex'Vue.use(vuex);const store = new Vuex.store({　　state: {　　　　nickName: "",　　　　cartCount: 0　　　　},　　mutations: {　　...

• 2020-05-27

47浏览

0评论

vue服务端渲染添加缓存的方法

什么是服务器端渲染(SSR)？
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的...

• 2020-05-27

78浏览

0评论

从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法

如下所示：Uncaught Error: [vuex] Do not mutate vuex store state outside mutation handlers今天遇到一个问题，将Vuex中数组的值赋给新的数组，新数组push时报上面的错误，代码...

• 2020-05-27

65浏览

0评论

vue服务端渲染页面缓存和组件缓存的实例详解

vue缓存分为页面缓存、组建缓存、接口缓存，这里我主要说到了页面缓存和组建缓存页面缓存：在server.js中设置const LRU = require('lru-cache')const microCache = LRU({ max:...

• 2020-05-27

80浏览

0评论

Vue中 key keep-alive的实现原理

vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗keep-aliv是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，而不是直接将其...

• 2020-05-27

55浏览

0评论

详解关于Vue2.0路由开启keep-alive时需要注意的地方

Vue2.0 做应用必有的需求就是页面数据需要做缓存，不用每次进入页面都要把数据重新请求一遍，每次页面切换都有段等待数据相应时间，这个用户体验可想有多么蛋疼，所以页面缓存是必...

• 2020-05-27

73浏览

0评论

微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤

本文介绍了微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤，分享给大家，具体如下： 微信小程序框架：mpvue ui框架：mpvue-weui request请求：fly.js1.项目初始化注：如果没有安...

• 2020-05-27

59浏览

0评论

vuex actions传递多参数的处理方法

场景在使用vue components dispatch Vuex actions的时候需要传递参数给多个参数actions但是在actions 只是可以接收到两个参数的问题分析vuex actions 固定接受的第一个参数...

• 2020-05-27

77浏览

0评论

vue-自定义组件传值的实例讲解

项目中，我们经常会遇到自定义组件传值的问题，方法很多种，但是原理很简单，下述文档总结实际项目中使用的传值方式。父组件传递给子组件某一值，子组件内会修改该值，然后父组件需要获...

• 2020-05-27

83浏览

0评论

vue自定义全局共用函数详解

如果你需要让一个工具函数在每个组件可用，可以把方法挂载到 Vue.prototype上。在main.js中：Vue.prototype.method = function () {}组件中调用：this.method()以上这篇vue自定义...

• 2020-05-27

75浏览

0评论

vue动画打包后失效问题的解决方法

webpack 打包后动画未执行，就是npm run build后在dist中生成的项目中动画未生效解决：找到build文件夹中 得vue-loader.conf.js,把extract的值改为false---如图下面看下vue-cli...

• 2020-05-27

55浏览

0评论

解决vue attr取不到属性值的问题

js：$(document).ready(function() { $.get("/account/authGroupInfo",{id:groupId}, function(data) { var arr = data.data.rules.split(","); console.log(arr);...

• 2020-05-27

64浏览

0评论

小程序兼容安卓和IOS数据处理问题及坑

最近开发微信小程序，遇到到过种坑，例如什么前端发送请求，后端请求成功，没有获取到前端传递的值；后端请求成功，并且值，前端就是出不来数据；请求接口出现Provision headers are shown...

• 2020-05-27

57浏览

0评论

微信小程序适配iphoneX的实现方法

一、 安全区域(safe area)与iPhone6/6s/7/8相比，iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变，下面以iPhone 8作为参照物，先看看iPhone X尺寸上的变化：...

• 2020-05-27

87浏览

0评论

对VUE中的对象添加属性

背景：在通过接口获取数据集对象后，根据业务场景需要在数据集对象上增加额外的属性data中定义的数据集对象mindData格式示例如下mindData: [{label:'清醒',value:'清醒'}, {lab...

• 2020-05-27

68浏览

0评论

JavaScript指定断点操作实例教程

前言虽然网上已经有多的数不清的调试教程了，但仍然没有发现哪篇文章写的通俗易懂，索性自己尝试写写自己的一些使用习惯或者说是心得，希望对那些还不是很懂得使用断点调试的孩子...

• 2020-05-27

65浏览

0评论

vue2.0 + ele的循环表单及验证字段方法

关于vue2.0 + ele的表单循环以及对应字段的验证！！！！！html代码<el-form ref="ruleForm" :inline="true" :model="form" label-width="140px" :rules="rules" v-loading.fullscree...

• 2020-05-27

58浏览

0评论

Vue循环组件加validate多表单验证的实例

*父父组件（helloWorld.vue）:<template> <div class="hello-world"> <el-button type="text" @click="saveAll" class="button">SAVE</el-button> <promise-father ref="prom...

• 2020-05-27

79浏览

0评论

记React connect的几种写法(小结)

connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])
连接 React 组件与 Redux store。连接操作不会改变原来的组件类，反而返回一个新的已与 Redux...

• 2020-05-27

66浏览

0评论

浅谈vue同一页面中拥有两个表单时,的验证问题

问题：如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个，那么第二个表单会出现验证错误的信息我们可以通过为两个表单添加ref属性之后在通过调用rese...

• 2020-05-27

77浏览

0评论

Vue条件循环判断+计算属性+绑定样式v-bind的实例

Vue.js条件与循环1、条件判断（1）v-if，<div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> </template></div> <script> new Vu...

• 2020-05-27

72浏览

0评论

vue自定义tap指令及tap事件的实现

1.Vue指令　　Vue提供自定义实现指令的功能, 和组件类似,可以是全局指令和局部指令,详细可以参见vue官网自定义指令一节(https://cn.vuejs.org/v2/guide/custom-directive.h...

• 2020-05-27

56浏览

0评论

微信开发之企业付款到银行卡接口开发的示例代码

微信支付已上线企业付款至银行卡功能。商户可以将商户号余额付款至指定的收款银行账户。通过指定收款银行账户户名、卡号，以及收款银行信息即可实现付款。功能目前为灰度开放...

• 2020-05-27

55浏览

0评论

关于vue v-for循环解决img标签的src动态绑定问题

在解决这个问题上，遇到了很多错误的方案，一直没有跑通，有些是图片标记出现了，但是图片内容没有出现，这就很让人头疼了，下面，我讲解我操作成功的案例吧。1、目录结构如下图片放置在...

• 2020-05-27

67浏览

0评论

关于Vue项目跨平台运行问题的解决方法

记录一下踩坑前几天，从同事手上接手了一个Vue的项目。（Ps：刚入职两周，老哥还专门写了一个readMe，感谢）；问题来了，从gitLab上面把项目上clone下来了，node环境什么的都配置好了，npm inst...

• 2020-05-27

266浏览

0评论

vue动态设置img的src路径实例

相信开发的小伙伴已经遇到这个问题了，动态切换img标签的src时，写的路径就是不生效，原因是vue并没有把你的路径字符串当做路径来处理，而是直接当做字符串了，当然网上也有很多方法，...

• 2020-05-27