概述后台管理系统里面有非常多的表单需求，我们希望能够通过写一个json格式的数据，通过vue的循环动态地去渲染动态表单。并且能够在外部得到渲染出来的表单的数据，可以对表单进...

angular的核心组件化，可以说组件化的相当彻底。而要实现组件之间的通信，一个必不可少的就是输入和输出。通过对输入输出的学习，更加加深我对组件化的认识。组件的输入angular允...

前言
像我们熟悉的 vue-cli，create-react-app 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于...

问题由来
最近在做项目的时候遇到使用循环组件，因为模式一样，只有数据不一样。按照普通组件调用格式来做的时候总是报错，错误信息为[Vue warn]: Unknown custom element: <self...

最近开发过程中遇到一些小问题(似乎问题总是那么多)，但一直没什么时间去优化与解决。程序员不能被业务绑架，有时间还是花点在代码上&#128512;，开始这次的vue尝试吧。【遇到的问...

前言
现如今移动端APP对用户体验方面的要求越来越高了，最近致力于用户体验优化，因为需要实现类似APP页面切换的动画效果，百度google搜索资料不是很全，所以自己写文档，在实现效果...

在 webpack.dev.config.js中'use strict'const utils = require('./utils')const webpack = require('webpack')const config = require('../config')const merge = requir...

本文实例为大家分享了vue实现多个元素或多个组件之间动画的具体代码，供大家参考，具体内容如下多个元素的过渡
<style>　　.v-enter,.v-leave-to{　　　　opacity: 0;　　}　　...

a1.axios全局注册axios不同 与vue-resource不能在import axios from 'axios'后使用Vue.use(axios),axios不是插件，要想全局使用axios应该修改其原型链，代码如下import axios f...

一、深度作用选择器（ >>> ）严格来说，这个应该是vue-loader的功能。”vue-loader”: “^12.2.0”在项目开发中，如果业务比较复杂，特别像中台或B端功能页面都不可避免的会用到第三...

问题描述
在学习angular时，在示例代码写到加载图片时，书中推荐使用单向数据绑定符号[]来绑定图片的路径，然后双花括号的写法是错的。尝试
首先，按书中推荐的写法：<img [src]="img...

如下所示：/*** axios配置,输出为vue组建* */import axios from 'axios';import qs from 'qs'import CookiesJS from 'js-cookie'import router from '../router'// http requ...

前端采用了axios来处理网络请求，为了避免在每次请求时都去判断各种各样的网络情况，比如连接超时、服务器内部错误、权限不足等等不一而足，我对axios进行了简单的封装，这里主要使...

前言公司系统在用elementui做后台开发，不免遇到一些需要自己去根据原有的功能上，加一些交互的功能。
今天来介绍下我在用elementUi里的Tag标签与多选框交互的过程，东西听上去很...

vue项目，访问打包后的项目，输入路径后，页面加载空白。这时会有两类问题，都是路径问题。1.一个是css,js,ico等文件加载不到，是目录里少了dist打开页面时一片空白解决办法：config/in...

实际在vue中 this.A = this.B,没有进行深层赋值，只是把this.A的地址指向了与this.B相同的地址，所有对于A的修改会影响到B。解决相互影响的思路是在this.A必须是新建的一个对象...

1.首先执行：npm install jQuery --save-dev,在package.json里加入jQuery。2.修改build下的webpack.base.conf.js方法一：首先加入：const webpack = require("webpack")然后在mod...

一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.conca...

最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿laye...

背景：项目需要，我们引入了前端框架就是目前最流行的框架之一vue,同时引入了一套由饿了吗维护的ui库，由于我们是在pc端使用发现它竟然没有提供可随意拖动的窗口，可能用的更多的时...

如下：changeList为一个数组此时请求的参数格式为下图解决方案为 将数组json序列化此时参数格式为以上这篇在axios中使用params传参的时候传入数组的方法就是小编分享给大家的...

在v-for循环出来的列表中使用v-bing动态绑定class、v-show或v-if动态控制个别item 场景一般多用于多项选择原因是在v-for循环的时候 items是动态创建，所以不会被监听并且实时...

搭建基于es6和热加载的前端简单开发环境，适合demo类小项目，这样就不用依赖browsersync等多余的东西目录结构 /src index.js index.html /dist安装依赖
注意版本...

观察者模式
首先话题下来，我们得反问一下自己，什么是观察者模式？概念
观察者模式（Observer）：通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系，即当一个对象的状态发...

在Vue开发中，有很多场景会用到多次重复的API请求。例如： '//192.168.1.117:1009/'在多个地方调用，每次书写很麻烦，后期项目维护也不好管理。我们可以在src目录下创建一个api文件...

当你好不容易的做好了一个Vue项目，准备去上线的时候却发现不知道该怎么办时，或者遇到了一些问题，那么来看我这篇文章吧，你会有所收获的。1：打包项目上线必须要打包。
命令： npm ru...

在项目开发过程中，让人抓狂之一的问题就是一个点击事件，当快速点击的时候，它会重复发送多个请求。这是不允许出现的。但是怎么解决这个问题呢？一般处理方法，就是点击的时候，立刻将...

1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装，请按照此文章进行安装https://www.freexyz.cn/article/138020.htm//检查是否有node.js npm vuewin+r 输入cmd...

在搭建 vue 项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化'，此时 <keep-alive> 便可以派上用场了。 <keep-alive> 可以使被包含的组件状态维持不变，即便...

1.css同名覆盖,解决方法：父组件加上scoped<style lang="scss" scoped> @import './unbind.scss'</style>子组件同名样式加上deep /deep/ .tabs-row { .items-wrp{ padding...

最近在做一个音乐app练手项目，拿到的数据是杂乱的，又不想跟视频那样重新构造数据，就自己百度使用简便的方法排序，下面说一下我拿到的数据是这样的，我想让他按照A-Z顺序排列1.对于...

实现全站的页面缓存，前进刷新，返回走缓存，并且能记住上一页的滚动位置，参考了很多技术实现，github上的导航组件实现的原理要么使用的keep-alive，要么参考了keep-alive的源码，但是只...

vue +webpack 项目中数据更新后页面没有刷新问题，ie11下，如果GET请求请求相同的URL，默认会使用之前请求来的缓存数据，而不会去请求接口获取最新数据，我用的解决方法是在每个请求...

关于保存列表表头的配置，一般我们不需要与后台交互，直接保存在 localStorage 中就能满足常规使用需求（需要浏览器支持）。直接上代码，插件：Ext.define('ux.plugin.ColumnCustom', {...

要想移动端适配 并使用 rem 您需要先看这篇文章，配置好less &#10145;&#65039; 在vue 中使用 less，就可以使用rem了如果项目已经开发的差不多了，没有用到rem 又要使用rem，您用这...

本文实例为大家分享了vue动画封装的具体代码，供大家参考，具体内容如下
<style>　　.v-enter,.v-leave-to{　　　　opacity: 0;　　}　　.v-enter-active,.v-leave-active{　　...

1.安装npm install --save-dev less less-loadernpm install --save-dev style-loader css-loader先在index.html页面head标签内插入这段代码<script> (function (doc, win...

1.实现计数器功能，每点击一次按钮，count值增加一或增加二，鼠标在cordinates行移动时会更新当前坐标，通过自定义函数或者stop属性禁止事件传播。效果如下：代码如下：<!DOCTYPE html>...

最开始的项目开发中，我们如果使用第三方的库我们会直接在项目中直接使用 script 元素标签引入即可。<script src="../xxx.js"></script>Vue 我们也可以这种引入的方式<div id...

小程序实现瀑布流效果，和web页面差不多，都要经过以下步骤：1)、加载图片，获取图片的宽高度；2)、根据页面需要显示几列计算每列的宽度；3)、根据图片真实宽度和每列的宽度比，计算出图...

在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法1.截取循环的数据 v-for="(item,index) in domainList.slice(0, 2)" 用这样的方法可以截取循环的数据长度，从...

最近在不断的加强巩固js。在学习jq和vue之后发现很多东西其实都是不明所以，有些底层的东西自己不懂，到头来也只是一昧的使用，一直在用别人的东西，对自己的成长帮助也不大。万丈...

一. 业务场景：一个title 处 可能有 一个或多个按钮， 按钮对应不同的响应事件二. 思路 : 按钮个数 根据传入的数据length 来循环渲染， 每条数据对应的事件名称 通过动态绑定三....

在做vue项目的时候难免会用到循环，可是但我们后台数据返回多条记录而且是多层嵌套关系的时候，我们需要获取当前第几次循环此时就会出现问题。下面给大家介绍两种方式，第一种是...

最近使用elment ui和vue.js，遇到需要像c:foreach类似的效果，就找了vue的API：https://cn.vuejs.org/v2/guide/list.html#v-for-with-v-ifelement ui：http://element.eleme.io/#/z...

数据list，结构为[{id:1,…},{id:2,…}]，数据shoplist，结构为[{id:1,…},{id:2,…}]，判断当shoplist.id等于list.id时显示list的数据。.vue文件：<template> <div class="hello"> <...

问题
在进行业务开发的时候，前后端会对接口的数据结构进行约定，若接口有异常，需要将异常信息展示给用户知晓。这个流程里，数据结构是确定的（事先约定），数据的处理逻辑是相同的（展示...

转储session的原因网上有许多session需要用数据库储存的原因，对我来说原因很简单，仅仅只是node的生产环境不允许将session存到服务器的内存中。会报一个内存溢出的风险警告。...

React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。本文从两个方便来解析 react-router 实现原理。...

在使用vuejs遍历数组的时候，使用in语句形式，会有一个警告的提示：警告很明显说是少了v-bind:key,所以添加一个就ok了,看如下文件：/* eslint-disable */<template> <div class="he...