64浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

109浏览

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

102浏览

0评论

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

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

• 2020-05-27

69浏览

0评论

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

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

• 2020-05-27

69浏览

0评论

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

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

• 2020-05-27

92浏览

0评论

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

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

• 2020-05-27

59浏览

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

65浏览

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

74浏览

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

63浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

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

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

• 2020-05-27

66浏览

0评论

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

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

• 2020-05-27

66浏览

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

73浏览

0评论

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

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

• 2020-05-27

91浏览

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

167浏览

0评论

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

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

• 2020-05-27

75浏览

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

70浏览

0评论

原生JS封装_new函数实现new关键字的功能

一.前言众所周知：没有对象怎么办？那就new一个！那么在JS中，当我们new一个对象的时候，这个new关键字内部都干了什么呢？
现在我们就来剖析一下原生JS中new关键字内部的工作原理。二....

• 2020-05-27

64浏览

0评论

JS中的两种数据类型及实现引用类型的深拷贝的方法

一.前言我们知道，在JS中数据类型按照访问方式和存储方式的不同可分为基本类型和引用类型。基本类型基本类型有String、Boolean、Number,Undefined、Null，这些基本类型都是按值...

• 2020-05-27

95浏览

0评论

VUE在for循环里面根据内容值动态的加入class值的方法

最近在做玩家蚂蚁项目的时候遇到了一个评分显示的小功能，这个在前端显示的星星是用class样式来进行控制的class =” real-star comment-stars-width5 ”数据库里记录的信息只...

• 2020-05-27

78浏览

0评论

深入理解Vue父子组件生命周期执行顺序及钩子函数

先附一张官网上的vue实例的生命周期图，每个Vue实例在被创建的时候都需要经过一系列的初始化过程，例如需要设置数据监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等。同时...

• 2020-05-27

71浏览

0评论

Vue.js中使用iView日期选择器并设置开始时间结束时间校验功能

具体代码如下所述：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>Vue.js中使用iView日期选择器并设置开始时间结束时间校验</title> <!-- import Vue.js -->...

• 2020-05-27

51浏览

0评论

vue实现商品加减计算总价的实例代码

需求是商品只能选一次,有原价和现价.大概的效果图是这样:完整代码在这里,直接复制就能用:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document<...

• 2020-05-27

78浏览

0评论

Vue中的v-for循环key属性注意事项小结

当Vue用 v-for 正在更新已渲染过的元素列表是，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue将不是移动DOM元素来匹配数据项的改变，而是简单复用此处每个元素，并且确保...

• 2020-05-27

330浏览

0评论

Vue实现左右菜单联动实现代码

本文介绍了Vue实现左右菜单联动实现代码吗，分享给大家，也给自己留个笔记，具体如下：Github 源码传送门： Rain120/vue-study 之前在外卖软件上看到这个左右联动的效果，觉得很有意思，...

• 2020-05-27

49浏览

0评论

在小程序中集成redux/immutable/thunk第三方库的方法

一、前言小程序给我们暴露了两个参数 require 和 module ， require 用来在模块中加载其他模块， module 用来将模块中的方法暴露出去module.exports = function(){}所以只要需...

• 2020-05-27

78浏览

0评论

使用JavaScript实现node.js中的path.join方法

Node.JS中的 path.join 非常方便，能直接按相对或绝对合并路径，使用： path.join([path1], [path2], [...])，有时侯前端也需要这种方法，如何实现呢？
其实直接从 node.js 的 path.js...

• 2020-05-27

206浏览

0评论

实例详解BootStrap的动态模态框及静态模态框

1.要用bootStrap这个框架就必须要重载它的class类,也就是说class要一样代码如下：有疑问的可以在下面留言，欢迎大家一起交流1.1动态模态框<!DOCTYPE html><html lang="en"><hea...

• 2020-05-27

58浏览

0评论

解决vue中使用Axios调用接口时出现的ie数据处理问题

1.问题近期在使用vue2 + axios 调用接口时碰到一个IE中很奇葩的问题，让我头痛了很久。废话不多扯，就是在其他浏览器中调用接口返回数据然后可以很顺利的进行处理，但在IE（9-11）中...

• 2020-05-27

87浏览

0评论

vue实现文件上传功能

vue 文件上传，供大家参考，具体内容如下首先 先说一下想要实现的效果就如截图所见，需要将企业和需要上传的文件提交到后台处理，那么接下来就说如何实现vue 实现 vue 页面代码 <el...

• 2020-05-27

87浏览

0评论

Javascript格式化并高亮xml字符串的方法及注意事项

两个关键点1.使用DOMParser解析xml
2.递归遍历xml树，按格式输出每一个节点关于使用DOMParser此方法目前在IE9以上和其它浏览器里都是支持的，所以这里不在写关于IE9以下不支持...

• 2020-05-27

56浏览

0评论

angularjs $http调用接口的方式详解

如下所示：$http.get("/merchantmall/merchant.json") .success(function(data, status, headers, config) { console.log(arguments); }) .error(function(data, status, he...

• 2020-05-27

69浏览

0评论

AngularJS使用$http配置对象方式与服务端交互方法

如下所示：//$http函数的形参就是一个配置对象$http({ //method属性表示HTTP请求时的方式,它是一个字符串，值是POST、GET、JSONP、DELETE、PUT和HEAD其中之一 method: //url...

• 2020-05-27

61浏览

0评论

解决angularjs前后端分离调用接口传递中文时中文乱码的问题

1、首先前端需要进行字符串加密两次encodeURIComponent(encodeURIComponent(param));2、这里是以java后台为例需要进行一次解码URLDecoder.decode("接受到的String类型参数"...

• 2020-05-27

93浏览

0评论

解决angularjs中同步执行http请求的方法

如下所示：self.tableParams = new NgTableParams({}, { getData: function (params) { $http.post("rest/staff/page", $scope.req).success(function (data) { if...

• 2020-05-27

81浏览

0评论

Angular6封装http请求的步骤详解

最近抽空学习了一下Angular6，之前主要使用的是vue，所以免不了的也想对Angular6提供的工具进行一些封装，今天主要就跟大家讲一下这个http模块。之前使用的ajax库是axios，可以设置...

• 2020-05-27

81浏览

0评论

Vue Promise的axios请求封装详解

现在应该大部分公司都是前后端分离了。so，数据请求的封装还是必须的。为了实现向ios中block封装请求的异步的效果，我采用JavaScript中promise这个对象。 var p1 = New promise...

• 2020-05-27

59浏览

0评论

AngularJS与后端php的数据交互方法

简述： AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、...

• 2020-05-27

60浏览

0评论

深入Vue-Router路由嵌套理解

背景
最近有个初学Vue的朋友问我，为什么我的两层路由跳不起来了，直接输url也不行？信息不是很充足及看不到源码的我，当时是那个一脸懵逼啊，心想这肯定是代码的问题，跟层级无关。接...

• 2020-05-27

126浏览

0评论

Vue自定义弹窗指令的实现代码

目标使用vue2.0实现自定义弹窗指令，当标签有该指令时，点击标签可以弹出弹窗实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

• 2020-05-27

100浏览

0评论

利用JS实现一个同Excel表现的智能填充算法

前言本文介绍了关于利用JS实现同Excel表现的智能填充算法的相关内容，分享出供大家参考学习，下面话不多说了，来一起看看详细的介绍吧
在使用Excel的时候，发现它的“智能填充”功...

• 2020-05-27

54浏览

0评论

Angular异步变同步处理方法

1. 背景在前端项目中，经常会遇到页面有多个接口，后一个接口参数需要从前一个接口的返回数据中获取，这就存在接口必须按顺序一个一个执行。而Angular提供的Http服务请求接口都是...

• 2020-05-27

71浏览

0评论

深入浅析angular和vue还有jquery的区别

angularjs简单介绍和特点　　首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自...

• 2020-05-27

73浏览

0评论

微信小程序中使用wxss加载图片并实现动画效果

记录微信小程序中使用wxss加载图片并实现动画的方式，最终实现loading效果。代码.weui-loading {margin: 0 5px;width: 20px;height: 20px;display: inline-block;vertical-al...

• 2020-05-27

77浏览

0评论

Angular服务Request异步请求的实例讲解

首先这里我简单写个例子来方便您的理解var request = { post: function() { var errorCallback = { error: function(f) { this.fun = f; }, fun...

• 2020-05-27

63浏览

0评论

jQuery中$原理实例分析

本文实例讲述了jQuery中$原理。分享给大家供大家参考，具体如下：1、外层沙箱及命名空间$为了避免声明了一些全局变量而污染，把代码放在一个“沙箱执行”，jQuery具体的实现，都被包...

• 2020-05-27

69浏览

0评论

vue后台管理之动态加载路由的方法

在这里我们将会实现一个vue动态路由的案列，当用户登陆成功后，根据用户的角色，拿到他对应的菜单信息，并将它动态的载入到我们的路由中。我们的通用的后台管理系统中，我们会根据权...

• 2020-05-27

73浏览

0评论

AngularJS发送异步Get/Post请求方法

1、在页面中加入AngularJS并为页面绑定ng-app 和 ng-controller<body ng-app="MyApp" ng-controller="MyCtrl" >...<script src="js/angular.min.js"></script><script src=...

• 2020-05-27

72浏览

0评论

angular2实现统一的http请求头方法

如下所示：//方案1：能用，但token信息不能写在服务中，应该用全局变量替代，而且还得考虑参数复合问题。@Injectable()export class DefaultRequestOptions extends BaseRequestOptio...

• 2020-05-27