编程开发 - 教程之家

编程开发

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

65浏览

0评论

微信小程序基于高德地图查找位置并显示文字

这篇文章主要介绍了微信小程序基于高德地图查找位置并显示文字,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.根据经...

2020-05-27 02:18:08

91浏览

0评论

vue遍历生成的输入框绑定及修改值示例

对于vue遍历生成的输入框进行其值的修改与保存是vue项目开发过程中的一种常规操作。这种操作的难点在于生成数量的不确定，不能在在组件中的data直接定义。思路获取生成的输入...

2020-05-27 02:18:07

67浏览

0评论

vue表单中遍历表单操作按钮的显示隐藏示例

使用情况，vue中返回的数据循环遍历如果用到v-if时不能直接赋值true 或者false，要true 或者false push到数组里面，隐藏或显示时用 splice方法。以下是详情1. 第一步先在data中定...

2020-05-27 02:18:06

73浏览

0评论

vue路由遍历生成复数router-link的例子

业务场景：使用vue-cli做一个spa；需求：顶部导航栏控制下方内容栏，实现页面内切换。毫无疑问，vue-router很适合这样的需求，实现起来也并不复杂：1、main.js：import VueRouter from 'vue...

2020-05-27 02:18:05

56浏览

0评论

解决在Vue中使用axios用form表单出现的问题

vue中使用Axios第三方库，采用形式提交，参数格式为multipart /格式数据，请求参数变为对象格式的解决办法。（推荐第二种方法）提交数据的四种编码方式一，应用/ X WWW的窗体-urlencod...

2020-05-27 02:18:04

86浏览

0评论

vue 解决form表单提交但不跳转页面的问题

vue使用@submit.prevent=""来设置提交时执行的函数，并阻止页面跳转： <form id="msgForm" action="" method="post" @submit.prevent="sub">sub函数写在methods内： methods:{ $...

2020-05-27 02:18:03

50浏览

0评论

vue输入节流,避免实时请求接口的实例代码

在做搜索的时候，当搜索页面只有一个输入框、没有确定按钮的时候，只能在用户输入时请求服务端，查询数据。这样会导致频繁的发送请求，造成服务端压力。解决这个问题，可以使用vue做...

2020-05-27 02:18:02

82浏览

0评论

Vue最新防抖方案(必看篇)

函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。举个栗子，持续触发scroll事...

2020-05-27 02:18:01

63浏览

0评论

基于Vue中使用节流Lodash throttle详解

在Vue中使用 Lodash.throttle 来做节流在Vue中,有时需要对ajax请求提交进行节流操作.这时候,如果页面在请求成功之后会跳转,使用vue指令once或者加载一个loading遮罩禁止点...

2020-05-27 02:18:00

119浏览

0评论

vue自定义指令实现仅支持输入数字和浮点型的示例

再开始本篇的讨论之前，先思考几个问题：使用html元素属性type='number'是否可以满足要求Vue中指令一般被设计用来操作dom元素的，而vue视图是基于数据模型的，如何在操作dom的同时，...

2020-05-27 02:17:59

84浏览

0评论

如何在Vue中抽离接口配置文件

Vue中抽离接口配置文件的问题及解决方法问题背景在通常开发中，我们经常把接口配置文件写在src目录里，
虽然有了一些方便，但也引发出一个新的问题，就是每次接都要重新编译。解决...

2020-05-27 02:17:58

100浏览

0评论

Vuex的实战使用详解

写在前面
我是一个看技术的文档不喜欢官方的人，觉得官方写的任何东西都是比较正式的，让人有点不想看的赶脚，我这里也不贴官方的那个图了，这里也不解释了（其实是我也不想研究）所以...

2020-05-27 02:17:57

83浏览

0评论

关于vue表单提交防双/多击的例子

先说下出现场景：测试这次比较极端(也有可能是测试又学会什么新知识了，哈哈)，说是在点击提交和调用之间有可能有狂暴的用户在多连击，就像打游戏一样，调用接口后的loading状态切换...

2020-05-27 02:17:56

88浏览

0评论

vue封装可复用组件confirm,并绑定在vue原型上的示例

如下所示：首先我们需要创建 confirm.vue ， confirm.js这两个文件，一个实现dom结构，一个实现相关逻辑confirm.vue<template> <div class="confirm" v-if="isShow"> <div class="...

2020-05-27 02:17:55

78浏览

0评论

使用axios发送post请求,将JSON数据改为form类型的示例

通常前端通过POST请求向服务器端提交数据格式有4中，分别是"application/x-www-form-urlencoded"格式、" multipart/form-data"格式、"application/json"格式和"text/xml"格式...

2020-05-27 02:17:54

67浏览

0评论

Javascript和jquery在selenium的使用过程

这篇文章主要介绍了Javascript和jquery在selenium的使用过程,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下JavaScript...

2020-05-27 02:17:53

85浏览

0评论

axios 实现post请求时把对象obj数据转为formdata

今天在对后台接口的时候，上传报名信息，利用axios 的post请求，发数据，但是显示参数错误，但是查看header的时候，发现居然是一个对象：这可不行，然会就想着怎么把对象搞成formdata,直接...

2020-05-27 02:17:51

61浏览

0评论

vue 使用鼠标滚动加载数据的例子

关于用鼠标滚动到某个位置我们就去加载数据，这样的场景与业务需求现在越来越常见，现在来分析下《vue.js 实战》中作者的一个解决策略：1. 设置一个标志位用来判断数据是否在加载...

2020-05-27 02:17:50

98浏览

0评论

vue和iview实现Scroll 数据无限滚动功能

在做项目的时候因为数据比较多，一次性全部渲染的话会花费较多的时间，所以，想到每一次渲染10条数据也想过每一次获取十条数据然后显示就行了，就目前自己所知最好的方法是修改接口...

2020-05-27 02:17:49

102浏览

0评论

vue data恢复初始化数据的实现方法

在我们进行vue开发过程中，经常会保存一些页面，此时，我们在app.vue的配置如下， <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive>以此来保...

2020-05-27 02:17:48

64浏览

0评论

vue3 源码解读之 time slicing的使用方法

今天给大家带来一篇源码解析的文章，emm 是关于 vue3 的，vue3 源码放出后，已经有很多文章来分析它的源码，我觉得很快又要烂大街了，哈哈
不过今天我要解析的部分是已经被废除的 tim...

2020-05-27 02:17:47

87浏览

0评论

vue项目初始化到登录login页面的示例

如下所示：export default new Router({ routes: [ { path: '/', redirect:'/login', }, { path: '/login', alias:'/accounts/login', name: '登录', ...

2020-05-27 02:17:46

78浏览

0评论

解决vue初始化项目时,一直卡在Project description上的问题

最近初学vue，但是项目初始化就进行不下去了。如上图所示，初始化项目时一直卡在项目描述上，直接回车无响应，文字也无法输入。已定位出原因：vue版本不对！！解决方法：将2.9.6的版本升级...

2020-05-27 02:17:45

99浏览

0评论

微信小程序canvas分享海报功能

微信小程序canvas分享海报，包含拒绝授权后重新打开授权设置。这篇文章完善了第一次拒绝授权后再次点击可以打开授权设置，希望可以帮助到爱学习的道友这里是效果图，图片可以百度...

2020-05-27 02:17:44

85浏览

0评论

vue项目引入ts步骤(小结)

最近考虑到老项目代码的可维护性以及稳定性，决定引入ts做规范检测。因为介绍的东西比较基础，如果介绍的不对，麻烦指正。1. 简介
TypeScript 是 JavaScript 的一个超集，主要提供...

2020-05-27 02:17:43

81浏览

0评论

vue项目出现页面空白的解决方案

今天新建项目，然后发现路由也改了 app.vue里面也是啥都没有，但是访问http://localhost:8080/#/login 能访问里面确实空白的错误：错误原因：path: '/' 只能有1个整个项目只...

2020-05-27 02:17:42

59浏览

0评论

VUE DEMO之模拟登录个人中心页面之间数据传值实例

lalala~ 先上代码吧：login.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模拟登录成功并跳转页面</title> <script src='vue.js'></script>...

2020-05-27 02:17:41

58浏览

0评论

selenium+java中用js来完成日期的修改

这篇文章主要介绍了selenium+java中用js来完成日期的修改,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下以携程网为例...

2020-05-27 02:17:40

76浏览

0评论

初学vue出现空格警告的原因及其解决方案

初学vue自己新建一个vue项目来做学习demo。不过在编写代码时一直出现空格不规范的警告。严重影响初学者的热情。错误如下图所示。（这样的错误很多，但大概翻译成中文的意思都是...

2020-05-27 02:17:38

91浏览

0评论

使用zrender.js绘制体温单效果

今天我们来画折线图效果图以下为模拟数据[{"time":19,"text":"入\n院\n19\n时\n11\n分","position":42,"cellMin":29.0,"cellSplit":0.2,"type":"text","color":"red","sh...

2020-05-27 02:17:37

62浏览

0评论

vue弹出框组件封装实例代码

新学vue，参考别人封装弹出层组件。好用！1.你需要先建一个弹出框的模板：//首先创建一个mack.vue<template> <div class="mack" v-if="isShow"> <div class="mackWeb" :style="t...

2020-05-27 02:17:36

94浏览

0评论

Vue防止白屏添加首屏动画的实例

单页应用有个无法避免的问题就是首屏加载慢，虽然可以通过gzip、路由懒加载、CDN、提高服务器带宽等手段，首屏加载速度仍然比传统多页应用慢一些。为了提高用户体验，首屏添加loa...

2020-05-27 02:17:35

61浏览

0评论

使用vue-router切换页面时实现设置过渡动画

背景今天在编写页面时,看到页面没有任何效果就只是直入直出,完全没有一点逼格,所以想要实现类似于原生app的那种切换页面时的特效,遂开始google,发现网上各种方案都是各有优...

2020-05-27 02:17:34

88浏览

0评论

vue-router之实现导航切换过渡动画效果

过渡动效提供了transition的封装组件，添加过渡动画，通过添加或删除css类名来实现。过渡的css类名：v-enter　　进入过渡的开始状态v-enter-active　　进入活动状态v-enter-to　...

2020-05-27 02:17:33

118浏览

0评论

vue路由切换之淡入淡出的简单实现

路由跳转的淡入淡出在开发中有一种需求叫高端、大气、上档次。所以作为一个前端有责任让你的程序开起来更酷炫。可以在页面切换时我们加入一些动画效果，提升我们程序的动效设...

2020-05-27 02:17:32

74浏览

0评论

Vue 使用beforeEach实现登录状态检查功能

使用VueRouter的beforeEach钩子函数，可以实现导航跳转前检查登录状态的需求。1.在登录请求接口时返回用户的信息，比如 userInfo:{userId:'123', userName:'小明'}，登录成功之后...

2020-05-27 02:17:31

56浏览

0评论

一起写一个即插即用的Vue Loading插件实现

无论最终要实现怎样的网站，Loading状态都是必不可少的一环，给用户一个过渡喘息的机会也给服务器一个递达响应的时间。从使用方式说起不管从0开始写起还是直接下载的Loading插...

2020-05-27 02:17:30

75浏览

0评论

js new Date()实例测试

js new Date() 测试var t = new Date().toString(); //t = "Thu Oct 31 2019 11:36:57 GMT+0800 (中国标准时间)" var t1 = new Date(); var data_arry =[]; var that = new...

2020-05-27 02:17:28

81浏览

0评论

VUE单页面切换动画代码(全网最好的切换效果)

我就废话不多说了，直接上代码吧！// 视图切换动画逻辑let history = window.sessionStoragelet historyCount = history.getItem('count') * 1 || 0function routerTransition...

2020-05-27 02:17:27

74浏览

0评论

解决vue的过渡动画无法正常实现问题

前记：最近在写vue的一个项目要实现过渡的效果，虽然vue动画不是强项，库也多,但是基本的坑还是得踩扎实;建议：先学习vue官方文档的进入/离开 & 列表过渡章节，那么我们来看bug;首先...

2020-05-27 02:17:26

88浏览

0评论

vue中使用vee-validator完成表单校验方案

前言由于大部分移动端的组件库都不提供表单校验，因此需要自己封装。目前，使用较多的是async-validator和vee-validator。其中，elementUI组件库提供的表单验证也是基于async-val...

2020-05-27 02:17:25

84浏览

0评论

浅谈Three.js截图并下载的大坑

最近做有关three.js的动画，想通过截图然后在新的页面打开截图，并且想把图片下载到本地，连环坑很ok:ok_hand:嗯。这个必须要记下来！先来看看普通页面的截图
一开始看到这个，完全没...

2020-05-27 02:17:24

125浏览

0评论

async/await让异步操作同步执行的方法详解

一.前言
我们经常会遇到这样的麻烦事,多个函数按顺序执行,返回结果却不是我们预期的顺序,原因一般是由于异步操作引起的,所以呢,我们需要一种解决方案来处理这种问题,从而使...

2020-05-27 02:17:23

130浏览

0评论

javascript使用链接跨域下载图片

前言图片是最常见的静态资源文件，可以从本地、外链获取图片，或者使用base64码展示。而canvas的toDataUrl() API可以将图片转base64码，然后模拟点击事件即可下载图片。外链下载...

2020-05-27 02:17:22

180浏览

0评论

浅析js实现网页截图的两种方式

Web端的截图(生成图片)并不算是个高频的需求，资料自然也不算多，查来查去，也不过Canvas 和 SVG两种实现方案，原理大概相似，都非真正义上的截图而是把DOM转为图片，然而实现方式却截...

2020-05-27 02:17:21

89浏览

0评论

浅谈vue-router路由切换组件重用挖下的坑

问题描述：vue-router导航切换时，如果两个路由都渲染同个组件，组件会重（chong）用,组件的生命周期钩子不会再被调用,使得组件的一些数据无法根据 path的改变得到更新翻车现场再现：...

2020-05-27 02:17:20

144浏览

0评论

Vue-cli项目部署到Nginx服务器的方法

0. Nginx使用以windows版为例，下载niginx压缩包并解压到任意目录，双击nginx.exe，在浏览器中访问http://localhost，如果出现Welcome to nginx!页面则说明成功。nginx常用命令如下...

2020-05-27 02:17:19

80浏览

0评论

微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)

微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案，cover-view不兼容,具体内容如下所示：1.从微信小程序的官网扣下来的demo，实际测试中，发现6s ios10 系统不兼容，里面的内...

2020-05-27 02:17:18

55浏览

0评论

vue导航栏部分的动态渲染实例

根据公司项目的需求，使用的是element-ui的nav-menu组件实现动态渲染左侧导航条的功能，这里我只写到了四级菜单。代码部分：<el-menu class='el-menu-vertical-demo' :router='tr...

2020-05-27 02:17:17

61浏览

0评论

Vue中jsx不完全应用指南小结

前言：文章不介绍任务背景知识，没有原理说明，偏向于实践的总结和经验分享。
文章所有的代码是基于Vue CLI 3.x版本，不会涉及到一步步通过Webpack来配置JSX所需要的知识点。在使用...

2020-05-27 02:17:16

首页 «1484 148514861487 1488 »尾页

热门文章