102浏览

0评论

vue中进入详情页记住滚动位置的方法(keep-alive)

> 有时业务提出这样一个需求 就是从商品页面进入到列表详情页 要保存当前滚动的位置，这里我就想到了keep-alive1.首先在路由中引入需要的模块 { path: ‘/scrollDemo', name:...

• 2020-05-27

89浏览

0评论

React实现全局组件的Toast轻提示效果

Toast是常用的轻提示弹框，常用于页面loading和提示语弹窗。
本例基于React实现一个随时可调用且不随页面渲染的全局组件。需求分析
Toast 不需要同页面一起被渲染，而是根据...

• 2020-05-27

68浏览

0评论

vue富文本编辑器组件vue-quill-edit使用教程

之前使用的富文本编辑器是uEditor,kindEditor，感觉不太方便。近期项目vue单页面，就使用vue-quill-edit这个编辑器组件吧！一、安装 cnpm install vue-quill-editor二、引入 在m...

• 2020-05-27

73浏览

0评论

Vue实现动态添加或者删除对象和对象数组的操作方法

添加核心代码如下：this.data.push({ type: [{ value: '选项1', label: 'in' }, { value: '选项3', label: 'out' }],...

• 2020-05-27

74浏览

0评论

vue中设置、获取、删除cookie的方法

1、在src目录下的access下新建一个cookie.js,内容如下：export function setCookie(c_name,value,expire) { var date=new Date() date.setSeconds(date.getSeconds()+expire)...

• 2020-05-27

78浏览

0评论

vue如何安装使用Quill富文本编辑器

本文为大家记录了vue中安装使用Quill富文本编辑器的具体方法，供大家参考，具体内容如下1、安装依赖npm install vue-quill-editor --save注：我在已有的vue项目中（含有已安装的依...

• 2020-05-27

82浏览

0评论

vue单页应用在页面刷新时保留状态数据的方法

在Vue单页应用中，如果在某一个具体路由的具体页面下点击刷新，那么刷新后，页面的状态信息可能就会丢失掉。这时候应该怎么处理呢？如果你也有这个疑惑，这篇文章或许能够帮助到你一...

• 2020-05-27

95浏览

0评论

Vue中Quill富文本编辑器的使用教程

在项目中需要引入Quill文本编辑器，并且根据需求，需要自定义字体选项、图片拖拽上传和改变大小，所以根据Quill官网系统学习了一下，以下是我学习和研究的结果。一、主题Quill的富...

• 2020-05-27

66浏览

0评论

node.js调用C++函数的方法示例

目前nodejs调用c++主流的有两种方法，分别是addons和ffiaddons是nodejs官方的c++扩展实现方案，但是由于需要使用模版，并且要对v8引擎有一定的了解，入门门槛较高。ffi是nodejs直接...

• 2020-05-27

66浏览

0评论

Vue中插入HTML代码的方法

我们需要吧<p>Hello World</p>插入到<p>My name is Pjee</p>应该如何做？一、使用v-html
v-html:更新元素的 innerHTMLconst text = `<p>Hello World</>`<p> My name is Pjee...

• 2020-05-27

97浏览

0评论

基于Vue 服务端Cookies删除的问题

一般在我们做项目时，我们都会通过POST请求拿到服务器给到的set-Cookies，保存在浏览器的Cookie里这里需要明确一点。缓存有三类cookie、 sessionStorage 、localStoragecookie:...

• 2020-05-27

78浏览

0评论

vue-rx的初步使用教程

一、各文档介绍
1、rxjs官网
2、vue-rxjs地址
二、环境搭建
1、使用vue-cli构建一个项目
2、安装vue-rx的依赖包yarn add rxjsyarn add rxjs-compatyarn add vue-rx3、在src...

• 2020-05-27

79浏览

0评论

vue+axios实现文件下载及vue中使用axios的实例

功能：点击导出按钮，提交请求，下载excel文件；第一步：跟后端童鞋确认交付的接口的response header设置了以及返回了文件流。第二步：修改axios请求的responseType为blob，以post请求为...

• 2020-05-27

74浏览

0评论

Vue-Quill-Editor富文本编辑器的使用教程

本文为大家分享了Vue Quill Editor富文本编辑器的具体使用方法，供大家参考，具体内容如下先看效果图： 1、下载Vue-Quill-Editor
npm install vue-quill-editor --save2、下...

• 2020-05-27

65浏览

0评论

探秘vue-rx 2.0(推荐)

前一段时间，我写了两篇文章，一篇是对目前前端主流视图框架的思考，一篇是深入使用RxJS控制复杂业务逻辑的，在这两篇中，我分别提到： 期望在复杂业务逻辑方面使用RxJS，更好地进行抽象...

• 2020-05-27

92浏览

0评论

vue-quill-editor富文本编辑器简单使用方法

文章刚开始先来介绍一下vue-quill-editor富文本编辑器的简单使用，具体操作步骤如下：安装：npm install vue-quill-editor --savemain.js：import VueQuillEditor from 'vue-quill-...

• 2020-05-27

87浏览

0评论

vue 弹框产生的滚动穿透问题的解决

最近开发过程中遇到一些小问题(似乎问题总是那么多)，但一直没什么时间去优化与解决。程序员不能被业务绑架，有时间还是花点在代码，开始这次的vue尝试吧。首先定义一个全局样式：....

• 2020-05-27

79浏览

0评论

JavaScript 2018 中即将迎来的新功能

JavaScript 2018 中即将迎来的新功能：异步生成器及更好的正则表达式2018 年 6 月发布的最新年度 ECMAScript 更新，尽管在常见功能的积压上仍然远远小于 ECMAScript 6，但依然是...

• 2020-05-27

85浏览

0评论

vue集成百度UEditor富文本编辑器使用教程

在前端开发的项目中，难免会遇到需要在页面上集成一个富文本编辑器。那么，如果你有这个需求，希望可以帮助到你。vue是前端开发者所追捧的框架，简单易上手，但是基于vue的富文本编辑...

• 2020-05-27

87浏览

0评论

vuejs中监听窗口关闭和窗口刷新事件的方法

1、使用window.onunload之类的APIwindow.onbeforeunload = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = '关闭提示...

• 2020-05-27

60浏览

0评论

vue中,在本地缓存中读写数据的方法

1.安装good-storage插件cnpm i good-storage --save2.读/写的方法common/js/cache.js:import storage from 'good-storage'const SEARCH_KEY = '__search__'const SEARCH_MA...

• 2020-05-27

67浏览

0评论

vue2.x集成百度UEditor富文本编辑器的方法

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，也在npm上找了几个基于vue开发的富文本编辑器，但是对兼容性比较高，不能兼容到IE9，10。所以最后决定使用百度UEdito...

• 2020-05-27

73浏览

0评论

vue forEach循环数组拿到自己想要的数据方法

如下所示： <el-checkbox v-for="(item) in jurisdictionContent" :label="item.id" :key="item.id" class="checkboxMargin"> <span>{{item.value}}{{item....

• 2020-05-27

82浏览

0评论

vue 巧用过渡效果(小结)

vue提供的了transition组件来实现组件的过渡和路由的过渡，合理使用这个组建可以让我们的页面更加的灵活，提高用户体验。概念在进入/离开的过渡中， 会有6个class的切换， 抄一张官...

• 2020-05-27

67浏览

0评论

玩转vue的slot内容分发

vue的内容分发非常适合“固定部分+动态部分”的组件的场景，固定部分可以是结构固定，也可以是逻辑固定，比如下拉loading，下拉loading只是中间内容是动态的，而拉到底部都会触发拉取...

• 2020-05-27

61浏览

0评论

小程序实现展开/收起的效果示例

前言：本章说下文字内容的展开与收起的实现，要实现这么一个效果：当收起的时候隐藏并显示省略号，当展开的时候显示全部文字。GitHub：https://github.com/Ewall1106/miniProgramDemo...

• 2020-05-27

84浏览

0评论

vue构建动态表单的方法示例

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

• 2020-05-27

67浏览

0评论

angular的输入和输出的使用方法

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

• 2020-05-27

72浏览

0评论

开发一个Parcel-vue脚手架工具(详细步骤)

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

• 2020-05-27

75浏览

0评论

vue如何解决循环引用组件报错的问题

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

• 2020-05-27

91浏览

0评论

vue解决弹出蒙层滑动穿透问题的方法

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

• 2020-05-27

63浏览

0评论

Vue页面跳转动画效果的实现方法

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

• 2020-05-27

178浏览

0评论

vue 音乐App QQ音乐搜索列表最新接口跨域设置方法

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

QQ
• 2020-05-27

73浏览

0评论

vue实现多个元素或多个组件之间动画效果

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

• 2020-05-27

73浏览

0评论

axios全局注册,设置token,以及全局设置url请求网段的方法

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

• 2020-05-27

71浏览

0评论

Vue高版本中一些新特性的使用详解

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

• 2020-05-27

91浏览

0评论

angular 数据绑定之[]和{{}}的区别

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

• 2020-05-27

73浏览

0评论

解决vue axios的封装 请求状态的错误提示问题

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

• 2020-05-27

73浏览

0评论

axios对请求各种异常情况处理的封装方法

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

• 2020-05-27

74浏览

0评论

详解Vue Elementui中的Tag与页面其它元素相互交互的两三事

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

• 2020-05-27

89浏览

0评论

解决vue-cli webpack打包后加载资源的路径问题

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

• 2020-05-27

65浏览

0评论

解决vue A对象赋值给B对象,修改B属性会影响到A的问题

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

• 2020-05-27

80浏览

0评论

在vue项目中,将juery设置为全局变量的方法

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

• 2020-05-27

93浏览

0评论

JavaScript常用数组操作方法,包含ES6方法

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

• 2020-05-27

71浏览

0评论

vue移动端弹框组件的实例

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

• 2020-05-27

64浏览

0评论

VUE实现可随意拖动的弹窗组件

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

• 2020-05-27

86浏览

0评论

在axios中使用params传参的时候传入数组的方法

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

• 2020-05-27

86浏览

0评论

解决v-for中使用v-if或者v-bind:class失效的问题

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

• 2020-05-27

62浏览

0评论

详解搭建es6+devServer简单开发环境

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

• 2020-05-27

81浏览

0评论

vue观察模式浅析

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

• 2020-05-27