编程开发 - 教程之家

编程开发

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

112浏览

0评论

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

2020-05-27 04:40:54

160浏览

0评论

Vue监听一个数组id是否与另一个数组id相同的方法

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

2020-05-27 04:40:53

87浏览

0评论

详解Axios统一错误处理与后置

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

2020-05-27 04:40:52

91浏览

0评论

node.js使用redis储存session的方法

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

2020-05-27 04:40:51

82浏览

0评论

深入理解react-router 路由的实现原理

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

2020-05-27 04:40:50

105浏览

0评论

解决vuejs 使用value in list 循环遍历数组出现警告的问题

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

2020-05-27 04:40:49

99浏览

0评论

使用weixin-java-tools完成微信授权登录、微信支付的示例

本文为学习记录weixin-java-tools实现公众号微信支付.
码云地址：点我 // 授权登录用到 <dependency> <groupId>com.github.binarywang</groupId> <artifactI...

2020-05-27 04:40:48

102浏览

0评论

JS返回页面时自动回滚到历史浏览位置

在我的系统实际开发过程中遇到一个需求，我需要让应用在各个页面间跳转时回到每页原先浏览到的位置，方便用户使用。在网上查资料时，看到的方案有不少，众说纷纭，但真正给出可行可用...

2020-05-27 04:40:47

125浏览

0评论

Vue resource三种请求格式和万能测试地址

注意：1.前端服务器测试地址的万能地址，太好用了http://jsonplaceholder.typicode.com/users，基本能响应各种请求。点击进入官网2.这里测试只写了成功的回调函数，同时还要失败时...

2020-05-27 04:40:45

139浏览

0评论

React项目动态设置title标题的方法示例

在React搭建的SPA项目中页面的title是直接写在入口index.html中，当路由在切换不用页面时，title是不会动态变化的。那么怎么让title随着路由的切换动态变化呢？
1.在定义路由时增...

2020-05-27 04:40:44

111浏览

0评论

react-navigation之动态修改title的内容

本文介绍了react-navigation之动态修改title的内容，分享给大家，具体如下：效果图：
动态修改title内容： static navigationOptions = { title: ({ state }) => `Chat with ${sta...

2020-05-27 04:40:43

107浏览

0评论

Vue 配合eiement动态路由,权限验证的方法

1.要实现动态路由，只需要在main.js中将所有路由表先规定好，如下const routes=[ {path:'/login',component:login},/*登录*/ {path:'/home',component:home},/*首页*/ {path:'...

2020-05-27 04:40:42

112浏览

0评论

vue-router之nuxt动态路由设置的两种方法小结

方法一：router-link<div class="slide-item" v-for="user in shareData.users"> <nuxt-link :to="'/community/member/'+ user.id"> <img src="../../static/head.png" alt=...

2020-05-27 04:40:41

76浏览

0评论

Nodejs把接收图片base64格式保存为文件存储到服务器上

下面一小段代码给大家分享Nodejs把接收图片base64格式保存为文件存储到服务器上的方法，具体代码如下所示：app.post('/upload', function(req, res){ //接收前台POST过来的base...

2020-05-27 04:40:40

78浏览

0评论

vue根据进入的路由进行原路返回的方法

情景：a---------->c 点击返回，希望返回到ab---------->c 点击返回，希望返回到b解决方案：a页面，加from字段PubSub.subscribe('table-view', function(msg, args) { var rowData =...

2020-05-27 04:40:39

89浏览

0评论

微信小程序授权登录及解密unionId出错的方法

注：没有在微信开放平台做开发者资质认证的就不要浪费时间了，没认证无法获取unionId，认证费用300元/年，emmmm....微信授权登录流程第一步：wx.login获取用户临时登录凭证code第二...

2020-05-27 04:40:39

83浏览

0评论

基于JavaScript实现一个简单的Vue

Object.defineProperty()实现之前我们得先看一下Object.defineProperty的实现，因为vue主要是通过数据劫持来实现的，通过get、set来完成数据的读取和更新。var obj = {name:'wc...

2020-05-27 04:40:37

161浏览

0评论

vue项目使用axios发送请求让ajax请求头部携带cookie的方法

最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。...

2020-05-27 04:40:36

85浏览

0评论

基于axios 解决跨域cookie丢失的问题

设置 axios.defaults.withCredentials = true 即可示例代码： axios.defaults.withCredentials = true; var param = new URLSearchParams(); param.append("vCode",vcode); a...

2020-05-27 04:40:35

126浏览

0评论

在vue中获取token,并将token写进header的方法

需要准备的东西：Vue+axios+Vuex+Vue-router1.在login.vue中通过发送http请求获取token//根据api接口获取tokenvar url = this.HOST + "/session";this.$axios.post(url, {use...

2020-05-27 04:40:34

87浏览

0评论

webpack打包nodejs项目的方法

适用情况首先说明，此情况不具备普遍性。若你的情况与笔者类似那么希望这篇文章能够帮到你。我的项目情况是这样的：用node.js做后台，ejs做模板引擎（即整个页面是一个ejs文件）由nod...

2020-05-27 04:40:33

103浏览

0评论

Node.js模拟发起http请求从异步转同步的5种用法

使用 Node.js 模拟发起 http 请求很常用的,但是由于 Node 模块（原生和第三方库）提供里面的方法都是异步，对于很多场景下应用很麻烦，不如同步来的方便。下面总结了几个常见的库 A...

2020-05-27 04:40:32

84浏览

0评论

axios取消请求的实践记录分享

问题的来源用el-autocomplete远程获取数据时，点击输入框会触发第一次请求，然后输入搜索文字后会触发第二次请求，两次请求间隔较短，有时候会出现第二次请求比第一次请求先返回的...

2020-05-27 04:40:31

76浏览

0评论

axios 封装上传文件的请求方法

axios 和 ajax 都支持异步请求，两者使用方法大同小异，在此使用 axios 上传文件的请求。使用的时候只需要在响应的 vue 组件中引入就可以。import Vue from 'vue';import VueCo...

2020-05-27 04:40:30

75浏览

0评论

如何在 JavaScript 中更好地利用数组

本文短小精悍，我保证。在过去的数个月里，我注意到在我审阅的 pull request 中有四个（关于数组使用的）错误经常出现。同时，我自己也会犯这些错误，因此有了这篇文章。让我们一起学习...

2020-05-27 04:40:29

99浏览

0评论

vue中使用axios post上传头像/图片并实时显示到页面的方法

在前端开发中，为了更好的用户体验，在头像上传时会先将图片显示到页面然后点击保存按钮完成图片的上传成功代码部分有参考他人的写法。html代码： <div id="myPhoto" v-show="p...

2020-05-27 04:40:28

176浏览

0评论

解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题

Vue使用swiper插件时特别是轮播元素含有动态数据时可能会出现数据为空或者白屏的问题使用下面的方法可以解决（保证在数据请求之后再渲染页面）页面结构<div class="swiper-cont...

2020-05-27 04:40:27

81浏览

0评论

swiper在angularjs中使用循环轮播失效的解决方法

bug描述：我在anjularjs 中使用了swiper轮播图，通过动态获取到数据插入swiper-slide中，我在swiper初始化中设置了loop(循环),但是在出现了一点小问题，swiper会失效，划不动，当我设置...

2020-05-27 04:40:26

98浏览

0评论

Vue引用Swiper4插件无法重写分页器样式的解决方法

最近在尝试用nuxtjs来搭建新的站点，但是平时在jquery里面用惯的一些插件一到vue上面引用就各种不顺畅~本文记录一下在用Swiper插件来做轮播图的时候遇到的问题~至于怎么在vue...

2020-05-27 04:40:25

98浏览

0评论

浅谈在vue中使用mint-ui swipe遇到的问题

使用步骤：1.安装：npm install mint-ui -S2.引入组件// 完整引入import Vue from 'vue';import Mint from 'mint-ui';import "mint-ui/lib/style.css"Vue.use(Mint);// 按需引...

2020-05-27 04:40:24

87浏览

0评论

详解如何在vue项目中使用lodop打印插件

项目中使用到打印的功能。领导推荐使用LodopLodop是什么东东，反正就是可以定制打印的插件。。。既然是插件，vue的渐进式开发。完全可以拿来化为己用。如何使用那？先大概看了下...

2020-05-27 04:40:23

225浏览

0评论

解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题

前几天在工作的过程中，在数据渲染的时候，发生了swiper那一部分的轮播图不在滚动，手动滑动也没有效果。一直感觉数据开始渲染，是不是数据渲染的时候，并没有生成swiper的节点呢。后...

2020-05-27 04:40:22

104浏览

0评论

在vue中使用v-bind:class的选项卡方法

//vue中的选项卡的实现，数据驱动dom,因此需要使用数据，来改变class；详细见代码实现<style>ul{overflow: hidden;}ul li{float: left;width: 150px;height: 35px;line-height: 3...

2020-05-27 04:40:21

217浏览

0评论

Vue中的v-for指令不起效果的解决方法

我的代码之前类似下面的结构<div id="example-1" v-for="item in items"> <ul> <li> {{ item.message }} </li> </ul></div>结果发现不好用，数据读入了但是没有显示于是...

2020-05-27 04:40:20

79浏览

0评论

解决betterScroll在vue中存在图片时,出现拉不动的问题

1.先写一个图片加载的方法class ImgLoadClass { static preloadImages = (arr) => { //已经加载完的图片数量 let loadeImage = 0 //存放图片的数组 let newImages = [] //...

2020-05-27 04:40:19

81浏览

0评论

浅谈vue项目4rs vue-router上线后history模式遇到的坑

此次项目开发完后准备打包，因为hash模式的路径带#看着实在是有点丑，所以采用history模式。因为本次项目属于以前网站重构，但是seo问题，所以需要以前的一些地址路径写，所以vue-rou...

2020-05-27 04:40:18

99浏览

0评论

vue上传图片到oss的方法示例（图片带有删除功能）

最近Vue项目中，要将用户上传的图片全部上传到oss上，
OSS配置项请访问：https://help.aliyun.com/document_detail/64095.html?spm=a2c4g.11186623.6.773.kcD20nOSS平台配置...

2020-05-27 04:40:17

92浏览

0评论

解决vue项目nginx部署到非根目录下刷新空白的问题

1、修改config/index.js2、修改路由route/index3、后台配置nginx以上这篇解决vue项目nginx部署到非根目录下刷新空白的问题就是小编分享给大家的全部内容了，希望能给大家一个...

2020-05-27 04:40:16

81浏览

0评论

详解如何用VUE写一个多用模态框组件模版

对于新手们来说，如何写一个可以多用的组件，还是有点难度的，组件如何重用，如何传值这些在实际使用中，是多少会存在一些障碍的，所以今天特意写一个最常用的模态框组件提供给大家，希望...

2020-05-27 04:40:14

217浏览

0评论

Vue项目查看当前使用的elementUI版本的方法

在我们引入elementUI的时候，一般是两种方式：npm安装或者在script直接引入；当然，在script直接引入的时候，我们也可以通过直接指定版本的方式，达到锁定版本的效果。<script src="//u...

2020-05-27 04:40:13

81浏览

0评论

vue-cli的工程模板与构建工具详解

vue-cli提供的脚手架只是一个最基础的，也可以说是Vue团队认为的工程结构的一种最佳实践。对于初学者或者以前曾从事AngularJS/React开发的用户来说，可能对开发环境有自已习惯...

2020-05-27 04:40:12

149浏览

0评论

基于vue-cli npm run build之后vendor.js文件过大的解决方法

问题vue-cli npm run build命令默认把dependencies中的依赖统一打包，导致vendor.js文件过大，出现首屏加载过于缓慢的问题。解决方案像vue、axios、element-ui这些基本上不会改...

2020-05-27 04:40:11

89浏览

0评论

让webpack+vue-cil项目不再自动打开浏览器的方法

当我们用vue-cil建立一个完整的webpack+vue的项目之后，它的设置选项还是蛮多的。比如，当我们输入npm run dev开始跑起项目之后，就会自动的打开浏览器，并把页面打开。按理说，这是...

2020-05-27 04:40:10

113浏览

0评论

Vue CLI 3搭建vue+vuex最全分析(推荐)

一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CL...

2020-05-27 04:40:09

188浏览

0评论

解决vue-cli脚手架打包后vendor文件过大的问题

大家会遇到打包后文件很大，导致页面初始化加载的速度很慢。会出现白屏的现象。这一般是你打包的vendor太大的缘故。如果你打包后看到你的vendor文件有700kb以上。你就要考虑...

2020-05-27 04:40:07

64浏览

0评论

vue引入axios同源跨域问题

前言：跨域方案有很多种，既然我们用到了Vue，那么就使用vue提供的跨域方案。解决方案：1.修改HttpRequestUtil.js import axios from 'axios' export var baseurl = '/api' /** * G...

2020-05-27 04:40:06

78浏览

0评论

Vue父子组件之间的通信实例详解

　在vue组件通信中其中最常见通信方式就是父子组件之中的通信，而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。父组件传递数...

2020-05-27 04:40:05

148浏览

0评论

在微信小程序中渲染HTML内容的方法示例

大部分Web应用的富文本内容都是以HTML字符串的形式存储的，通过HTML文档去展示HTML内容自然没有问题。但是，在微信小程序（下文简称为「小程序」）中，应当如何渲染这部分内容呢？解决...

2020-05-27 04:40:04

67浏览

0评论

详解适配器在JavaScript中的体现

适配器设计模式在JavaScript中非常有用，在处理跨浏览器兼容问题、整合多个第三方SDK的调用，都可以看到它的身影。其实在日常开发中，很多时候会不经意间写出符合某种设计模式的...

2020-05-27 04:40:03

97浏览

0评论

用npm安装vue和vue-cli,并使用webpack创建项目的方法

一、npm 版本需要大于 3.0，如果低于此版本需要升级它：# 查看版本$ npm -v2.3.0#升级 npmcnpm install npm -g二、在用 Vue.js 构建大型应用时推荐使用 NPM 安装：# 最新稳定版$...

2020-05-27 04:40:02

首页 «1383 138413851386 1387 »尾页

热门文章