编程开发 - 教程之家

55浏览

0评论

javascript实现文字无缝滚动效果

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

2020-05-27 12:14:45

75浏览

0评论

浅谈Angular路由守卫

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

2020-05-27 12:14:44

55浏览

0评论

详解Angular4 路由设置相关

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

2020-05-27 12:14:42

83浏览

0评论

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

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

2020-05-27 12:14:41

80浏览

0评论

深入浅出es6模板字符串

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

2020-05-27 12:14:39

54浏览

0评论

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

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

2020-05-27 12:14:38

86浏览

0评论

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

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

2020-05-27 12:14:36

66浏览

0评论

js实现本地时间同步功能

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

2020-05-27 12:14:35

89浏览

0评论

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

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

2020-05-27 12:14:33

68浏览

0评论

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

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

2020-05-27 12:14:31

68浏览

0评论

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

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

2020-05-27 12:14:29

83浏览

0评论

vue下跨域设置的相关介绍

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

2020-05-27 12:14:28

76浏览

0评论

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

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

2020-05-27 12:14:26

120浏览

0评论

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

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

2020-05-27 12:14:22

106浏览

0评论

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

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

2020-05-27 12:14:20

65浏览

0评论

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

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

2020-05-27 12:14:19

73浏览

0评论

js排序与重组的实例讲解

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

2020-05-27 12:14:17

53浏览

0评论

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

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

2020-05-27 12:14:15

65浏览

0评论

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

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

2020-05-27 12:14:14

61浏览

0评论

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

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

2020-05-27 12:14:12

67浏览

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 12:14:11

68浏览

0评论

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

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

2020-05-27 12:14:10

75浏览

0评论

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

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

2020-05-27 12:14:09

69浏览

0评论

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

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

2020-05-27 12:14:08

60浏览

0评论

BootStrap入门学习第一篇

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

2020-05-27 12:14:06

86浏览

0评论

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

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

2020-05-27 12:14:04

59浏览

0评论

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

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

2020-05-27 12:14:03

88浏览

0评论

vue.js路由跳转详解

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

2020-05-27 12:14:01

85浏览

0评论

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

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

2020-05-27 12:14:00

55浏览

0评论

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

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

2020-05-27 12:13:59

104浏览

0评论

vue服务端渲染的实例代码

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

2020-05-27 12:13:57

100浏览

0评论

JS实现图片手风琴效果

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

2020-05-27 12:13:56

59浏览

0评论

详解基于Angular4+ server render(服务端渲染)开发教程

目标：1.更好的 SEO，方便搜索爬虫抓取页面内容2.更快的内容到达时间(time-to-content)影响：1.用户：比原来更快的看到渲染的页面，提升用户体验2.开发人员：某些代码可能需要特殊处理，...

2020-05-27 12:13:55

78浏览

0评论

vue2.0移除或更改的一些东西(移除index key)

一、vue2.0移除了$index和$key虽然说现在很多文章说他们的代码是vue2.0版本的，但是有一些仔细一看，发现并不全是2.0版本，有些语法还是1.0的版本，比如这个$index,$key，这两个压根...

2020-05-27 12:13:54

45浏览

0评论

js使用原型对象(prototype)需要注意的地方

我们先来一个简单的构造函数+原型对象的小程序function CreateObj( uName, uAge ) { this.userName = uName; this.userAge = uAge; } CreateObj.prototype...

2020-05-27 12:13:51

59浏览

0评论

weex slider实现滑动底部导航功能

本文实例为大家分享了weex slider实现滑动底部导航功能的具体代码，供大家参考，具体内容如下先看效果图这里主要是使用了weex 的 slider 实现了可以滑动的底部导航框架
这里最...

2020-05-27 12:13:50

71浏览

0评论

JS如何设置元素样式的方法示例

一看到这个标题，大家可能首先想到的就是使用“[元素].style.[CSS属性名] = [属性值]”这样的套路去设置元素样式，但实际上，我们其实还有其他方式可以选择。接下来，我将详细介绍...

2020-05-27 12:13:49

51浏览

0评论

JavaScript实现各种排序的代码详解

冒泡排序 function Bubble(arr){ var temp; for(var i=0;i<arr.length-1;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]>arr[j]){ temp=ar...

2020-05-27 12:13:46

66浏览

0评论

Angular4开发解决跨域问题详解

1.跨域浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.
上面提到的,同域的概念又是什么...

2020-05-27 12:13:45

85浏览

0评论

JavaScript编写棋盘覆盖代码详解

一、前言之前做了一个算法作业，叫做棋盘覆盖，本来需要用c语言来编写的，但是因为我的c语言是半桶水（哈哈），所以索性就把网上的c语言写法改成JavaScript写法，并且把它的覆盖效果显示...

2020-05-27 12:13:44

92浏览

0评论

js使用html2canvas实现屏幕截取的示例代码

整理文档，搜刮出一个js使用html2canvas实现屏幕截取的示例代码，稍微整理精简一下做下分享。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" c...

2020-05-27 12:13:41

93浏览

0评论

jQuery实现锚点向下平滑滚动特效示例

实现效果：实现原理：使用jQuery animate()方法实现页面平滑滚动特效$('html, body').animate({scrollTop: $(hash).offset().top}, 800, function(){window.location.hash = ha...

2020-05-27 12:13:40

57浏览

0评论

使用canvas进行图像编辑的实例

前面的话本文将分为几个小功能的形式来详细介绍canvas图像编辑缩放下面是一张分析图，假设默认情况下，图片和canvas宽高相同。图片的缩放(scale)范围为0.5到3，缩放时改变的是图...

2020-05-27 12:13:39

52浏览

0评论

[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例

发布者订阅者模式，是一种很常见的模式，比如:一、买卖房子生活中的买房，卖房，中介就构成了一个发布订阅者模式，买房的人，一般需要的是房源，价格，使用面积等信息，他充当了订阅者的角色...

2020-05-27 12:13:37

73浏览

0评论

在页面中引入js的两种方法(推荐)

在页面中引入js有两种基本方式：在页面中嵌入js、引用外部js文件。一、在页面中嵌入js这是在页面使用js最简单的方式了，一般我在写个小测试的情况下会用这种方式。把script元素...

2020-05-27 12:13:36

46浏览

0评论

js链表操作(实例讲解)

如下所示：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> function Node(v){ this.value=v; this.next=null; }...

2020-05-27 12:13:35

55浏览

0评论

详谈Node.js之操作文件系统

1. 同步方法与异步方法在Node.js中，使用fs模块来实现所有有关文件及目录的创建、写入及删除操作。，在fs模块中，所有对文件及目录的操作都可以使用同步与异步这两种方法。这两者...

2020-05-27 12:13:33

243浏览

0评论

页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)

1、页面缩放用到的技术点（1）zoomzoom：normal | <number> | <percentage>默认值：normal适用于：所有元素继承性：有可以使用用浮点数和百分比来定义缩放比例。zoom的浏览器兼容性：http...

2020-05-27 12:13:32

76浏览

0评论

es6学习之解构时应该注意的点

前言本文主要给大家介绍了关于在es6解构时需要注意的一些事项，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。如果要将一个已经声明的变量用于解构赋值，必须...

2020-05-27 12:13:31

70浏览

0评论

jQuery 实现鼠标画框并对框内数据选中的实例代码

jquery库：jquery -1.10.2.min.js，jQuery UI - v1.12.1。jQuery 代码不多说了，之间上代码。不懂的地方看注释。<script type="text/javascript"> //鼠标按下时的X Y坐标 var mou...

2020-05-27 12:13:30

热门文章