JavaScript - 教程之家

51浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

286浏览

0评论

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

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

190浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

65浏览

0评论

vue实现文件上传功能

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

42浏览

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

44浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

58浏览

0评论

Angular6封装http请求的步骤详解

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

2020-05-27

57浏览

0评论

Vue Promise的axios请求封装详解

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

2020-05-27

39浏览

0评论

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

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

2020-05-27

38浏览

0评论

深入Vue-Router路由嵌套理解

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

2020-05-27

96浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

34浏览

0评论

Angular异步变同步处理方法

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

43浏览

0评论

jQuery中$原理实例分析

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

50浏览

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

54浏览

0评论

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

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

2020-05-27

77浏览

0评论

Bootstrap Table实现定时刷新数据的方法

推荐第二种方法•令表格的id为realTimeTable1、毁掉表格，再查询数据后append，如果你查大量的数据（例如：查询很多渠道的信息），而获取服务器数据又太慢，你就会看到表格在一行一...

2020-05-27

73浏览

0评论

jQuery模拟12306城市选择框功能简单实现方法示例

本文实例讲述了jQuery模拟12306城市选择框功能简单实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <title>www.freexyz.cn jQuery城市选择框</titl...

2020-05-27

60浏览

0评论

Vue.js实现数据响应的方法

许多前端JavaScript框架（例如Angular，React和Vue）都有自己的数据相应引擎。通过了解相应性及其工作原理，您可以提高开发技能并更有效地使用JavaScript框架。在视频和下面的文章...

2020-05-27

150浏览

0评论

vue.js 实现评价五角星组件的实例代码

饿了么的五角星有三种形状,分别是实星,半星,空星并且组件要能实现,这个五角星不同大小,评分也不一样,比如满分五颗星,四颗半星,四颗星等等....所以需要像组件传入一个大小:s...

2020-05-27

39浏览

0评论

jQuery实现图片简单轮播功能示例

本文实例讲述了jQuery实现图片简单轮播功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset...

2020-05-27

42浏览

0评论

vue.js2.0 实现better-scroll的滚动效果实例详解

什么是 better-scrollbetter-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在这里。better-scroll 也很强大，不仅可以做普通的滚动列...

2020-05-27

44浏览

0评论

vue2.0 中使用transition实现动画效果使用心得

实践这里将通过四个实践小案例来体验和学习css过渡，css动画，javascript钩子，列表过渡的应用。至于案例用到的知识点就请自行学习官网文档。1.css过渡–实践先来看看demo效果：这...

2020-05-27

42浏览

0评论

angularjs 动态从后台获取下拉框的值方法

angularjs 动态从后台获取下拉框的值,只要是使用repeat指令,后台提供的是一个list的对象,里面包含value和显示的值,如下:js文件： //职务等级和档次/军衔等级和档次,需要从后...

2020-05-27

47浏览

0评论

vue.js template模板的使用(仿饿了么布局)

使用template实现如下页面(仿饿了么布局)如上图.使用了4个组件,分别是header.vue,goods.vue,ratings.vue,seller.vueheader.vue代码如下<template> <div class="header">...

2020-05-27

45浏览

0评论

JavaScript面向对象程序设计创建对象的方法分析

本文实例讲述了JavaScript面向对象程序设计创建对象的方法。分享给大家供大家参考，具体如下：面向对象的语言具有一个共同的标志，那就是具有“类”的概念，但是在javascript中没有...

2020-05-27

201浏览

0评论

AngularJS中ng-options实现下拉列表的数据绑定方法

下拉列表的简单使用ng-option指令使用很简单，只需要绑定两个属性：一个是ng-model用于获取选定的值；另一个是ng-options用于确定下拉列表的元素数组。<select ng-model="enginee...

2020-05-27

242浏览

0评论

Angularjs 根据一个select的值去设置另一个select的值方法

html：<div ng-controller="mySelectController"><select ng-model="myField" ng-options="Field.label for Field in names" ng-change="mySelectControllerChange()"><optio...

2020-05-27

45浏览

0评论

JS实现把一个页面层数据传递到另一个页面的两种方式

由于之前面试，被问到过此问题，所以今天特意整理了一下。由于自己技术水平有限，若存在错误，欢迎提出批评。本博客整理了两种方式从一个页面层向另一个页面层传递参数。一. 通过co...

2020-05-27

47浏览

0评论

AngularJS实现与后台服务器进行交互的示例讲解

AngularJS作为一个非常实用的前端框架，我们知道在AngularJS中有自己的Model和Controler。angularJS中所有的请求都是通过js定义的Controler来完成的，也就是我们完全脱离了后台...

2020-05-27

48浏览

0评论

JQuery通过后台获取数据遍历到前台的方法

做项目中，经常会通过调用后台接口把数据显示到前台页面上来，之前遇到过的问题是，前台页面是用ul+li标签写的，在调用接口调试时发现返回的数据有很多组的，而在前台显示的时候只有...

2020-05-27

156浏览

0评论

使用node.js实现微信小程序实时聊天功能

在微信这个聊天工具里的小程序上实现聊天功能，总感觉怪怪的。但领导要求了，总是要干的。然后就实时通讯这个关键词展开搜索，穿梭于网页之间。不过粘贴复制的真的太多了，找了半天...

2020-05-27

49浏览

0评论

详解angular应用容器化部署

Intro我自己有做一个个人主页，虽然效果不怎么样（不懂设计的典型程序猿...)，但是记录了我对于前端框架及工具的一些实践，从开始只有一个 angularjs 制作的页面到后面加入 less 动...

2020-05-27

63浏览

0评论

快速解决angularJS中用post方法时后台拿不到值的问题

用angularJS中的$http服务碰到了一个问题：运用$http.post方法向后台传递数据时，后台的php页面获取不到data参数传过来的值。不论是这种姿势：$http.post( "1.php", { id: 1 }).s...

2020-05-27

热门文章