编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

53浏览

0评论

vue单页面应用打开新窗口显示跳转页面的实例

一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。一般情况下单页面应用的路由跳转我们都是通过简单的一...

2020-05-27 04:42:21

48浏览

0评论

vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解

vue中，我们所要实现的一个场景就是：1.搜索页面==>到搜索结果页时，搜索结果页面要重新获取数据，2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时，要保存上次已经加载的数...

2020-05-27 04:42:20

40浏览

0评论

基于vue中keep-alive缓存问题的解决方法

vue开发的时候，我们经常会有这样的需求：开发一个详细页面来展示商品的详细信息，根据列表页传入的id进行请求，拿到对应的数据进行渲染。但是一般在路由上都会加上keep-alive保持...

2020-05-27 04:42:19

60浏览

0评论

使用ng-packagr打包Angular的方法示例

写在前面为了让 Angular 类库应用范围更自由，Angular 提出一套打包格式建议名曰：Angular Package Format，包括 FESM2015、FESM5、UMD、ESM2015、ESM5、ES2015 格式，不同格式可以...

2020-05-27 04:42:19

43浏览

0评论

vue2使用keep-alive缓存多层列表页的方法

vue关于列表页和详情页的展现比较让人头疼，在列表页面点击进详情页返回以后，列表页会重新刷新。假如在第五页找到的数据，点击修改后返回又跳回第一页了，这个时候就需要用到keep-...

2020-05-27 04:42:18

64浏览

0评论

vue axios基于常见业务场景的二次封装的实现

axios
axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
在前端框架中的应用也是特别广泛，不管是vue还是react，都有很多项目用axios作为网络请求库。
我在...

2020-05-27 04:42:17

48浏览

0评论

解决vue keep-alive 数据更新的问题

在项目中使用<keep-alive>包含<router-view>实现页面缓存，加速页面加载，同时，这种方式带来一些弊端，请看如下大神解释：***********************************当引入keep-alive的时...

2020-05-27 04:42:16

68浏览

0评论

vue 使某个组件不被 keep-alive 缓存的方法

提出问题最近在做项目发现一个问题，当我使用了 keep-alive 标签后，进入了某个路由进行一系列操作，再点击浏览器后退，再次进入刚才的路由，页面被操作的数据没有初始化！分析问题这是...

2020-05-27 04:42:15

75浏览

0评论

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

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

2020-05-27 04:42:14

50浏览

0评论

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

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

2020-05-27 04:42:13

49浏览

0评论

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

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

2020-05-27 04:42:12

54浏览

0评论

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

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

2020-05-27 04:42:11

52浏览

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 04:42:10

52浏览

0评论

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

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

2020-05-27 04:42:08

61浏览

0评论

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

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

2020-05-27 04:42:07

73浏览

0评论

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

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

2020-05-27 04:42:06

47浏览

0评论

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

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

2020-05-27 04:42:05

45浏览

0评论

Vue中插入HTML代码的方法

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

2020-05-27 04:42:04

67浏览

0评论

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

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

2020-05-27 04:42:03

54浏览

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 04:42:02

55浏览

0评论

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

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

2020-05-27 04:42:01

50浏览

0评论

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

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

2020-05-27 04:42:00

43浏览

0评论

探秘vue-rx 2.0(推荐)

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

2020-05-27 04:41:59

69浏览

0评论

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

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

2020-05-27 04:41:58

57浏览

0评论

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

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

2020-05-27 04:41:57

63浏览

0评论

JavaScript 2018 中即将迎来的新功能

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

2020-05-27 04:41:56

63浏览

0评论

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

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

2020-05-27 04:41:55

62浏览

0评论

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

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

2020-05-27 04:41:54

40浏览

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 04:41:53

46浏览

0评论

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

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

2020-05-27 04:41:52

53浏览

0评论

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

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

2020-05-27 04:41:51

55浏览

0评论

vue 巧用过渡效果(小结)

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

2020-05-27 04:41:50

48浏览

0评论

玩转vue的slot内容分发

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

2020-05-27 04:41:45

42浏览

0评论

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

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

2020-05-27 04:41:44

61浏览

0评论

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

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

2020-05-27 04:41:43

50浏览

0评论

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

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

2020-05-27 04:41:42

41浏览

0评论

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

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

2020-05-27 04:41:40

54浏览

0评论

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

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

2020-05-27 04:41:39

70浏览

0评论

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

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

2020-05-27 04:41:38

48浏览

0评论

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

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

2020-05-27 04:41:37

110浏览

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

2020-05-27 04:41:36

55浏览

0评论

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

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

2020-05-27 04:41:35

51浏览

0评论

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

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

2020-05-27 04:41:34

55浏览

0评论

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

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

2020-05-27 04:41:33

66浏览

0评论

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

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

2020-05-27 04:41:32

58浏览

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 04:41:31

52浏览

0评论

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

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

2020-05-27 04:41:30

44浏览

0评论

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

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

2020-05-27 04:41:29

60浏览

0评论

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

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

2020-05-27 04:41:27

43浏览

0评论

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

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

2020-05-27 04:41:26

首页 «1357 135813591360 1361 »尾页

热门文章