JavaScript - 教程之家

70浏览

0评论

vue使用ajax获取后台数据进行显示的示例

实例如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="/vue.min.js"></script> <script src="/vue-resource.min...

2020-05-27

57浏览

0评论

JavaScript面向对象继承原理与实现方法分析

本文实例讲述了JavaScript面向对象继承原理与实现方法。分享给大家供大家参考，具体如下：1、构造函数、原型和实例的关系构造函数有一个原型属性prototype指向一个原型对象。原...

2020-05-27

91浏览

0评论

video.js 实现视频只能后退不能快进的思路详解

主要思路是点击进度条需要获取拖动前的时间点，我用mouseup事件去处理的，获得到了oldTime 就好办，然后根据需求限制拖动快进快退，因为项目允许回看，不允许快进，所以得记录maxTime，记...

2020-05-27

54浏览

0评论

vue-cli初始化项目中使用less的方法

什么是less?Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。引言现在前端的vue框架越来越火，vue-cli作为vue项目的...

2020-05-27

61浏览

0评论

使用layer弹窗和layui表单实现新增功能

1.需求：使用layer在弹窗内完成新增，成功后提示并刷新页面（父页面，list页面）2.实现 a* 页面效果图 b*页面代码 --构建from表单<div id="add-main" style="display: none;">...

2020-05-27

59浏览

0评论

koa上传excel文件并解析的实现方法

1.中间键使用 koa-bodynpm install koa-body --saveconst koaBody = require('koa-body');app.use(koaBody({ multipart: true, formidable: { maxFileSize: 200 * 1024 *...

2020-05-27

40浏览

0评论

angular6.x中ngTemplateOutlet指令的使用示例

在使用angular进行开发的时候,通过属性绑定向组件内部传值的方式,有时候并不能完全满足需求,比如我们写了一个公共组件,但是某个模板使用这个公共组件的时候,需要在其内部添...

2020-05-27

55浏览

0评论

微信小程序url传参写变量的方法

具体代码如下所示：<navigator url="../../pages/newsDetail/newsDetail?id={{news.id}}"> <view class="list-item"> <view class="little-item"> <view class="le...

2020-05-27

65浏览

0评论

bootstrap select2插件用ajax来获取和显示数据的实例

用select2插件，实现以下这个选择框：1、html代码<div class="form-group" style='display:none;' id='preParamGroup'> <label for="inputEmail3" class="col-sm-2 control-lab...

2020-05-27

107浏览

0评论

select2 ajax 设置默认值,初始值的方法

在做功能的时候需要修改数据，修改数据时需要显示原始值。但是在select2的时候显示原始值是一个非常非常非常非常非常要命的难题。研究了3个小时，最后使用$.ajax 重新加载原...

2020-05-27

186浏览

0评论

vue.js 中使用（...）运算符报错的解决方法

今天在起别人项目的时候，发现报错。这个错误是，项目中不识别es6的扩展运算符，解决方式很简单。// 第一步cnpm install babel-plugin-transform-object-rest-spread// 第二步...

2020-05-27

44浏览

0评论

bootstrap动态调用select下拉框的实例代码

html代码：<label for="classify" class="col-sm-2 control-label">填报部门：</label> <div class="col-sm-3"> <select class="selectpicker form-control" data-live-search=...

2020-05-27

93浏览

0评论

一个Vue视频媒体多段裁剪组件的实现示例

近日项目有个新需求，需要对视频或音频进行多段裁剪然后拼接。例如，一段视频长30分钟，我需要将5-10分钟、17-22分钟、24-29分钟这三段拼接到一起成一整段视频。裁剪在前端，拼接在...

2020-05-27

43浏览

0评论

解决select2在bootstrap modal中不能正常使用的问题

最近用bootstrap做前端框架，遇到select2单选框在bootstrap modal中不能正常使用，输入框不能获取焦点智能过滤；如下图：解决方法一：在bootstrap.js的模态框js内加上$.fn.modal.Cons...

2020-05-27

87浏览

0评论

vuejs使用axios异步访问时用get和post的实例讲解

script中。let data={....};let url=xx;方法各异：GET：this.$ajax.get(url,{ params:data }) .then(function (res) { console.log(res.data) }) .catch(functio...

2020-05-27

54浏览

0评论

layui实现点击按钮给table添加一行

•问题描述：想实现点击按钮在表格添加一行的功能，但发现layuii并未集成该工具栏，因此，需要自己手动添加这个功能；
•原先我写的table是这样实现的：$("#addTable").click...

2020-05-27

81浏览

0评论

bootstrap下拉框动态赋值方法

以前一直使用easyui，发现越来越跟不上现在前端的一些技术，所以改用bootstrap，然后发现好多包括简单的下拉赋值都不会了，这里上网找了下，然后发现下面这个不错，用上了，特此记录一下...

2020-05-27

57浏览

0评论

bootstrap里bootstrap动态加载下拉框的实例讲解

实例如下所示：//引入的包<link rel="stylesheet" type="text/css" href="map/plug-in/scripts/bootstrap/bootstrap.min.css" rel="external nofollow" />...

2020-05-27

62浏览

0评论

使用bootstrap实现下拉框搜索功能的实例讲解

背景公司的小二后台有一个下拉框选择经销商的功能，由于选择的经销商过多，因此添加搜索功能。前提配置好Bootstrap相关的开发环境主要内容<div class="form-group"> <label cla...

2020-05-27

64浏览

0评论

解决bootstrap-select 动态加载数据不显示的问题

如下所示：在使用bootstrap-select 动态加载数据的时候，refresh和render方法是必须使用的，不然就必须使用jquery往li对象里面填充数据，因为在bootstrap-select 中界面显示数据是...

2020-05-27

62浏览

0评论

Bootstrap模态对话框中显示动态内容的方法

首先引入bootstrap的js和css，在引入对应版本的jquery；添加按钮，点击弹出模态窗体：<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal" href="/H...

2020-05-27

61浏览

0评论

快速解决select2在bootstrap模态框中下拉框隐藏的问题

修改select2-container--open类.select2-container--open { z-index: 9999999 !important; }以上这篇快速解决select2在bootstrap模态框中下拉框隐藏的问题就是小编分享给...

2020-05-27

80浏览

0评论

详解Vue+axios+Node+express实现文件上传(用户头像上传)

Vue 页面的代码
<label for='my_file' class="theme-color"> <mu-icon left value="backup"></mu-icon> 修改头像</label><input type="file" ref="upload" name="avatar" i...

2020-05-27

55浏览

0评论

快速解决bootstrap下拉菜单无法隐藏的问题

下拉菜单的两种实现想必大家都知道，bootstrap为我们提供了一个下拉菜单的组件，官方也为我们提供两种使用方法1.标签指定data-toggle<div class="dropdown"> <button type="bu...

2020-05-27

66浏览

0评论

解决bootstrap中下拉菜单点击后不关闭的问题

bootstrap中常用到的下拉菜单dropdown-menu默认是当点击下拉菜单的任一位置就会关闭下拉菜单框了，这显然达不到很多用户需求，如何实现当点击需要点击的地方后才关闭下拉框呢，下...

2020-05-27

47浏览

0评论

详解如何在nuxt中添加proxyTable代理

背景
在本地开发vue项目的时候，当你习惯了proxyTable解决本地跨域的问题，切换到nuxt的时候，你会发现，添加了proxyTable设置并没有什么作用，那是因为你是用的vue脚手架生成的vue项...

2020-05-27

60浏览

0评论

JavaScript创建对象的常用方式总结

本文实例讲述了JavaScript创建对象的常用方式。分享给大家供大家参考，具体如下：JS中没有类的概念，那么怎么创建对象呢？下面一一来细说！传统的创建对象的方式：1、创建Object的实例v...

2020-05-27

56浏览

0评论

取消Bootstrap的dropdown-menu点击默认关闭事件方法

场景我在一个div中生成的是一个多级列表，需要多次点击列表，找到对应的列表项，而Bootstrap默认在dropdown-menu中点击一次就会消失。点击右侧的按钮，弹出一个多级列表代码如下：<d...

2020-05-27

57浏览

0评论

原生JS实现$.param() 函数的方法

由于遇到相关序列化的问题，但是vue项目中由于减少队jquery引用的限制，导致不能用$.param来序列化参数，所以写了如下方法用来解决相关问题，但由于考虑不全，可能存在判断不全或者代...

2020-05-27

59浏览

0评论

vue 动态绑定背景图片的方法

vue动态绑定背景图片的方法，具体介绍如下所示：1.backgroundImage && 三目运算符 <div class="right-con" :style="{backgroundImage: 'url(' + (coverImgUrl ? coverImgUr...

2020-05-27

80浏览

0评论

JavaScript闭包原理与用法实例分析

本文实例讲述了JavaScript闭包原理与用法。分享给大家供大家参考，具体如下：1、与闭包有关的两个概念：1) 变量的作用域不带有关键字var的变量会成为全局变量；在函数中使用关键字v...

2020-05-27

52浏览

0评论

JavaScript函数apply()和call()用法与异同分析

本文实例分析了JavaScript函数apply()和call()用法与异同。分享给大家供大家参考，具体如下：JavaScript的函数是对象，因此有属性和方法。每个函数都包含两个属性：length和prototy...

2020-05-27

46浏览

0评论

Vue全局分页组件的实现代码

需求
一个监控控制台界面，有成千上万条表格数据，需要做一个全局分页组件，支持调整每页显示数目、总页数、当前页数、前进后退、自由跳转页数。字段参数名数...

2020-05-27

49浏览

0评论

Bootstrap导航菜单点击后无法自动添加active的处理方法

Bootstrap提供了很丰富的前后端框架，为不精通CSS的程序猿们提供了很大的便利。前段时间在使用Bootstrap中的菜单控件时，其中的链接点击后，无法自动添加active类，即无法自动激活...

2020-05-27

73浏览

0评论

Bootstrap 模态框自定义点击和关闭事件详解

模态框避免点击背景处关闭：1、div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”<div class="modal fade" id="edit" tabindex="-1" role="dialog" aria-l...

2020-05-27

67浏览

0评论

bootstrap模态框关闭后清除模态框的数据方法

如下所示：$('body').on('hidden.bs.modal', '.modal', function () { $(this).removeData('bs.modal');});以上这篇bootstrap模态框关闭后清除模态框的数据方法就是小编分享...

2020-05-27

50浏览

0评论

微信小程序滑动选择器的实现代码

本文介绍了微信小程序滑动选择器的实现代码，分享给大家，具体如下：实现微信小程序滑动选择效果在wxml文件中，用一个picker标签代表选择器，bindchange是用户点击确定后触发的函数，in...

2020-05-27

41浏览

0评论

boostrap模态框二次弹出清空原有内容的方法

boostrap的模态框第二次弹出时总会保留第一次编辑的内容，解决方法如下：在模态框中每个文本框（或选择框，取决于你的模态框里有哪些样式）动态获取值的方法里添加： $(".文本框或选择...

2020-05-27

79浏览

0评论

解决bootstrap模态框数据缓存的问题方法

问题背景第一步进行新增验证第二步进行修改模态框验证信息没有消除且表单数据被缓存模态框代码：新增修改共用一个模态框<div class="modal fade" id="...

2020-05-27

36浏览

0评论

bootstrap模态框弹出和隐藏,动态改变中间内容的实例

引入文件<link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" > <link rel="stylesheet" href="style.css" rel="external nofollow" > <script src=...

2020-05-27

38浏览

0评论

jQuery的Ajax接收java返回数据方法

1.前端Ajax请求如下：$.ajax({ type : "post", //async:false, url : PATH + "/product/selectPicture.action", dataType : "json", success : function(data) { $.ea...

2020-05-27

60浏览

0评论

vue.js配合$.post从后台获取数据简单demo分享

首先导入<script type="text/javascript" src="/island/stage/js/vue.min.js"></script>html样式：<div id="main-content" class="wrap-container zerogrid"><article id="ne...

2020-05-27

41浏览

0评论

解决vue中post方式提交数据后台无法接收的问题

最近用vue做项目，遇到ajax提交值的问题。用post方式提交，后台无法接收到值。百度了半天，各种解决方式都有，下载中间件之类的，都试了。最后咨询大牛才知道是数据没有序列化的问题...

2020-05-27

84浏览

0评论

vuejs前后端数据交互之从后端请求数据的实例

本文将向大家介绍一种用vue-resource从后端请求数据的方法。比如说从后端请求一张表过来，（1）首先，在data中return一个msg:[]数组来接收表的数据；（2）在方法中定义一个请求函数，比如我...

2020-05-27

44浏览

0评论

解决Vue axios post请求,后台获取不到数据的问题方法

最近做项目，需要用到vue,后台是php,第一次使用axios进行请求，本以为同ajax一样，会很简单，但是结果往往不让人满意啊，get请求很简单，这里就不说了，主要说下 post请求方式。使用axios...

2020-05-27

48浏览

0评论

vue 组件的封装之基于axios的ajax请求方法

如下所示：import Vue from 'vue' let service = { url: 'http://host.xxxxx.com/xxx.php'} service.ajaxReuqest = (url, options, type, fileFlag) => { for (const i in op...

2020-05-27

49浏览

0评论

解决axios发送post请求返回400状态码的问题

今天在用 axios 发送一个跨域的post请求时，遇到了一个坑：Uncaught (in promise) Error: Request failed with status code 400。前台代码如下：axios({ method: "post", url: "h...

2020-05-27

65浏览

0评论

axios的拦截请求与响应方法

比如发送请求显示loading，请求回来loading消失之类的import Vue from 'vue'import App from './App.vue'import axios from 'axios'import Loading from './components/Loadi...

2020-05-27

147浏览

0评论

让axios发送表单请求形式的键值对post数据的实例

想要发送键值对，其实是需要做响应处理的，直接上代码npm install --save axios vue-axios qsqs是必不可少的插件，安装完成后，在main.js插入一下代码//载入axiosimport Qs from 'q...

2020-05-27

57浏览

0评论

axios向后台传递数组作为参数的方法

axios 的post方法向后台传递参数时的代码：var params = new URLSearchParams();params.append('faultNum',this..fault_num); params.append('far',this.far);this.$Axios.p...

2020-05-27

热门文章