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

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

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

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

一共8个版本的vue
术语
完整版：同时包含编译器和运行时的版本。 编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。 运行时：用来创建 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...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

web项目中经常需要展示图片，很可能就会碰到图片地址无效的情况，比如图片地址不对，或者后台拿到图片地址后，该地址无效，或者数据库中没有该图片等情况。这时候，图片就会显示一个叉...

在实际开发中，使用vue 后就是前后端分离开发了，这时候我们就需要访问后台的接口来拿到数据，需要URL,name,password来获取到token才能正常使用接口，下面就来配置。1、找到config...

vue为数据添加属性时遇到的坑，通过self.book[i].[‘cur']=false;动态为数据添加属性时，数据变化了，但是视图没有发生更新。具体原因不明白。。。。解决方法：通过set来添加属性th...

一、介绍
官方JSON介绍 WIKI百科。 JavaScript object notation（记号法）。JSON： JSON数据具有2种形式，一种是无序的key-value对的集合（对象），另一种是有序的值的集合（数组）。{string...

随着前端体积越来越大，功能越来越丰富，这时候就需要将前端工程化，而webpack就是用于将前端各种文件打包起来。一个简单的webpack应该包含以下几个概念
入口起点 输出 配置...

看过axios的官方文档后配置变得简单：在main.js 做如下配置：import axios from 'axios'axios.defaults.baseURL = 'http://10.202.42.24:8080/sf-cloud-web'Vue.prototype.axio...

我们知道，TCP是面向连接流传输的，其采用Nagle算法，在缓冲区对上层数据进行了处理。避免触发自动分片机制和网络上大量小数据包的同时也造成了粘包（小包合并）和半包（大包拆分）问题，导...

什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split(''...