JavaScript - 教程之家

60浏览

0评论

在Js页面通过POST传递参数跳转到新页面详解

场景
最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。遇到的问题
因为一开始是 GET 请...

2020-05-27

63浏览

0评论

JavaScript中防止微信浏览器被整体拖动的方法

在微信网页开发中，我使用的页面结构是在body下的container覆盖全屏，container下有个header和page的容器，page负责显示所有内容并实现滚动。结构如图：
但是遇到了一个问题：在页面...

2020-05-27

63浏览

0评论

vue2利用Bus.js如何实现非父子组件通信详解

前言大家应该都知道，vue2中废弃了$dispatch和$broadcast广播和分发事件的方法。父子组件中可以用props和$emit()。如何实现非父子组件间的通信，可以通过实例一个vue实例Bus作...

2020-05-27

37浏览

0评论

Angularjs中数据绑定的实例详解

Angularjs中数据绑定的实例详解这是一个最简单的angularjs的例子，关于数据绑定的，大家可以执行一下，看看效果<html ng-app><head><title>angularjs-include</title><script typ...

2020-05-27

43浏览

0评论

微信小程序页面滑动屏幕加载数据效果

滑动屏幕加载数据是任何小程序中都会用到的功能，本文我就将这个功能整理给大家，希望对大家有意。我们先看看效果图：创建目录首先我们现在项目中创建资讯目录，以下是我自己创建的...

2020-05-27

48浏览

0评论

Nodejs 和Session 原理及实战技巧小结

一 Cookie因为HTTP协议是没有状态的，但很多情况下是需要一些信息的，比如在用户登陆后、再次访问网站时，没法判断用户是否登陆过。于是就有了cookies，用于在浏览器端保存用户数据...

2020-05-27

51浏览

0评论

Angularjs中ng-repeat的简单实例

Angularjs中ng-repeat的简单实例第一个例子：使用ng-repeat最简单的例子<html ng-app="myApp"><head><title>angularjs-demo</title><script type="text/javascript" src="ang...

2020-05-27

65浏览

0评论

NodeJS收发GET和POST请求的示例代码

本文介绍了NodeJS收发GET和POST请求的示例代码，分享给大家，也给自己留个笔记一 express框架接收app.get('/',function(req,res) { var url = req.query.url; var name = req...

2020-05-27

70浏览

0评论

微信小程序实现表单校验功能

小程序SDK版本 1.4表单校验之难如果要问微信小程序最难实现的公共业务是什么？应该是表单校验，没有之一。原因如下：表单组件在数量上达到11个，居各类组件之首。当然幸运的是，并不...

2020-05-27

65浏览

0评论

AngularJS中filter的使用实例详解

AngularJS中filter的使用实例详解一、格式化数字为货币格式。
<div>{{money|currency:"$"}}</div> <div>{{money|currency:"RMB"}}</div> script：
app.controller("crl", f...

2020-05-27

47浏览

0评论

用nodejs实现json和jsonp服务的方法

一、JSON和JSONPJSONP的全称是JSON with Padding，由于同源策略的限制，XmlHttpRequest只允许请求当前源（协议，域名，端口）的资源。如果要进行跨域请求，我们可以通过使用html的script...

2020-05-27

49浏览

0评论

node跨域请求方法小结

本文介绍了node跨域请求，主要介绍了两种方法，一种是jsonp，另一种res.wirteHead，具体如下：
第一种：jsonp
参看用nodejs实现json和jsonp服务第二种：res.wirteHead
node部分
var http...

2020-05-27

39浏览

0评论

AngularJS 中ui-view传参的实例详解

Angular路由传参首页
<!DOCTYPE html> <html ng-app="app"> <head> <title>路由传参</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta...

2020-05-27

36浏览

0评论

AngularJS select设置默认值的实现方法

AngularJS的select设置默认值在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现
<!DOCTYPE html> <html ng-app="noteApp" ng-controller="noteCt...

2020-05-27

44浏览

0评论

浅谈JS获取元素的N种方法及其动静态讨论

实际前端开发工作中，我们经常会遇到要获取某些元素，以达到更新该元素的样式、内容等目的。而文档对象模型 (DOM) 是HTML和XML文档的编程接口，它提供了对文档的结构化的表述，并定...

2020-05-27

39浏览

0评论

详解vue 模拟后台数据（加载本地json文件）调试

本文介绍了vue 模拟后台数据（加载本地json文件）调试，分享给大家，也给自己留个笔记首先创建一个本地json文件，放在项目中如下{ "runRedLight":{ "CurrentPage": 1, "TotalPages"...

2020-05-27

44浏览

0评论

get post jsonp三种数据交互形式实例详解

一、get请求1.引入 vue.js 和 vue-resource.js , 准备一个按钮<input type="button" value="按钮" @click="get()"/> //点击按钮请求数据函数get()2.准备一个txt文件welcom...

2020-05-27

48浏览

0评论

详解webpack3如何正确引用并使用jQuery库

经过百度、谷歌、SF、stackoverflow后终于将webpack3引用jQuery的问题解决了，网上的重复文章太多，大多也都过时了，webpack这两年发展也非常快，大多都是1.0版本的文章，与时俱进的...

2020-05-27

49浏览

0评论

node实现定时发送邮件的示例代码

本文介绍了node实现定时发送邮件的示例代码，分享给大家，具体如下：
定时发送，可做提醒使用
nodemailer
nodemailer 是一款简单易用的基于于SMTP协议（或 Amazon SES）的邮件发送组件...

2020-05-27

39浏览

0评论

javascript实现文字无缝滚动效果

本文实例为大家分享了文字无缝滚动效果，供大家参考，具体内容如下html<dl id="marquee" class="marquee"> <dt> <ul class="right-content"> <li> <a href="#"...

2020-05-27

62浏览

0评论

浅谈Angular路由守卫

引言在企业应用中权限、复杂页多路由数据处理、进入与离开路由数据处理这些是非常常见的需求。当希望用户离开一个正常编辑页时，要中断并提醒用户是否真的要离开时，如果在Angu...

2020-05-27

38浏览

0评论

详解Angular4 路由设置相关

1.路由相关配置
路由类设置/*路由基本模型*//*导入RouterModule，Routes类型*/import { RouterModule, Routes } from '@angular/router';import { LoginComponent } from "./...

2020-05-27

67浏览

0评论

vue与bootstrap实现时间选择器的示例代码

一、下载bootstrap-datetimepicker时间选择器js，css文件。1. github地址:bootstrap-datetimepicker2. 官方网站地址:官网bootstrap-datetimepicker地址，有具体的例子与解释二...

2020-05-27

62浏览

0评论

深入浅出es6模板字符串

本文主要介绍了深入浅出es6模板字符串，分享给大家，具体如下作为前端开发者避免不了根据后台数据的返回，组装html，渲染页面。举个栗子
$('#result').append( 'There are <b>' + b...

2020-05-27

39浏览

0评论

Javascript快速实现浏览器系统通知

JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知。下载$ npm install title-notify --save-dev$ bower install inotify --save-dev
编译...

2020-05-27

65浏览

0评论

基于jQuery实现图片推拉门动画效果的两种方法

''推拉门''动效也可以称作"手风琴"效果，大多数效果实现的思路基本是一样的，下面介绍两种方法，一种是通过改变图片的偏移位置实现移动，另一种是通过遍历背景图片后改变图片的宽度...

2020-05-27

53浏览

0评论

js实现本地时间同步功能

本文实例为大家分享了js实现本地时间同步的具体代码，供大家参考，具体内容如下HTML代码
<html><head> <title>时间</title> <meta charset="utf-8"></head><body onload="getTi...

2020-05-27

78浏览

0评论

微信小程序实现顶部选项卡(swiper)

微信小程序顶部选项卡在开发中是非常常用的，下面用一点时间实现了一下。效果图：下面直接上代码:
wxml:
 <view class="swiper-tab"> <view cla...

2020-05-27

52浏览

0评论

微信小程序实现顶部普通选项卡效果(非swiper)

背景：前段时间写了一个抢红包小程序，里面涉及到了顶部选项卡，把它抽了出来。效果图：下面直接上代码:
wxml:<view class="navbar"> <text wx:for="{{navbar}}" data-index="{{in...

2020-05-27

49浏览

0评论

客户端（vue框架）与服务器（koa框架）通信及服务器跨域配置详解

本篇博客主要说明：
前后端框架（本例中是vue和koa）如何发送请求?获取响应？
以及跨域问题如何解决？vue部分：import App from './App.vue'import Axios from 'axios'new Vue({ e...

2020-05-27

61浏览

0评论

vue下跨域设置的相关介绍

本文介绍了vue下跨域设置的相关介绍，分享给大家，具体如下:
1、在使用vue开发的时候经常要涉及到跨域的问题，其实在vue cli中是有我们设置跨域请求的文件的。2、当跨域无法请求...

2020-05-27

62浏览

0评论

Vue实现typeahead组件功能(非常靠谱)

前言之前那个typeahead写的太早,不满足当前的业务需求。而且有些瑕疵,还有也不方便传入数据和响应数据..于是就推倒了重来,写了个V2的版本看图,多了一些细节的考虑;精简了...

2020-05-27

101浏览

0评论

JavaScript学习笔记之惰性函数示例详解

前言本文主要给大家介绍了关于JavaScript惰性函数的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。需求
我们现在需要写一个 foo 函数，这个函数返回...

2020-05-27

94浏览

0评论

JS自定义函数实现时间戳转换成date的方法示例

本文实例讲述了JS自定义函数实现时间戳转换成date的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>获取当前年/月/日(w...

2020-05-27

49浏览

0评论

利用ES6的Promise.all实现至少请求多长时间的实例

1、背景我们都知道ajax请求可以加个timeout，就是最多请求多少时间，如果超过这个时间直接就报错。这个是最多请求多长时间，我现在要做的是，最少要请求多长时间，然后才能执行后续...

2020-05-27

42浏览

0评论

js排序与重组的实例讲解

前几天同学发给我一个问题，思路想整理一下，也供大家参考。实际上这道题本质就是考察的是去重与排序的问题。好了闲话少说，上题。function input(req){if(req<=100){var arr=[],...

2020-05-27

37浏览

0评论

ajax+node+request爬取网络图片的实例(宅男福利)

注：本文只讨论技术不涉及商业，如有侵权请告知，未经本人同意转载后果自负！本文是通过浏览器端ajax，node端request-json进行爬取”尤果网“部分图片资源，纯属技术方面兴趣，不涉及商业...

2020-05-27

45浏览

0评论

[js高手之路]寄生组合式继承的优势详解

在之前javascript面向对象系列的文章里面，我们已经探讨了组合继承和寄生继承，回顾下组合继承：function Person( uName ){ this.skills = [ 'php', 'javascript' ]; t...

2020-05-27

43浏览

0评论

[js高手之路]原型式继承与寄生式继承详解

一、原型式继承本质其实就是个浅拷贝，以一个对象为模板复制出新的对象function object( o ){ var G = function(){}; G.prototype = o; return new G(); }...

2020-05-27

51浏览

0评论

jQuery菜单实例(全选,反选,取消)

废话不多说，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="button" value="全选" oncli...

2020-05-27

55浏览

0评论

[js高手之路]从原型链开始图解继承到组合继承的产生详解

于javascript原型链的层层递进查找规则，以及原型对象(prototype)的共享特性，实现继承是非常简单的事情一、把父类的实例对象赋给子类的原型对象（prototype），可以实现继承function...

2020-05-27

59浏览

0评论

js制作简单的音乐播放器的示例代码

一、设计目的：
1、随着现在人民生活质量的提高同样伴随着生活压力的增大，越来越多的人追求越来越多的娱乐，其中一种娱乐方式就是音乐，于是突发奇想，制作一个音乐播放器。
2、主要...

2020-05-27

56浏览

0评论

[js高手之路]图解javascript的原型(prototype)对象,原型链实例

我们通过原型方式，解决了多个实例的方法共享问题，接下来，我们就来搞清楚原型(prototype)，原型链的来龙去脉。function CreateObj(uName) { this.userName = uName; } Create...

2020-05-27

44浏览

0评论

BootStrap入门学习第一篇

本文实例为大家分享了BootStrap入门学习的第一篇，供大家参考，具体内容如下1、环境搭建中文官网下载地址：http://www.bootcss.com/右击选中的WEB项目，点击导入，选择文件系统，然后下...

2020-05-27

54浏览

0评论

解决IE7中使用jQuery动态操作name问题

问题：IE7中无法使用Jquery动态操作页面元素的name属性。在项目中有出现问题，某些客户的机器偶尔会有，后台取不到前台的数据值。然开发和测试环境总是不能重现问题。坑爹之处就...

2020-05-27

46浏览

0评论

jQuery Collapse1.1.0折叠插件简单使用

本文实例为大家分享了jQuery Collapse1.1.0折叠插件的使用，供大家参考，具体内容如下/*!* jQuery collapse - A Wizard Plugin - http://www.cnblogs.com/yeyuansheng/* ------...

2020-05-27

68浏览

0评论

vue.js路由跳转详解

本文为大家分享了vue.js路由的跳转，供大家参考，具体内容如下1、路由demo示例
<div id="app"> <h1>Hello App!</h1> <p>  <!-- 通...

2020-05-27

77浏览

0评论

使用react-router4.0实现重定向和404功能的方法

在开发中，重定向和404这种需求非常常见，使用React-router4.0可以使用Redirect进行重定向
最常用的就是用户登录之后自动跳转主页。import React, { Component } from 'react';...

2020-05-27

38浏览

0评论

jQuery 1.9版本以上的浏览器判断方法代码分享

废话不多说了，直接给大家贴代码了，具体代码如下所示： var matched, browser;jQuery.uaMatch = function( ua ) { ua = ua.toLowerCase(); var match = /(chrome)[ \/]([\w.]+...

2020-05-27

93浏览

0评论

vue服务端渲染的实例代码

一、什么是服务端渲染
客户端请求服务器，服务器根据请求地址获得匹配的组件，在调用匹配到的组件返回Promise (官方是asyncData方法)来将需要的数据拿到。最后再通过window.__i...

2020-05-27

热门文章